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 : general.js

"use strict";

// ---------------------------------DOM Elements & Variables---------------------------------
const globalDropUp = document.querySelector(".footer__global-drop-up");
const menuBtns = document.querySelectorAll(".nav__categories button");
const mobMenuBtn = document.querySelector(".nav__mob-btn");
const globalBtn = document.getElementById("global-btn");
const mobMenu = document.getElementById("menu-mob");
const globalBtnIcon = globalBtn.querySelector("i:last-child");
const mobBtnIcon = mobMenuBtn.querySelector("i");
const header = document.querySelector("header");
const menus = {
    us: document.getElementById("menu-us"),
    products: document.getElementById("menu-products"),
    technical: document.getElementById("menu-technical"),
    search: document.getElementById("menu-search")
}
let prevScroll = document.body.dataset.scroll = window.scrollY;

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

// Nav Bar
const windowScrolled = () => {
    let currentScroll = document.body.dataset.scroll = window.scrollY;

if(!header.classList.contains("active")) {
        if((currentScroll - prevScroll) > 10) {
            header.classList.remove("visible");
        }
        else if((currentScroll - prevScroll) < -10) {
            header.classList.add("visible");
        }
    }
    prevScroll = currentScroll;
}

const openMenu = btn => {
    menuBtns.forEach(btn => btn.classList.remove("selected"));
    btn.classList.add("selected");
    let selected = btn.dataset.menu;

if(!header.classList.contains("active")) {
        header.classList.add("active");
        menus[selected].classList.remove("hidden");
        menus[selected].classList.add("appear");
    }
    else {
        for(let item in menus) {
            if(item ==  selected) {
                menus[item].classList.remove("hidden");
            }
            else {
                menus[item].classList.add("hidden");
            }
        }
    }
}

const toggleMobMenu = () => {
    mobBtnIcon.classList.toggle("fa-xmark");
    mobBtnIcon.classList.toggle("fa-bars-staggered");

if(!header.classList.contains("active")) {
        mobMenu.classList.remove("hidden");
        mobMenu.classList.add("appear");
        header.classList.add("active");
    }
    else {
        mobMenu.classList.remove("appear");
        header.classList.remove("active");
        mobMenu.classList.add("hidden");
    }
}

// Beghelli Websites Drop Up
const toggleDropUp = () => {
    let currentHeight = globalDropUp.style.height;
    globalBtnIcon.classList.toggle("fa-chevron-up");
    globalBtnIcon.classList.toggle("fa-chevron-down");

if(currentHeight == "" || currentHeight == "0px") {
        globalDropUp.style.height = "250px";
    }
    else {
        globalDropUp.style.height = "0px";
    }    
}

// -------------------------------------Event Listeners-------------------------------------
mobMenuBtn.addEventListener("click", toggleMobMenu);
window.addEventListener("scroll", windowScrolled);
globalBtn.addEventListener("click", toggleDropUp);

document.querySelector(".nav__close-btn")
    .addEventListener("click", closeMenu);

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

${this.title}

Code Editor : general.js