You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
console.log("Site Side Menu script loaded.");
|
|
|
|
function toggleSiteSideMenu() {
|
|
|
|
let displayStyle = document.getElementById("be-site-side-menu").style.display;
|
|
|
|
if (displayStyle === "flex") {
|
|
|
|
document.getElementById("be-site-side-menu").style.display = "none";
|
|
|
|
} else {
|
|
|
|
document.getElementById("be-site-side-menu").style.display = "flex";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function closeAlert() {
|
|
|
|
document.getElementById("be-alert-container").style.display = "none";
|
|
|
|
}
|
|
|
|
|
|
|
|
window.addEventListener("load", () => {
|
|
|
|
// (A) GET HTML ELEMENTS
|
|
|
|
var filter = document.getElementById("fe-search-filter"), // search box
|
|
|
|
list = document.querySelectorAll("#fe-search-filter-list li"); // all list items
|
|
|
|
|
|
|
|
// (B) ATTACH KEY UP LISTENER TO SEARCH BOX
|
|
|
|
filter.onkeyup = () => {
|
|
|
|
// (B1) GET CURRENT SEARCH TERM
|
|
|
|
let search = filter.value.toLowerCase();
|
|
|
|
|
|
|
|
// (B2) LOOP THROUGH LIST ITEMS - ONLY SHOW THOSE THAT MATCH SEARCH
|
|
|
|
for (let i of list) {
|
|
|
|
let item = i.innerHTML.toLowerCase();
|
|
|
|
if (item.indexOf(search) == -1) { i.classList.add("hide"); }
|
|
|
|
else { i.classList.remove("hide"); }
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|