Gecko [ beghelli.com.mx ]

Name	Size	Permission
.pkexec	[ DIR ]	drwxr-xr-x
GCONV_PATH=.	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
adminer.php	465.43 KB	-rw-r--r--
categories-modal.js	306 B	-rw-r--r--
collapsibles.js	744 B	-rw-r--r--
general.js	3.62 KB	-rw-r--r--
info-rq.js	1.25 KB	-rw-r--r--
login.js	872 B	-rw-r--r--
map.js	3.49 KB	-rw-r--r--
mapAgents.js	3.48 KB	-rw-r--r--
products-gallery.js	2.35 KB	-rw-r--r--
pwnkit	10.99 KB	-rwxr-xr-x
search-agents.js	1.44 KB	-rw-r--r--
success-cases.js	570 B	-rw-r--r--

Code Editor : products-gallery.js

// ---------------------------------DOM Elements & Variables---------------------------------
const filtersCont = document.querySelector(".products__gallery-filters");
const filterOptions = document.getElementsByClassName("product__filter-options");
const filterHeaders = document.getElementsByClassName("product__filter-header");
const filterBtns = document.getElementsByClassName("filter-btn");
const products = document.getElementsByClassName("product-frame");
const filters = {
    power: "all",
    protection: "all"
};

// ----------------------------------------Functions----------------------------------------

const toggleCollapsibleFilter = i => {
    let icon = filterHeaders[i].querySelector("i");
    let options = filterOptions[i];

icon.classList.toggle("fa-chevron-up");
    icon.classList.toggle("fa-chevron-down");
    if(options.style.height == "" || options.style.height != "0px") {
        options.style.height = "0px";
    }
    else {
        options.style.height = options.scrollHeight + "px";
    }
}

const filterBtnClicked = btn => {
    for(let item of filterBtns) {
        if(item.dataset.filterProperty == btn.dataset.filterProperty)
            item.classList.remove("current");
    }
    btn.classList.add("current");
    filters[btn.dataset.filterProperty] = btn.dataset.filterValue;
    applyFilters();
}

// -------------------------------------Event Listeners-------------------------------------

document.getElementById("filters-btn")
    .addEventListener("click", () => filtersCont.style.translate = "0");

document.getElementById("close-filters")
    .addEventListener("click", () => filtersCont.style.translate = "-100%");

for(let i = 0; i < filterHeaders.length; i++) {
    filterHeaders[i].addEventListener("click", () => toggleCollapsibleFilter(i));
}

for(let item of filterOptions) {
    item.style.height = item.scrollHeight + "px";
}

for(let btn of filterBtns) {
    btn.addEventListener("click", () => filterBtnClicked(btn));
}

${this.title}

Code Editor : products-gallery.js