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 : search-agents.js

// DOM Elements & Variables
const searchState = document.getElementById("search-state");
const searchBtn = document.getElementById("search-btn");
const searchBtnIcon = searchBtn.querySelector("i");
const states = [];

// Functions
const search = () => {
    let text = searchState.value.toLowerCase();

if (text == "") {
        clearSearch();
    }
    else {
        searchBtnIcon.classList.add("fa-xmark");
        searchBtnIcon.classList.remove("fa-magnifying-glass");

states.forEach(state => {
            if(state.name.includes(text)) {
                state.element.classList.remove("hidden");
            }
            else {
                state.element.classList.add("hidden");
            }
        });
    }
}

const clearSearch = () => {
    searchState.value = "";
    searchBtnIcon.classList.add("fa-magnifying-glass");
    searchBtnIcon.classList.remove("fa-xmark");
    states.forEach(state => state.element.classList.remove("hidden"));
}

(() => {
    let _collapsibles = document.querySelectorAll(".agents-state");

_collapsibles.forEach(item => {
        let h3 = item.querySelector("h3");
        let name = h3.innerText.toLowerCase();

states.push({
            element: item,
            name: name
        });
    });

console.log(states);
})();

// Event Listeners
searchState.addEventListener("input", search);
searchBtn.addEventListener("click", clearSearch);

${this.title}

Code Editor : search-agents.js