Sindbad~EG File Manager

window.addEventListener("load", () => {
  console.log("Hello");

  var swiper = new Swiper(".mySwiper", {
    slidesPerView: 2,

    spaceBetween: 30,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },

    navigation: {
      nextEl: ".swiper-next-button",
      prevEl: ".swiper-previous-button",
    },

    breakpoints: {
      640: {
        slidesPerView: 2,
        spaceBetween: 20,
      },
      768: {
        slidesPerView: 3,
        spaceBetween: 30,
      },
    },
  });

  var swiper = new Swiper(".selulSwiper", {
    slidesPerView: 1,

    spaceBetween: 30,
    pagination: {
      el: ".swiper-pagination-dots",
      clickable: true,
    },

    navigation: {
      nextEl: ".swiper-next-button",
      prevEl: ".swiper-previous-button",
    },

    breakpoints: {
      640: {
        slidesPerView: 1,
        spaceBetween: 20,
      },
      768: {
        slidesPerView: 2.6,
        spaceBetween: 24,
      },
    },
  });

  const tabButton = document.querySelector(".nav-link");
  const tabContent = document.querySelector(".tab-pane");

  tabButton?.classList.add("active");
  tabContent?.classList.add("show", "active");

  const headerBurger = document.querySelector(".header_burger");
  const headerMobile = document.querySelector(".header_mobile");
  const headerMobileLinks = document.querySelectorAll(".header_mobile-link");
  headerBurger?.addEventListener("click", () => {
    headerBurger.classList.toggle("active");
    // Lock body scroll
    document.body.style.overflow = headerBurger.classList.contains("active")
      ? "hidden"
      : "auto";

    headerMobile.classList.toggle("active");
  });

  headerMobileLinks.forEach((link) => {
    link.addEventListener("click", () => {
      headerBurger.classList.remove("active");
      headerMobile.classList.remove("active");
      document.body.style.overflow = "auto";
    });
  });
});