📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
b2be-ticaretscripti.demodesign.com.tr
/
boss
/
datas
/
js
/
product
📝
product-tab.js
← Geri Dön
document.addEventListener('DOMContentLoaded', function() { // Get the elements var gridLayoutView = document.querySelector('.grid-layout-view'); var listLayoutView = document.querySelector('.list-layout-view'); var product2LayoutView = document.querySelector('.product-2-layout-view'); var product3LayoutView = document.querySelector('.product-3-layout-view'); var product4LayoutView = document.querySelector('.product-4-layout-view'); var product6LayoutView = document.querySelector('.product-6-layout-view'); var productWrapperGrid = document.querySelector('.product-wrapper-grid'); var leftFilter = document.querySelector('.left-filter'); var listRow = document.querySelector('.list-collection'); // List layout view gridLayoutView.addEventListener('click', function(e) { productWrapperGrid.classList.remove('list-view'); var listChildren = listRow.children; for (var i = 0; i < listChildren.length; i++) { listChildren[i].classList.remove('col-xl-12'); } }); // Grid layout view listLayoutView.addEventListener('click', function(e) { productWrapperGrid.style.opacity = '0'; productWrapperGrid.classList.add('list-view'); var listChildren = listRow.children; for (var i = 0; i < listChildren.length; i++) { listChildren[i].classList.add('col-xl-12'); } setTimeout(function() { productWrapperGrid.style.opacity = '1'; }, 500); }); // Grid options product2LayoutView.addEventListener('click', function(e) { if (productWrapperGrid.classList.contains('list-view')) {} else { var listChildren = listRow.children; for (var i = 0; i < listChildren.length; i++) { listChildren[i].className = ""; listChildren[i].classList.add('col-sm-6'); } leftFilter.classList.remove('filter-sidebar'); leftFilter.classList.remove('custom-scrollbar'); } }); product3LayoutView.addEventListener('click', function(e) { if (productWrapperGrid.classList.contains('list-view')) {} else{ var listChildren = listRow.children; for (var i = 0; i < listChildren.length; i++) { listChildren[i].className = ""; listChildren[i].classList.add('col-md-4'); } leftFilter.classList.remove('filter-sidebar'); leftFilter.classList.remove('custom-scrollbar'); } }); product4LayoutView.addEventListener('click', function(e) { if (productWrapperGrid.classList.contains('list-view')) {} else{ var listChildren = listRow.children; for (var i = 0; i < listChildren.length; i++) { listChildren[i].className = ""; listChildren[i].classList.add('col-xl-3'); listChildren[i].classList.add('col-sm-3'); } leftFilter.classList.remove('filter-sidebar'); leftFilter.classList.remove('custom-scrollbar'); } }); product6LayoutView.addEventListener('click', function(e) { if (productWrapperGrid.classList.contains('list-view')) {} else{ var listChildren = listRow.children; for (var i = 0; i < listChildren.length; i++) { listChildren[i].className = ""; listChildren[i].classList.add('col-xl-2'); } leftFilter.classList.add('filter-sidebar'); leftFilter.classList.add('custom-scrollbar'); } }); }); // filter js document.querySelectorAll(".md-sidebar .md-sidebar-toggle").forEach(function(element) { element.addEventListener("click", function(e) { document.querySelector(".md-sidebar .md-sidebar-aside").classList.toggle("open"); }); }); ///Active class add $(document).ready(function() { // Add click event handlers to the elements with the "layout-view" class $('.layout-view').click(function() { // Remove the "active" class from all elements with the "layout-view" class $('.layout-view').removeClass('active'); // Add the "active" class to the clicked element $(this).addClass('active'); }); // Set the ".grid-layout-view" as active by default $('.grid-layout-view').addClass('active'); // Clicking on ".list-layout-view" removes the class from ".grid-layout-view" $('.list-layout-view').click(function() { $('.list-layout-view').addClass('active'); $('.grid-layout-view').removeClass('active'); }); $('.grid-layout-view').click(function() { $('.grid-layout-view').addClass('active'); $('.list-layout-view').removeClass('active'); }); });
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula