ACIL FM

Pilih semua

Nama	Ukuran	Aksi
bacheca.js	2.85 MB	View DL Edit
bootstrap.min.js	216.1 MB	View DL Edit
custom.js	91.92 MB	View DL Edit
globals.js	1.04 MB	View DL Edit
login.js	8.03 MB	View DL Edit
permission.js	10.14 MB	View DL Edit
profile.js	9.22 MB	View DL Edit
stamp.js	17.93 MB	View DL Edit
transfer.js	8.74 MB	View DL Edit

Edit file: /home/mhhtmff/app/NH-HR-test-old/mb/scripts/custom.js

//Removing Preloader

setTimeout(function () {
  var preloader = document.getElementById("preloader");

if (preloader) {
    preloader.classList.add("preloader-hide");
  }
}, 150);

document.addEventListener("DOMContentLoaded", () => {
  "use strict";

//Global Variables

let isPWA = true; // Enables or disables the service worker and PWA

let isAJAX = true; // AJAX transitions. Requires local server or server

var pwaName = "Azures"; //Local Storage Names for PWA

var pwaRemind = 1; //Days to re-remind to add to home

var pwaNoCache = false; //Requires server and HTTPS/SSL. Will clear cache with each visit

//Setting Service Worker Locations scope = folder | location = service worker js location

var pwaScope = "/mb/";

var pwaLocation = "/mb/_service-worker.js";

//Place all your custom Javascript functions and plugin calls below this line

function init_template() {
    //Caching Global Variables

var i, e, el; //https://www.w3schools.com/js/js_performance.asp

//Greetig Heading

var pageTitle = document.querySelectorAll(
      ".page-title-large, .page-title-small, .menu-header a"
    );

if (pageTitle) {
      var greetingTime = new Date().getHours();

var greetingMessage;

var greetingExist = document.querySelectorAll(".greeting-text")[0];

if (greetingExist) {
        var greetingUser = document
          .querySelectorAll(".greeting-text")[0]
          .getAttribute("data-username");

var greetingMorning = "Good morning";

var greetingAfternoon = "Good afternoon";

var greetingEvening = "Good evening";

if (greetingTime >= 0 && greetingTime < 12) {
 greetingMessage = greetingMorning;
 } else if (greetingTime >= 12 && greetingTime < 17) {
 greetingMessage = greetingAfternoon;
 } else if (greetingTime >= 17 && greetingTime < 24) {
 greetingMessage = greetingEvening;
 }

document
 .querySelectorAll(".greeting-text")[0]
 .insertAdjacentHTML(
 "beforeend",
 greetingMessage + ", " + greetingUser
 );
 }
 }

//Attaching Menu Hider

var menuHider = document.getElementsByClassName("menu-hider");

if (!menuHider.length) {
      var hider = document.createElement("div");
      hider.setAttribute("class", "menu-hider");
      document.body.insertAdjacentElement("beforebegin", hider);
    }

if (menuHider[0].classList.contains("menu-active")) {
      menuHider[0].classList.remove("menu-active");
    }

//Demo function for programtic creation of Menu

//menu('menu-settings', 'show', 250);

//Activating Menus

document.querySelectorAll(".menu").forEach((el) => {
      el.style.display = "block";
    });

//Validator

var inputField = document.querySelectorAll("input");

if (inputField.length) {
      var mailValidator = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i;

var phoneValidator =
        /^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-\s\.]{0,1}[0-9]{4}$/;

var nameValidator =
        /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$/u;

var passwordValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/;

var numberValidator = /^(0|[1-9]\d*)$/;

var linkValidator = /^(http|https)?:\/\/[a-zA-Z0-9-\.]+\.[a-z]{2,4}/;

var textValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/;

function valid(el) {
        el.parentElement
          .querySelectorAll(".valid")[0]
          .classList.remove("disabled");

el.parentElement
          .querySelectorAll(".invalid")[0]
          .classList.add("disabled");
      }

function invalid(el) {
        el.parentElement
          .querySelectorAll(".valid")[0]
          .classList.add("disabled");

el.parentElement
          .querySelectorAll(".invalid")[0]
          .classList.remove("disabled");
      }

function unfilled(el) {
        el.parentElement.querySelectorAll("em")[0].classList.remove("disabled");

el.parentElement
          .querySelectorAll(".valid")[0]
          .classList.add("disabled");

el.parentElement
          .querySelectorAll(".invalid")[0]
          .classList.add("disabled");
      }

var regularField = document.querySelectorAll(
        '.input-style input:not([type="date"])'
      );

regularField.forEach((el) =>
        el.addEventListener("keyup", (e) => {
          if (!el.value == "") {
            el.parentElement.classList.add("input-style-active");

el.parentElement.querySelector("em").classList.add("disabled");
          } else {
            el.parentElement
              .querySelectorAll(".valid")[0]
              .classList.add("disabled");

el.parentElement
              .querySelectorAll(".invalid")[0]
              .classList.add("disabled");

el.parentElement.classList.remove("input-style-active");

el.parentElement.querySelector("em").classList.remove("disabled");
          }
        })
      );

var regularTextarea = document.querySelectorAll(".input-style textarea");

regularTextarea.forEach((el) =>
        el.addEventListener("keyup", (e) => {
          if (!el.value == "") {
            el.parentElement.classList.add("input-style-active");

el.parentElement.querySelector("em").classList.add("disabled");
          } else {
            el.parentElement.classList.remove("input-style-active");

el.parentElement.querySelector("em").classList.remove("disabled");
          }
        })
      );

var selectField = document.querySelectorAll(".input-style select");

selectField.forEach((el) =>
        el.addEventListener("change", (e) => {
          if (el.value !== "default") {
            el.parentElement.classList.add("input-style-active");

el.parentElement
              .querySelectorAll(".valid")[0]
              .classList.remove("disabled");

el.parentElement
              .querySelectorAll(".invalid, em, span")[0]
              .classList.add("disabled");
          }

if (el.value == "default") {
            el.parentElement
              .querySelectorAll("span, .valid, em")[0]
              .classList.add("disabled");

el.parentElement
              .querySelectorAll(".invalid")[0]
              .classList.remove("disabled");

el.parentElement.classList.add("input-style-active");
          }
        })
      );

var dateField = document.querySelectorAll(
        '.input-style input[type="date"]'
      );

dateField.forEach((el) =>
        el.addEventListener("change", (e) => {
          el.parentElement.classList.add("input-style-active");

el.parentElement
            .querySelectorAll(".valid")[0]
            .classList.remove("disabled");

el.parentElement
            .querySelectorAll(".invalid")[0]
            .classList.add("disabled");
        })
      );

var validateField = document.querySelectorAll(
        ".validate-field input, .validator-field textarea"
      );

if (validateField.length) {
        validateField.forEach((el) =>
          el.addEventListener("keyup", (e) => {
            var getAttribute = el.getAttribute("type");

switch (getAttribute) {
              case "name":
                nameValidator.test(el.value) ? valid(el) : invalid(el);
                break;

case "number":
                numberValidator.test(el.value) ? valid(el) : invalid(el);
                break;

case "email":
                mailValidator.test(el.value) ? valid(el) : invalid(el);
                break;

case "text":
                textValidator.test(el.value) ? valid(el) : invalid(el);
                break;

case "url":
                linkValidator.test(el.value) ? valid(el) : invalid(el);
                break;

case "tel":
                phoneValidator.test(el.value) ? valid(el) : invalid(el);
                break;

case "password":
                passwordValidator.test(el.value) ? valid(el) : invalid(el);
                break;
            }

if (el.value === "") {
              unfilled(el);
            }
          })
        );
      }
    }

//OTP Boxes - Azures 3.9

var otp = document.querySelectorAll(".otp");

if (otp[0]) {
      otp.forEach((el) => {
        el.addEventListener("focus", (e) => {
          el.value = "";
        });

el.addEventListener("input", (e) => {
          el.nextElementSibling ? el.nextElementSibling.focus() : el.blur();
        });
      });
    }

//Image Sliders

var splide = document.getElementsByClassName("splide");

if (splide.length) {
      var singleSlider = document.querySelectorAll(".single-slider");

if (singleSlider.length) {
        singleSlider.forEach(function (e) {
          var single = new Splide("#" + e.id, {
            type: "loop",

autoplay: true,

interval: 4000,

perPage: 1,
          }).mount();

var sliderNext = document.querySelectorAll(".slider-next");

var sliderPrev = document.querySelectorAll(".slider-prev");

sliderNext.forEach((el) =>
            el.addEventListener("click", (el) => {
              single.go(">");
            })
          );

sliderPrev.forEach((el) =>
 el.addEventListener("click", (el) => {
 single.go("<");
 })
 );
 });
 }

var doubleSlider = document.querySelectorAll(".double-slider");

if (doubleSlider.length) {
        doubleSlider.forEach(function (e) {
          var double = new Splide("#" + e.id, {
            type: "loop",

autoplay: true,

interval: 4000,

arrows: false,

perPage: 2,
          }).mount();
        });
      }

var trippleSlider = document.querySelectorAll(".tripple-slider");

if (trippleSlider.length) {
        trippleSlider.forEach(function (e) {
          var tripple = new Splide("#" + e.id, {
            type: "loop",

autoplay: true,

padding: {
              left: "0px",

right: "80px",
            },

interval: 4000,

arrows: false,

perPage: 2,

perMove: 1,
          }).mount();
        });
      }
    }

var topicSlider = document.querySelectorAll(".topic-slider");

if (topicSlider.length) {
      var topic = new Splide(".topic-slider", {
        type: "loop",

autoplay: false,

padding: {
          left: "15px",

right: "40px",
        },

arrows: false,

perPage: 3,

perMove: 1,
      }).mount();
    }

var userSlider = document.querySelectorAll(".user-slider");

if (userSlider.length) {
      var topic = new Splide(".user-slider", {
        type: "loop",

autoplay: false,

padding: {
          left: "0px",

right: "40px",
        },

arrows: false,

perPage: 4,

perMove: 1,
      }).mount();
    }

//Don't jump on Empty Links

const emptyHref = document.querySelectorAll('a[href="#"]');

emptyHref.forEach((el) =>
      el.addEventListener("click", (e) => {
        e.preventDefault();

return false;
      })
    );

//Map Page

var fullMap = document.querySelectorAll(".hide-map");

if (fullMap.length) {
      var mapActivator = document.querySelectorAll(".show-map");

var mapDisabler = document.querySelectorAll(".hide-map");

mapActivator[0].addEventListener("click", function (e) {
        document
          .getElementsByClassName("map-overlay")[0]
          .classList.add("disabled");

document
          .getElementsByClassName("card-center")[0]
          .classList.add("disabled");

document
          .getElementsByClassName("hide-map")[0]
          .classList.remove("disabled");
      });

mapDisabler[0].addEventListener("click", function (e) {
        document
          .getElementsByClassName("map-overlay")[0]
          .classList.remove("disabled");

document
          .getElementsByClassName("card-center")[0]
          .classList.remove("disabled");

document
          .getElementsByClassName("hide-map")[0]
          .classList.add("disabled");
      });
    }

var checkedCard = document.querySelectorAll(".check-card");

checkedCard.forEach((el) =>
      el.addEventListener("click", (e) => {
        if (el.querySelector("input").getAttribute("checked") == "checked") {
          el.querySelector("input").removeAttribute("checked");
        } else {
          el.querySelector("input").setAttribute("checked", "checked");
        }
      })
    );

//To Do List

var toDoList = document.querySelectorAll(".todo-list a");

toDoList.forEach((el) =>
      el.addEventListener("click", (e) => {
        el.classList.toggle("opacity-80");

if (el.querySelector("input").getAttribute("checked") == "checked") {
          el.querySelector("input").removeAttribute("checked");
        } else {
          el.querySelector("input").setAttribute("checked", "checked");
        }
      })
    );

//Setting Sidebar Widths

var menus = document.querySelectorAll(".menu");

function menuFunction() {
      if (menus.length) {
        var menuSidebar = document.querySelectorAll(
          ".menu-box-left, .menu-box-right"
        );

menuSidebar.forEach(function (e) {
          if (e.getAttribute("data-menu-width") === "cover") {
            e.style.width = "100%";
          } else {
            e.style.width = e.getAttribute("data-menu-width") + "px";
          }
        });

var menuSheets = document.querySelectorAll(
          ".menu-box-bottom, .menu-box-top, .menu-box-modal"
        );

menuSheets.forEach(function (e) {
          if (e.getAttribute("data-menu-width") === "cover") {
            e.style.width = "100%";

e.style.height = "100%";
          } else {
            e.style.width = e.getAttribute("data-menu-width") + "px";

e.style.height = e.getAttribute("data-menu-height") + "px";
          }
        });

//Opening Menus

var menuOpen = document.querySelectorAll("[data-menu]");

var wrappers = document.querySelectorAll(
          ".header, #footer-bar, .page-content"
        );

menuOpen.forEach((el) =>
          el.addEventListener("click", (e) => {
            //Close Existing Opened Menus

const activeMenu = document.querySelectorAll(".menu-active");

for (let i = 0; i < activeMenu.length; i++) {
 activeMenu[i].classList.remove("menu-active");
 }

//Open Clicked Menu

var menuData = el.getAttribute("data-menu");

var menuElement = document.getElementById(menuData);
            if (menuElement) {
              menuElement.classList.add("menu-active");
            }

var menuHider = document.getElementsByClassName("menu-hider")[0];
            if (menuHider) {
              menuHider.classList.add("menu-active");
            }

//Check and Apply Effects

var menu = document.getElementById(menuData);
            if (!menu) {
              return;
            }

var menuEffect = menu.getAttribute("data-menu-effect");

var menuLeft = menu.classList.contains("menu-box-left");

var menuRight = menu.classList.contains("menu-box-right");

var menuTop = menu.classList.contains("menu-box-top");

var menuBottom = menu.classList.contains("menu-box-bottom");

var menuWidth = menu.offsetWidth;

var menuHeight = menu.offsetHeight;

var menuTimeout = menu.getAttribute("data-menu-hide");

if (menuTimeout) {
              setTimeout(function () {
                document
                  .getElementById(menuData)
                  .classList.remove("menu-active");

document
                  .getElementsByClassName("menu-hider")[0]
                  .classList.remove("menu-active");
              }, menuTimeout);
            }

if (menuEffect === "menu-push") {
              var menuWidth = document
                .getElementById(menuData)
                .getAttribute("data-menu-width");

if (menuLeft) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateX(" + menuWidth + "px)";
 }
 }

if (menuRight) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateX(-" + menuWidth + "px)";
 }
 }

if (menuBottom) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateY(-" + menuHeight + "px)";
 }
 }

if (menuTop) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateY(" + menuHeight + "px)";
 }
 }
 }

if (menuEffect === "menu-parallax") {
              var menuWidth = document
                .getElementById(menuData)
                .getAttribute("data-menu-width");

if (menuLeft) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateX(" + menuWidth / 10 + "px)";
 }
 }

if (menuRight) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateX(-" + menuWidth / 10 + "px)";
 }
 }

if (menuBottom) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateY(-" + menuHeight / 5 + "px)";
 }
 }

if (menuTop) {
 for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform =
 "translateY(" + menuHeight / 5 + "px)";
 }
 }
 }
 })
 );

//Closing Menus

const menuClose = document.querySelectorAll(".close-menu, .menu-hider");

menuClose.forEach((el) =>
          el.addEventListener("click", (e) => {
            const activeMenu = document.querySelectorAll(".menu-active");

for (let i = 0; i < activeMenu.length; i++) {
 activeMenu[i].classList.remove("menu-active");
 }

for (let i = 0; i < wrappers.length; i++) {
 wrappers[i].style.transform = "translateX(-" + 0 + "px)";
 }
 })
 );
 }
 }

menuFunction();

function activateMenus() {
      const menuActive = document.querySelectorAll("[data-menu-active]")[0];

if (menuActive) {
        var selectedMenu = menuActive.getAttribute("data-menu-active");

var selectedElement = document.querySelectorAll("#" + selectedMenu)[0];

if (selectedElement) {
          selectedElement.classList.add("nav-item-active");

if (
            selectedElement.parentNode &&
            selectedElement.parentNode.getAttribute("class") === "submenu"
          ) {
            var subId = "#" + selectedElement.parentNode.getAttribute("id");

var subData = selectedElement.parentNode.getAttribute("id");

var subElement = document.querySelectorAll(subId)[0];

if (subElement) {
              var subSize = subElement.children.length;

var subHeight = subElement.offsetHeight;

subElement.style.transition = "all 250ms";

subElement.style.height = subSize * 50 + 26 + "px";

var submenuActive = document.querySelectorAll(
                '[data-submenu="' + subData + '"]'
              )[0];

if (submenuActive) {
                submenuActive.classList.add("nav-item-active");
              }
            }
          }
        }
      }

document.querySelectorAll("[data-submenu]").forEach(function (e) {
        var subID = e.getAttribute("data-submenu");

var subElement = document.getElementById(subID);

if (subElement && subElement.children) {
          var subChildren = subElement.children.length;

var subtest = e.querySelectorAll("strong")[0];

if (subtest) {
            subtest.insertAdjacentHTML("beforeend", subChildren);
          }
        }
      });

var submenuLink = document.querySelectorAll("[data-submenu]");

submenuLink.forEach((el) =>
        el.addEventListener("click", (e) => {
          el.classList.toggle("nav-item-active");

var subData = el.getAttribute("data-submenu");

var subId = "#" + subData;

var subSize = document.querySelectorAll(subId)[0].children.length;

var subHeight = document.querySelectorAll(subId)[0].offsetHeight;

if (subHeight === 0) {
            console.log("true");

document.querySelectorAll(subId)[0].style.transition = "all 250ms";

document.querySelectorAll(subId)[0].style.height =
              subSize * 50 + 26 + "px";
          } else {
            console.log("false");

document.querySelectorAll(subId)[0].style.transition = "all 250ms";

document.querySelectorAll(subId)[0].style.height = "0px";
          }
        })
      );
    }

//Back Button

const backButton = document.querySelectorAll("[data-back-button]");

if (backButton.length) {
      backButton.forEach((el) =>
        el.addEventListener("click", (e) => {
          e.stopPropagation;

e.preventDefault;

window.history.go(-1);
        })
      );
    }

//Back to Top

function backUp() {
      const backToTop = document.querySelectorAll(
        ".back-to-top-icon, .back-to-top-badge, .back-to-top"
      );

if (backToTop) {
        backToTop.forEach((el) =>
          el.addEventListener("click", (e) => {
            window.scrollTo({ top: 0, behavior: `smooth` });
          })
        );
      }
    }

//Check iOS Version and add min-ios15 class if higher or equal to iOS15

function iOSversion() {
      let d, v;

if (/iP(hone|od|ad)/.test(navigator.platform)) {
        v = navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/);

d = {
          status: true,
          version: parseInt(v[1], 10),
          info:
            parseInt(v[1], 10) +
            "." +
            parseInt(v[2], 10) +
            "." +
            parseInt(v[3] || 0, 10),
        };
      } else {
        d = { status: false, version: false, info: "" };
      }

return d;
    }

let iosVer = iOSversion();

if (iosVer.version > 14) {
      document.querySelectorAll("#page")[0].classList.add("min-ios15");
    }

//Card Extender

const cards = document.getElementsByClassName("card");

function card_extender() {
      var headerHeight, footerHeight, headerOnPage;

var headerOnPage = document.querySelectorAll(
        ".header:not(.header-transparent)"
      )[0];

var footerOnPage = document.querySelectorAll("#footer-bar")[0];

headerOnPage
        ? (headerHeight = document.querySelectorAll(".header")[0].offsetHeight)
        : (headerHeight = 0);

footerOnPage
        ? (footerHeight =
            document.querySelectorAll("#footer-bar")[0].offsetHeight)
        : (footerHeight = 0);

for (let i = 0; i < cards.length; i++) {
 if (cards[i].getAttribute("data-card-height") === "cover") {
 if (window.matchMedia("(display-mode: fullscreen)").matches) {
 var windowHeight = window.outerHeight;
 }

if (!window.matchMedia("(display-mode: fullscreen)").matches) {
            var windowHeight = window.innerHeight;
          }

//Fix for iOS 15 pages with data-height="cover"

var coverHeight = windowHeight + "px";

// - Remove this for iOS 14 issues - var coverHeight = windowHeight - headerHeight - footerHeight + 'px';
        }

if (cards[i].getAttribute("data-card-height") === "cover-card") {
          var windowHeight = window.innerHeight;

var coverHeight = windowHeight - 173 + "px";

cards[i].style.height = coverHeight;
        }

if (cards[i].getAttribute("data-card-height") === "cover-full") {
          if (window.matchMedia("(display-mode: fullscreen)").matches) {
            var windowHeight = window.outerHeight;
          }

if (!window.matchMedia("(display-mode: fullscreen)").matches) {
            var windowHeight = window.innerHeight;
          }

var coverHeight = windowHeight + "px";

cards[i].style.height = coverHeight;
        }

if (cards[i].hasAttribute("data-card-height")) {
          var getHeight = cards[i].getAttribute("data-card-height");

cards[i].style.height = getHeight + "px";

if (getHeight === "cover") {
            var totalHeight = getHeight;

cards[i].style.height = coverHeight;
          }
        }
      }
    }

if (cards.length) {
      card_extender();

window.addEventListener("resize", card_extender);
    }

//Activate Remembered Highlight

function selectHighlight() {
      var rememberHighlight = localStorage.getItem(pwaName + "-Highlight");

if (rememberHighlight) {
        document
          .querySelectorAll(
            '[data-change-highlight="' + rememberHighlight + '"]'
          )[0]
          .classList.add("highlight-active");

document.body.setAttribute("data-highlight", rememberHighlight);
      }
    }

//Page Highlights

function highlightColors() {
      var highlightData = document.querySelectorAll("[data-change-highlight]");

highlightData.forEach((el) =>
        el.addEventListener("click", (e) => {
          const activeHighlight =
            document.querySelectorAll(".highlight-active");

for (let i = 0; i < activeHighlight.length; i++) {
 activeHighlight[i].classList.remove("highlight-active");
 }

el.classList.add("highlight-active");

var highlight = el.getAttribute("data-change-highlight");

var pageHighlight = document.querySelectorAll(".page-highlight");

if (pageHighlight.length) {
            pageHighlight.forEach(function (e) {
              e.remove();
            });
          }

var loadHighlight = document.createElement("link");

loadHighlight.rel = "stylesheet";

loadHighlight.className = "page-highlight";

loadHighlight.type = "text/css";

loadHighlight.href =
            "styles/highlights/highlight_" + highlight + ".css";

document.getElementsByTagName("head")[0].appendChild(loadHighlight);

document.body.setAttribute(
            "data-highlight",
            "highlight-" + highlight
          );

localStorage.setItem(pwaName + "-Highlight", highlight);
        })
      );

var rememberHighlight = localStorage.getItem(pwaName + "-Highlight");

if (rememberHighlight) {
        var loadHighlight = document.createElement("link");

loadHighlight.rel = "stylesheet";

loadHighlight.className = "page-highlight";

loadHighlight.type = "text/css";

loadHighlight.href =
          "styles/highlights/highlight_" + rememberHighlight + ".css";

if (!document.querySelectorAll(".page-highlight").length) {
          document.getElementsByTagName("head")[0].appendChild(loadHighlight);

document.body.setAttribute(
            "data-highlight",
            "highlight-" + rememberHighlight
          );
        }
      }
    }

highlightColors();

//Background Gradient Color

var gradientData = document.querySelectorAll("[data-change-background]");

gradientData.forEach((el) =>
      el.addEventListener("click", (e) => {
        var gradient = el.getAttribute("data-change-background");

document.body.setAttribute("data-gradient", "body-" + gradient + "");

localStorage.setItem(pwaName + "-Gradient", gradient);
      })
    );

//Set Background and Highlight

var pageBackground = localStorage.getItem(pwaName + "-Gradient");

if (pageBackground) {
      document.body.setAttribute(
        "data-gradient",
        "body-" + pageBackground + ""
      );
    }

//Dark Mode

function checkDarkMode() {
      const toggleDark = document.querySelectorAll("[data-toggle-theme]");

function activateDarkMode() {
        document.body.classList.add("theme-dark");

document.body.classList.remove("theme-light", "detect-theme");

for (let i = 0; i < toggleDark.length; i++) {
 toggleDark[i].checked = "checked";
 }

localStorage.setItem(pwaName + "-Theme", "dark-mode");
      }

function activateLightMode() {
        document.body.classList.add("theme-light");

document.body.classList.remove("theme-dark", "detect-theme");

for (let i = 0; i < toggleDark.length; i++) {
 toggleDark[i].checked = false;
 }

localStorage.setItem(pwaName + "-Theme", "light-mode");
      }

function removeTransitions() {
 var falseTransitions = document.querySelectorAll(
 ".btn, .header, #footer-bar, .menu-box, .menu-active"
 );
 for (let i = 0; i < falseTransitions.length; i++) {
 falseTransitions[i].style.transition = "all 0s ease";
 }
 }

function addTransitions() {
 var trueTransitions = document.querySelectorAll(
 ".btn, .header, #footer-bar, .menu-box, .menu-active"
 );
 for (let i = 0; i < trueTransitions.length; i++) {
 trueTransitions[i].style.transition = "";
 }
 }

function setColorScheme() {
        const isDarkMode = window.matchMedia(
          "(prefers-color-scheme: dark)"
        ).matches;

const isLightMode = window.matchMedia(
          "(prefers-color-scheme: light)"
        ).matches;

const isNoPreference = window.matchMedia(
          "(prefers-color-scheme: no-preference)"
        ).matches;

window
          .matchMedia("(prefers-color-scheme: dark)")
          .addListener((e) => e.matches && activateDarkMode());

window
          .matchMedia("(prefers-color-scheme: light)")
          .addListener((e) => e.matches && activateLightMode());

if (isDarkMode) activateDarkMode();

if (isLightMode) activateLightMode();
      }

//Activating Dark Mode

var darkModeSwitch = document.querySelectorAll("[data-toggle-theme]");

darkModeSwitch.forEach((el) =>
        el.addEventListener("click", (e) => {
          if (document.body.className == "theme-light") {
            removeTransitions();
            activateDarkMode();
          } else if (document.body.className == "theme-dark") {
            removeTransitions();
            activateLightMode();
          }

setTimeout(function () {
            addTransitions();
          }, 350);
        })
      );

//Set Color Based on Remembered Preference.

if (localStorage.getItem(pwaName + "-Theme") == "dark-mode") {
 for (let i = 0; i < toggleDark.length; i++) {
 toggleDark[i].checked = "checked";
 }
 document.body.className = "theme-dark";
 }

if (localStorage.getItem(pwaName + "-Theme") == "light-mode") {
        document.body.className = "theme-light";
      }
      if (document.body.className == "detect-theme") {
        setColorScheme();
      }

//Detect Dark/Light Mode

const darkModeDetect = document.querySelectorAll(".detect-dark-mode");

darkModeDetect.forEach((el) =>
        el.addEventListener("click", (e) => {
          document.body.classList.remove("theme-light", "theme-dark");

document.body.classList.add("detect-theme");

setTimeout(function () {
            setColorScheme();
          }, 50);
        })
      );
    }

if (localStorage.getItem(pwaName + "-Theme") == "dark-mode") {
      document.body.className = "theme-dark";
    }

if (localStorage.getItem(pwaName + "-Theme") == "light-mode") {
      document.body.className = "theme-light";
    }

//Accordion Rotate

const accordionBtn = document.querySelectorAll(".accordion-btn");

if (accordionBtn.length) {
      accordionBtn.forEach((el) =>
        el.addEventListener("click", (event) => {
          el.querySelector("i:last-child").classList.toggle("fa-rotate-180");
        })
      );
    }

//File Upload

const inputArray = document.getElementsByClassName("upload-file");

if (inputArray.length) {
      inputArray[0].addEventListener("change", prepareUpload, false);

function prepareUpload(event) {
        if (this.files && this.files[0]) {
          var img = document.getElementById("image-data");

img.src = URL.createObjectURL(this.files[0]);
        }

const files = event.target.files;

const fileName = files[0].name;

document
          .getElementsByClassName("file-data")[0]
          .classList.add("disabled");

document
          .getElementsByClassName("upload-file-data")[0]
          .classList.remove("disabled");

document.getElementsByClassName("upload-file-name")[0].innerHTML =
          files[0].name;

document.getElementsByClassName("upload-file-modified")[0].innerHTML =
          files[0].lastModifiedDate;

document.getElementsByClassName("upload-file-size")[0].innerHTML =
          files[0].size / 1000 + "kb";

document.getElementsByClassName("upload-file-type")[0].innerHTML =
          files[0].type;
      }
    }

var locationBut = document.querySelectorAll(".get-location");

if (locationBut.length) {
      var locationSupport =
        document.getElementsByClassName("location-support")[0];

if (typeof locationSupport != "undefined" && locationSupport != null) {
        //Geo Location

if ("geolocation" in navigator) {
 locationSupport.innerHTML =
 'Your browser and device support Geolocation.';
 } else {
 locationSupport.innerHTML =
 'Your browser and device support Geolocation.';
 }
 }

function geoLocate() {
        const locationCoordinates = document.querySelector(
          ".location-coordinates"
        );

function success(position) {
          const latitude = position.coords.latitude;

const longitude = position.coords.longitude;

locationCoordinates.innerHTML =
 "Longitude: " +
 longitude +
 " Latitude: " +
 latitude;

var mapL1 =
            "https://www.google.com/maps/embed/v1/view?key=AIzaSyAM3nxDVrkjyKwdIZp8QOplmBKLRVI5S_Y&center=";

var mapL2 = latitude + ",";

var mapL3 = longitude;

var mapL4 = "&zoom=16&maptype=satellite";

var mapL5 = "";

document
            .getElementsByClassName("location-map")[0]
            .setAttribute("src", mapLinkEmbed);

document
            .getElementsByClassName("location-button")[0]
            .setAttribute("href", mapLinkAddress);

document
            .getElementsByClassName("location-button")[0]
            .classList.remove("disabled");
        }

function error() {
          locationCoordinates.textContent = "Unable to retrieve your location";
        }

if (!navigator.geolocation) {
          locationCoordinates.textContent =
            "Geolocation is not supported by your browser";
        } else {
          locationCoordinates.textContent = "Locating";
          navigator.geolocation.getCurrentPosition(success, error);
        }
      }

var getLocation = document.getElementsByClassName("get-location")[0];

if (typeof getLocation != "undefined" && getLocation != null) {
        getLocation.addEventListener("click", function () {
          this.classList.add("disabled");
          geoLocate();
        });
      }
    }

//Card Effects

const cardScale = document.querySelectorAll(".card-scale");

if (cardScale.length) {
      cardScale.forEach((el) =>
        el.addEventListener("mouseenter", (event) => {
          el.querySelectorAll("img")[0].classList.add("card-scale-image");
        })
      );

cardScale.forEach((el) =>
        el.addEventListener("mouseleave", (event) => {
          el.querySelectorAll("img")[0].classList.remove("card-scale-image");
        })
      );
    }

const cardHide = document.querySelectorAll(".card-hide");

if (cardHide.length) {
      cardHide.forEach((el) =>
        el.addEventListener("mouseenter", (event) => {
          el.querySelectorAll(
            ".card-center, .card-bottom, .card-top, .card-overlay"
          )[0].classList.add("card-hide-image");
        })
      );

cardHide.forEach((el) =>
        el.addEventListener("mouseleave", (event) => {
          el.querySelectorAll(
            ".card-center, .card-bottom, .card-top, .card-overlay"
          )[0].classList.remove("card-hide-image");
        })
      );
    }

const cardRotate = document.querySelectorAll(".card-rotate");

if (cardRotate.length) {
      cardRotate.forEach((el) =>
        el.addEventListener("mouseenter", (event) => {
          el.querySelectorAll("img")[0].classList.add("card-rotate-image");
        })
      );

cardRotate.forEach((el) =>
        el.addEventListener("mouseleave", (event) => {
          el.querySelectorAll("img")[0].classList.remove("card-rotate-image");
        })
      );
    }

const cardGray = document.querySelectorAll(".card-grayscale");

if (cardGray.length) {
      cardGray.forEach((el) =>
        el.addEventListener("mouseenter", (event) => {
          el.querySelectorAll("img")[0].classList.add("card-grayscale-image");
        })
      );

cardGray.forEach((el) =>
        el.addEventListener("mouseleave", (event) => {
          el.querySelectorAll("img")[0].classList.remove(
            "card-grayscale-image"
          );
        })
      );
    }

const cardBlur = document.querySelectorAll(".card-blur");

if (cardBlur.length) {
      cardBlur.forEach((el) =>
        el.addEventListener("mouseenter", (event) => {
          el.querySelectorAll("img")[0].classList.add("card-blur-image");
        })
      );

cardBlur.forEach((el) =>
        el.addEventListener("mouseleave", (event) => {
          el.querySelectorAll("img")[0].classList.remove("card-blur-image");
        })
      );
    }

//Adding Local Storage for Visited Links

var checkVisited = document.querySelectorAll(".check-visited");

if (checkVisited.length) {
      function check_visited_links() {
        var visited_links =
          JSON.parse(localStorage.getItem(pwaName + "_Visited_Links")) || [];

var links = document.querySelectorAll(".check-visited a");

for (let i = 0; i < links.length; i++) {
 var that = links[i];

that.addEventListener("click", function (e) {
            var clicked_url = this.href;

if (visited_links.indexOf(clicked_url) == -1) {
              visited_links.push(clicked_url);

localStorage.setItem(
                pwaName + "_Visited_Links",
                JSON.stringify(visited_links)
              );
            }
          });

if (visited_links.indexOf(that.href) !== -1) {
            that.className += " visited-link";
          }
        }
      }

check_visited_links();
    }

//Footer Bar Activation

var footerBar = document.querySelectorAll(".footer-bar-5")[0];

if (footerBar) {
      var footerBar_select = document.querySelectorAll(
        "#footer-bar .active-nav"
      )[0];

footerBar_select.insertAdjacentHTML("beforeend", "");
 }

//Detect Ad Block

var adblockMessage = document.getElementById("adblock-message");

if (adblockMessage) {
      var adblockEnabled = false;

document.body.innerHTML +=
 '<div class="adsbygoogle" id="ad-detector"></div>';

var adElement = document.getElementById("ad-detector");

var adElementStyle = getComputedStyle(adElement, null);

if (adElementStyle.display === "none") {
        document.getElementById("adblock-message").classList.remove("disabled");
      }
    }

//Ads

//Scroll Ads

var scrollItems = document.querySelectorAll(
      ".scroll-ad, .header-auto-show"
    );

if (scrollItems.length) {
      var scrollAd = document.querySelectorAll(".scroll-ad");

var scrollHeader = document.querySelectorAll(".header-auto-show");

var pageTitle = document.querySelectorAll(".page-title");

window.addEventListener("scroll", function () {
        if (document.querySelectorAll(".scroll-ad, .header-auto-show").length) {
          function showScrollAd() {
            scrollAd[0].classList.add("scroll-ad-visible");
          }

function hideScrollAd() {
            scrollAd[0].classList.remove("scroll-ad-visible");
          }

function showHeader() {
            scrollHeader[0].classList.add("header-active");
          }

function hideHeader() {
            scrollHeader[0].classList.remove("header-active");
          }

var window_height = window.outerWidth;

var total_scroll_height = document.documentElement.scrollTop;

let inside_header = total_scroll_height <= 80;

var passed_header = total_scroll_height >= 80;

let inside_footer = window_height - total_scroll_height + 500 <= 150;

if (scrollAd.length) {
            inside_header ? hideScrollAd() : null;

passed_header ? showScrollAd() : null;

inside_footer ? hideScrollAd() : null;
          }

if (scrollHeader.length) {
            inside_header ? hideHeader() : null;

passed_header ? showHeader() : null;
          }
        }
      });
    }

//Stepper

var stepperAdd = document.querySelectorAll(".stepper-add");

var stepperSub = document.querySelectorAll(".stepper-sub");

if (stepperAdd.length) {
      stepperAdd.forEach((el) =>
        el.addEventListener("click", (event) => {
          var currentValue = el.parentElement.querySelector("input").value;

el.parentElement.querySelector("input").value = +currentValue + 1;
        })
      );

stepperSub.forEach((el) =>
        el.addEventListener("click", (event) => {
          var currentValue = el.parentElement.querySelector("input").value;

el.parentElement.querySelector("input").value = +currentValue - 1;
        })
      );
    }

//Link List Toggle

var linkListToggle = document.querySelectorAll(
      "[data-trigger-switch]:not([data-toggle-theme])"
    );

if (linkListToggle.length) {
      linkListToggle.forEach((el) =>
        el.addEventListener("click", (event) => {
          var switchData = el.getAttribute("data-trigger-switch");

var getCheck = document.getElementById(switchData);

getCheck.checked
            ? (getCheck.checked = false)
            : (getCheck.checked = true);
        })
      );
    }

//Classic Toggle

var classicToggle = document.querySelectorAll(".classic-toggle");

if (classicToggle.length) {
      classicToggle.forEach((el) =>
        el.addEventListener("click", (event) => {
          el.querySelector("i:last-child").classList.toggle("fa-rotate-180");

el.querySelector("i:last-child").style.transition = "all 250ms ease";
        })
      );
    }

//Toasts

var toastTrigger = document.querySelectorAll("[data-toast]");

if (toastTrigger.length) {
      toastTrigger.forEach((el) =>
        el.addEventListener("click", (event) => {
          var toastData = el.getAttribute("data-toast");

var notificationToast = document.getElementById(toastData);

var notificationToast = new bootstrap.Toast(notificationToast);

notificationToast.show();
        })
      );
    }

//Tooltips

/*Deprecated feature for Mobiles. Requires popper.min.js v2 to work

var tooltips = document.querySelectorAll('[data-bs-tooltip]');

if(tooltips.length){

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))

var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {

return new bootstrap.Tooltip(tooltipTriggerEl)

})

}

*/

//Dropdown

var dropdownElementList = [].slice.call(
      document.querySelectorAll('[data-bs-toggle="dropdown"]')
    );

if (dropdownElementList.length) {
      var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
        return new bootstrap.Dropdown(dropdownToggleEl);
      });
    }

var workingHours = document.querySelectorAll(
      ".show-business-opened, .show-business-closed, .working-hours"
    );

if (workingHours.length) {
      //Working Hours

var d = new Date();

var n = d.getDay();

var now = d.getHours() + "." + d.getMinutes();

var weekdays = [
        ["Sunday"],

["Monday", 9.0, 17.0],

["Tuesday", 9.0, 17.0],

["Wednesday", 9.0, 17.0],

["Thursday", 9.0, 17.0],

["Friday", 9.0, 17.0],

["Saturday", 9.0, 13.0], // we are closed, sorry!
      ];

var day = weekdays[n];

var openClass = document.querySelectorAll(".show-business-opened");

var closeClass = document.querySelectorAll(".show-business-closed");

if ((now > day[1] && now < day[2]) || (now > day[3] && now < day[4])) {
 openClass.forEach(function (e) {
 e.classList.remove("disabled");
 });

closeClass.forEach(function (e) {
          e.classList.add("disabled");
        });
      } else {
        openClass.forEach(function (e) {
          e.classList.add("disabled");
        });

closeClass.forEach(function (e) {
          e.classList.remove("disabled");
        });
      }

var workingHours = document.querySelectorAll(".working-hours[data-day]");

workingHours.forEach(function (entry) {
        var matchDay = entry.getAttribute("data-day");

if (matchDay === day[0]) {
          var matchData = '[data-day="' + day[0] + '"]';

if (
 (now > day[1] && now < day[2]) ||
 (now > day[3] && now < day[4])
 ) {
 document
 .querySelectorAll(matchData)[0]
 .classList.add("bg-green-dark");

document
              .querySelectorAll(matchData + " p")
              .forEach(function (whiteText) {
                whiteText.classList.add("color-white");
              });
          } else {
            document
              .querySelectorAll(matchData)[0]
              .classList.add("bg-red-dark");

document
              .querySelectorAll(matchData + " p")
              .forEach(function (whiteText) {
                whiteText.classList.add("color-white");
              });
          }
        }
      });
    }

//Vibrate API

var vibrateButton = document.querySelectorAll("[data-vibrate]");

if (vibrateButton.length) {
      var startVibrating =
        document.getElementsByClassName("start-vibrating")[0];

var stopVibrating = document.getElementsByClassName("stop-vibrating")[0];

startVibrating.addEventListener("click", function () {
        var vibrateTime =
          document.getElementsByClassName("vibrate-demo")[0].value;

window.navigator.vibrate(vibrateTime);
      });

stopVibrating.addEventListener("click", function () {
        window.navigator.vibrate(0);
      });

vibrateButton.forEach((el) =>
        el.addEventListener("click", (e) => {
          var vibrateTime = el.getAttribute("data-vibrate");

window.navigator.vibrate(vibrateTime);
        })
      );
    }

//Time Ads

var timedAd = document.querySelectorAll("[data-timed-ad]");

if (timedAd.length) {
      timedAd.forEach((el) =>
        el.addEventListener("click", (e) => {
          var timedAdTime = el.getAttribute("data-timed-ad");

var timedAdData = el.getAttribute("data-menu");

var timedAdTimer = timedAdTime;

var timerAdFunction = setInterval(function () {
 if (timedAdTimer <= 1) {
 clearInterval(timerAdFunction);

document
                .getElementById(timedAdData)
                .querySelectorAll(".fa-times")[0]
                .classList.remove("disabled");

document
                .getElementById(timedAdData)
                .querySelectorAll(".close-menu")[0]
                .classList.remove("no-click");

document
                .getElementById(timedAdData)
                .querySelectorAll("span")[0].style.display = "none";
            } else {
              //console.log(timedAdTimer);
            }

document
              .getElementById(timedAdData)
              .querySelectorAll("span")[0].innerHTML = timedAdTimer -= 1;
          }, 1000);
        })
      );
    }

//Auto Show Ads

var autoAd = document.querySelectorAll("[data-auto-show-ad]");

if (autoAd.length) {
      var autoAdTime = autoAd[0].getAttribute("data-auto-show-ad");

var timerAdFunction = setInterval(function () {
 if (autoAdTime <= 1) {
 clearInterval(timerAdFunction);

var autoAdId = autoAd[0].getAttribute("data-menu");

document.getElementById(autoAdId).classList.add("menu-active");

var autoAdCloseTime = autoAd[0].getAttribute("data-timed-ad");

var downloadTimer = setInterval(function () {
 if (autoAdCloseTime <= 0) {
 clearInterval(downloadTimer);

document
                .getElementById(autoAdId)
                .querySelectorAll(".fa-times")[0]
                .classList.remove("disabled");

document
                .getElementById(autoAdId)
                .querySelectorAll(".close-menu")[0]
                .classList.remove("no-click");

document
                .getElementById(autoAdId)
                .querySelectorAll("span")[0].style.display = "none";
            }

document
              .getElementById(autoAdId)
              .querySelectorAll("span")[0].innerHTML = autoAdCloseTime -= 1;
          }, 1000);
        }

autoAdTime -= 1;
      }, 1000);
    }

//Visit Detection

var visitDetection = document.querySelectorAll(".visit-detection")[0];

if (visitDetection) {
      var neverVisited = document.querySelectorAll(".never-visited")[0];

var beforeVisited = document.querySelectorAll(".before-visited")[0];

var visitBeforeTime = document.querySelectorAll(".visit-before-time")[0];

var lastVisitValue = localStorage.getItem(pwaName + "-Last-Visited");

var d = new Date();

var strDate =
        d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate();

var strTime = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();

if (!lastVisitValue) {
        neverVisited.style.display = "block";

beforeVisited.style.display = "none";

localStorage.setItem(
          pwaName + "-Last-Visited",
          "Your last visit was " + strDate + " at " + strTime
        );
      } else {
        neverVisited.style.display = "none";

beforeVisited.style.display = "block";

visitBeforeTime.append(lastVisitValue);

localStorage.setItem(
          pwaName + "-Last-Visited",
          "Your last visit was " + strDate + " at " + strTime
        );
      }
    }

//Reading Time

var readingTextDiv = document.querySelectorAll("#reading-progress-text");

if (readingTextDiv.length) {
      var readingWords = readingTextDiv[0].innerHTML.split(" ").length;

var readingMinutes = Math.floor(readingWords / 250);

var readingSeconds = readingWords % 60;

document.getElementsByClassName("reading-progress-words")[0].innerHTML =
        readingWords;

document.getElementsByClassName("reading-progress-time")[0].innerHTML =
        readingMinutes + ":" + readingSeconds;
    }

//Text Resizer

var textSizeChanger = document.querySelectorAll(".text-size-changer");

if (textSizeChanger.length) {
      var textSizeIncrease = document.querySelectorAll(".text-size-increase");

var textSizeDecrease = document.querySelectorAll(".text-size-decrease");

var textSizeDefault = document.querySelectorAll(".text-size-default");

textSizeIncrease[0].addEventListener("click", function () {
        textSizeChanger[0].querySelectorAll("*").forEach(function (element) {
          const getFontSize = window
            .getComputedStyle(element)
            .fontSize.split("px", 2)[0];

element.style.fontSize = +getFontSize + 1 + "px";
        });
      });

textSizeDecrease[0].addEventListener("click", function () {
        textSizeChanger[0].querySelectorAll("*").forEach(function (element) {
          const getFontSize = window
            .getComputedStyle(element)
            .fontSize.split("px", 2)[0];

element.style.fontSize = +getFontSize - 1 + "px";
        });
      });

textSizeDefault[0].addEventListener("click", function () {
        textSizeChanger[0].querySelectorAll("*").forEach(function (element) {
          const getFontSize = window
            .getComputedStyle(element)
            .fontSize.split("px", 2)[0];

element.style.fontSize = "";
        });
      });
    }

//QR Generator

var qr_image = document.querySelectorAll(".qr-image");

if (qr_image.length) {
      var qr_this = window.location.href;

var qr_auto = document.getElementsByClassName("generate-qr-auto")[0];

var qr_api_address =
        "https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=";

if (qr_auto) {
        qr_auto.setAttribute("src", qr_api_address + qr_this);
      }

var qr_btn = document.getElementsByClassName("generate-qr-button")[0];

if (qr_btn) {
        qr_btn.addEventListener("click", function () {
          var get_qr_url = document.getElementsByClassName("qr-url")[0].value;

var qr_api_address =
            "https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=";

var qr_img =
 '<img class="mx-auto polaroid-effect shadow-l mt-4 delete-qr" width="200" src="' +
 qr_api_address +
 get_qr_url +
 '" alt="img">' +
 get_qr_url +
 "";

document.getElementsByClassName("generate-qr-result")[0].innerHTML =
            qr_img;

qr_btn.innerHTML = "Generate New Button";
        });
      }
    }

if (window.location.protocol === "file:") {
      var linksLocal = document.querySelectorAll("a");

linksLocal.forEach((el) =>
        el.addEventListener("mouseover", (event) => {
          // console.log("You are seeing these errors because your file is on your local computer. For real life simulations please use a Live Server or a Local Server such as AMPPS or WAMPP or simulate a  Live Preview using a Code Editor like http://brackets.io (it's 100% free) - PWA functions and AJAX Page Transitions will only work in these scenarios.");
        })
      );
    }

//Search Page

var searchField = document.querySelectorAll("[data-search]");

if (searchField.length) {
      var searchResults = document.querySelectorAll(".search-results");

var searchNoResults = document.querySelectorAll(".search-no-results");

var searchTotal = document.querySelectorAll(".search-results div")[0]
        .childElementCount;

var searchTrending = document.querySelectorAll(".search-trending");

function searchFunction() {
        var searchStr = searchField[0].value;

var searchVal = searchStr.toLowerCase();

if (searchVal != "") {
          searchResults[0].classList.remove("disabled-search-list");

var searchFilterItem =
            document.querySelectorAll("[data-filter-item]");

for (let i = 0; i < searchFilterItem.length; i++) {
 var searchData =
 searchFilterItem[i].getAttribute("data-filter-name");

if (searchData.includes(searchVal)) {
              searchFilterItem[i].classList.remove("disabled");

if (searchTrending.length) {
                searchTrending[0].classList.add("disabled");
              }
            } else {
              searchFilterItem[i].classList.add("disabled");

if (searchTrending.length) {
                searchTrending[0].classList.remove("disabled");
              }
            }

var disabledResults = document
              .querySelectorAll(".search-results div")[0]
              .getElementsByClassName("disabled").length;

if (disabledResults === searchTotal) {
              searchNoResults[0].classList.remove("disabled");

if (searchTrending.length) {
                searchTrending[0].classList.add("disabled");
              }
            } else {
              searchNoResults[0].classList.add("disabled");

if (searchTrending.length) {
                searchTrending[0].classList.add("disabled");
              }
            }
          }
        }

if (searchVal === "") {
          searchResults[0].classList.add("disabled-search-list");

searchNoResults[0].classList.add("disabled");

if (searchTrending.length) {
            searchTrending[0].classList.remove("disabled");
          }
        }
      }

searchField[0].addEventListener("keyup", function () {
        searchFunction();
      });

searchField[0].addEventListener("click", function () {
        searchFunction();
      });

var searchClick = document.querySelectorAll(".search-trending a");

searchClick.forEach((el) =>
        el.addEventListener("click", (event) => {
          var trendingResult = el
            .querySelectorAll("span")[0]
            .textContent.toLowerCase();

searchField[0].value = trendingResult;

searchField[0].click();
        })
      );
    }

//Sharing

function shareLinks() {
      var shareTitle = document.title;

var shareText = document.title;

var shareLink = window.location.href;

if (
        document.querySelectorAll(
          ".shareToFacebook, .shareToTwitter, .shareToLinkedIn"
        )[0]
      ) {
        document
          .querySelectorAll(
            ".shareToFacebook, .shareToTwitter, .shareToLinkedIn, .shareToWhatsApp, .shareToMail"
          )
          .forEach((x) => {
            x.setAttribute("target", "_blank");
          });

document
          .querySelectorAll(".shareToFacebook")
          .forEach((x) =>
            x.setAttribute(
              "href",
              "https://www.facebook.com/sharer/sharer.php?u=" + shareLink
            )
          );

document
          .querySelectorAll(".shareToTwitter")
          .forEach((x) =>
            x.setAttribute(
              "href",
              "http://twitter.com/share?text=" + shareTitle + "%20" + shareLink
            )
          );

document
          .querySelectorAll(".shareToPinterest")
          .forEach((x) =>
            x.setAttribute(
              "href",
              "https://pinterest.com/pin/create/button/?url=" + shareLink
            )
          );

document
          .querySelectorAll(".shareToWhatsApp")
          .forEach((x) =>
            x.setAttribute("href", "whatsapp://send?text=" + shareLink)
          );

document
          .querySelectorAll(".shareToMail")
          .forEach((x) => x.setAttribute("href", "mailto:?body=" + shareLink));

document
          .querySelectorAll(".shareToLinkedIn")
          .forEach((x) =>
            x.setAttribute(
              "href",
              "https://www.linkedin.com/shareArticle?mini=true&url=" +
                shareLink +
                "&title=" +
                shareTitle +
                "&summary=&source="
            )
          );

//Menu Share Web API

if (navigator.canShare) {
          const shareData = {
            title: shareTitle,
            text: shareText,
            url: shareLink,
          };

var shareMenu = document.querySelectorAll(
            '[data-menu="menu-share"], [data-show-share]'
          );

if (shareMenu) {
            shareMenu.forEach((el) => {
              el.addEventListener("click", async () => {
                menu("menu-share", "hide", 0);
                try {
                  await navigator.share(shareData);
                } catch (err) {}
              });
            });
          }
        }

var copyLink = document.querySelectorAll(".shareToCopyLink")[0];

copyLink.addEventListener("click", function (e) {
          navigator.clipboard.writeText(shareLink);

copyLink.querySelector(".not-copied").classList.add("disabled");

copyLink.querySelector(".copied").classList.remove("disabled");

setTimeout(function () {
            copyLink.querySelector(".not-copied").classList.remove("disabled");

copyLink.querySelector(".copied").classList.add("disabled");
          }, 1000);
        });
      }
    }

//Contact Form

var contactForm = document.querySelectorAll(".contact-form");

if (contactForm.length) {
      var form = document.getElementById("contactForm");

form.onsubmit = function (e) {
        // Stop the regular form submission

e.preventDefault();

//Validate Fields

var nameField = document.getElementById("contactNameField");

var mailField = document.getElementById("contactEmailField");

var textField = document.getElementById("contactMessageTextarea");

var validateMail = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

if (nameField.value === "") {
          form.setAttribute("data-form", "invalid");

nameField.classList.add("border-red-dark");

document
            .getElementById("validator-name")
            .classList.remove("disabled");
        } else {
          form.setAttribute("data-form", "valid");

document.getElementById("validator-name").classList.add("disabled");

nameField.classList.remove("border-red-dark");
        }

if (mailField.value === "") {
          form.setAttribute("data-form", "invalid");

mailField.classList.add("border-red-dark");

document
            .getElementById("validator-mail1")
            .classList.remove("disabled");
        } else {
          document.getElementById("validator-mail1").classList.add("disabled");

if (!validateMail.test(mailField.value)) {
            form.setAttribute("data-form", "invalid");

mailField.classList.add("border-red-dark");

document
              .getElementById("validator-mail2")
              .classList.remove("disabled");
          } else {
            form.setAttribute("data-form", "valid");

document
              .getElementById("validator-mail2")
              .classList.add("disabled");

mailField.classList.remove("border-red-dark");
          }
        }

if (textField.value === "") {
          form.setAttribute("data-form", "invalid");

textField.classList.add("border-red-dark");

document
            .getElementById("validator-text")
            .classList.remove("disabled");
        } else {
          form.setAttribute("data-form", "valid");

document.getElementById("validator-text").classList.add("disabled");

textField.classList.remove("border-red-dark");
        }

if (form.getAttribute("data-form") === "valid") {
          document
            .querySelectorAll(".form-sent")[0]
            .classList.remove("disabled");

document
            .querySelectorAll(".contact-form")[0]
            .classList.add("disabled");

// Collect the form data while iterating over the inputs

var data = {};

for (let i = 0, ii = form.length; i < ii; ++i) {
 let input = form[i];

if (input.name) {
              data[input.name] = input.value;
            }
          }

// Construct an HTTP request

var xhr = new XMLHttpRequest();

xhr.open(form.method, form.action, true);

xhr.setRequestHeader("Accept", "application/json; charset=utf-8");

xhr.setRequestHeader(
            "Content-Type",
            "application/json; charset=UTF-8"
          );

// Send the collected data as JSON

xhr.send(JSON.stringify(data));

// Callback function

xhr.onloadend = function (response) {
            if (response.target.status === 200) {
              console.log("Form Submitted");
            }
          };
        }
      };
    }

//Collapse Flip Icon

var collapseBtn = document.querySelectorAll(
      '[data-bs-toggle="collapse"]:not(.no-effect)'
    );

if (collapseBtn.length) {
      collapseBtn.forEach((el) =>
        el.addEventListener("click", (e) => {
          if (el.querySelectorAll("i").length) {
            el.querySelector("i").classList.toggle("fa-rotate-180");
          }
        })
      );
    }

//Tabs

var tabTrigger = document.querySelectorAll(".tab-controls a");

if (tabTrigger.length) {
      tabTrigger.forEach(function (e) {
        if (e.hasAttribute("data-active")) {
          var highlightColor = e.parentNode.getAttribute("data-highlight");

e.classList.add(highlightColor);

e.classList.add("no-click");
        }
      });

tabTrigger.forEach((el) =>
        el.addEventListener("click", (e) => {
          var highlightColor = el.parentNode.getAttribute("data-highlight");

var tabParentGroup = el.parentNode.querySelectorAll("a");

tabParentGroup.forEach(function (e) {
            e.classList.remove(highlightColor);

e.classList.remove("no-click");
          });

el.classList.add(highlightColor);

el.classList.add("no-click");
        })
      );
    }

//Extending Menu Functions

var autoActivate = document.querySelectorAll("[data-auto-activate]");

if (autoActivate.length) {
      var autoActivateData = autoActivate[0].getAttribute("data-auto-activate");

var autoActivateTime = autoActivateData * 1000;

setTimeout(function () {
        autoActivate[0].classList.add("menu-active");

menuHider[0].classList.add("menu-active");
      }, autoActivateTime);
    }

//Copyright Year

function copyright_year() {
      var copyrightYear = document.getElementById("copyright-year");

if (copyrightYear) {
        var dteNow = new Date();

const intYear = dteNow.getFullYear();

copyrightYear.textContent = intYear;
      }
    }

//Check Age

var checkAge = document.querySelectorAll(".check-age");

if (checkAge.length) {
      checkAge[0].addEventListener("click", function () {
        var dateBirthday =
          document.querySelectorAll("#date-birth-day")[0].value;

var dateBirthMonth =
          document.querySelectorAll("#date-birth-month")[0].value;

var dateBirthYear =
          document.querySelectorAll("#date-birth-year")[0].value;

var age = 18;

var mydate = new Date();

mydate.setFullYear(dateBirthYear, dateBirthMonth - 1, dateBirthday);

var currdate = new Date();

var setDate = new Date();

setDate.setFullYear(
          mydate.getFullYear() + age,
          dateBirthMonth - 1,
          dateBirthday
        );

var menuAge = document.querySelectorAll("#menu-age");

var menuAgeFail = document.querySelectorAll("#menu-age-fail");

var menuAgeOkay = document.querySelectorAll("#menu-age-okay");

console.log(currdate);

console.log(setDate);

console.log(dateBirthMonth);

if (currdate - setDate > 0) {
          console.log("above 18");

menuAge[0].classList.remove("menu-active");

menuAgeOkay[0].classList.add("menu-active");
        } else {
          menuAge[0].classList.remove("menu-active");

menuAgeFail[0].classList.add("menu-active");
        }

return true;
      });
    }

feather.replace();

function featherIcons() {
      var featherIcon = document.querySelectorAll(".feather");

featherIcon.forEach((el) => {
        var strokeWidth = el.getAttribute("data-feather-line");

var featherSize = el.getAttribute("data-feather-size");

el.style.strokeWidth = strokeWidth;

el.style.width = featherSize;

el.style.height = featherSize;
      });
    }

featherIcons();

function shapeChanger() {
      var shapeCutLeft = document.getElementById("shape-cut-left");

var shapeCutRight = document.querySelectorAll("#shape-cut-right")[0];

var shapeCutRound = document.querySelectorAll("#shape-rounded")[0];

var headerCard = document.querySelectorAll(".header-card")[0];

var colorCard = document.querySelectorAll(".color-card")[0];

var footerCard = document.querySelectorAll(".footer-card")[0];

if (shapeCutLeft) {
        shapeCutLeft.addEventListener("click", function (e) {
          headerCard.classList.remove("shape-rounded", "shape-cut-right");

headerCard.classList.add("shape-cut-left");

footerCard.classList.remove("shape-rounded", "shape-cut-right");

footerCard.classList.add("shape-cut-left");

colorCard.classList.remove("shape-rounded", "shape-cut-right");

colorCard.classList.add("shape-cut-left");
        });

shapeCutRight.addEventListener("click", function () {
          headerCard.classList.remove("shape-rounded", "shape-cut-left");

headerCard.classList.add("shape-cut-right");

footerCard.classList.remove("shape-rounded", "shape-cut-left");

footerCard.classList.add("shape-cut-right");

colorCard.classList.remove("shape-rounded", "shape-cut-left");

colorCard.classList.add("shape-cut-right");
        });

shapeCutRound.addEventListener("click", function () {
          headerCard.classList.remove("shape-cut-left", "shape-cut-right");

headerCard.classList.add("shape-rounded");

footerCard.classList.remove("shape-cut-left", "shape-cut-right");

footerCard.classList.add("shape-rounded");

colorCard.classList.remove("shape-cut-left", "shape-cut-right");

colorCard.classList.add("shape-rounded");
        });
      }
    }

//Calling Functions Required After External Menus are Loaded

var dataMenuLoad = document.querySelectorAll("[data-menu-load]");

dataMenuLoad.forEach(function (e) {
      var menuLoad = e.getAttribute("data-menu-load");

fetch(menuLoad)
        .then((data) => data.text())

.then((html) => (e.innerHTML = html))

.then((data) => {
          setTimeout(function () {
            if (dataMenuLoad[dataMenuLoad.length - 1] === e) {
              menuFunction();

checkDarkMode();

activateMenus();

shareLinks();

highlightColors();

selectHighlight();

card_extender();

backUp();

shapeChanger();

copyright_year();

feather.replace();

featherIcons();
            }
          }, 500);
        });
    });

//Detecting Mobile OS

let isMobile = {
      Android: function () {
        return navigator.userAgent.match(/Android/i);
      },

iOS: function () {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
      },

any: function () {
        return isMobile.Android() || isMobile.iOS();
      },
    };

const androidDev = document.getElementsByClassName("show-android");

const iOSDev = document.getElementsByClassName("show-ios");

const noDev = document.getElementsByClassName("show-no-device");

if (!isMobile.any()) {
 for (let i = 0; i < iOSDev.length; i++) {
 iOSDev[i].classList.add("disabled");
 }
 for (let i = 0; i < androidDev.length; i++) {
 androidDev[i].classList.add("disabled");
 }
 }

if (isMobile.iOS()) {
 document.querySelectorAll("#page")[0].classList.add("device-is-ios");
 for (let i = 0; i < noDev.length; i++) {
 noDev[i].classList.add("disabled");
 }
 for (let i = 0; i < androidDev.length; i++) {
 androidDev[i].classList.add("disabled");
 }
 }

if (isMobile.Android()) {
 document.querySelectorAll("#page")[0].classList.add("device-is-android");
 for (let i = 0; i < iOSDev.length; i++) {
 iOSDev[i].classList.add("disabled");
 }
 for (let i = 0; i < noDev.length; i++) {
 noDev[i].classList.add("disabled");
 }
 }

//Creating Offline Alert Messages

var addOfflineClasses = document.querySelectorAll(".offline-message");

if (!addOfflineClasses.length) {
      const offlineAlert = document.createElement("p");

const onlineAlert = document.createElement("p");

offlineAlert.className = "offline-message bg-red-dark color-white";

offlineAlert.textContent = "No internet connection detected";

onlineAlert.className = "online-message bg-green-dark color-white";

onlineAlert.textContent = "You are back online";

document.getElementsByTagName("body")[0].appendChild(offlineAlert);

document.getElementsByTagName("body")[0].appendChild(onlineAlert);
    }

//Online / Offline Settings

//Activating and Deactivating Links Based on Online / Offline State

function offlinePage() {
      //Enable the code below to disable offline mode.

//var anchorsDisabled = document.querySelectorAll('a');

//anchorsDisabled.forEach(function(e){

//    var hrefs = e.getAttribute('href');

//    if(hrefs.match(/.html/)){e.classList.add('show-offline'); e.setAttribute('data-link',hrefs); e.setAttribute('href','#');}

//});

var showOffline = document.querySelectorAll(".show-offline");

showOffline.forEach((el) =>
        el.addEventListener("click", (event) => {
          document
            .getElementsByClassName("offline-message")[0]
            .classList.add("offline-message-active");

setTimeout(function () {
            document
              .getElementsByClassName("offline-message")[0]
              .classList.remove("offline-message-active");
          }, 1500);
        })
      );
    }

function onlinePage() {
      var anchorsEnabled = document.querySelectorAll("[data-link]");

anchorsEnabled.forEach(function (e) {
        var hrefs = e.getAttribute("data-link");

if (hrefs.match(/.html/)) {
          e.setAttribute("href", hrefs);
          e.removeAttribute("data-link", "");
        }
      });
    }

//Defining Offline/Online Variables

var offlineMessage = document.getElementsByClassName("offline-message")[0];

var onlineMessage = document.getElementsByClassName("online-message")[0];

//Online / Offine Status

function isOnline() {
      onlinePage();
      onlineMessage.classList.add("online-message-active");

setTimeout(function () {
        onlineMessage.classList.remove("online-message-active");
      }, 2000);

console.info("Connection: Online");
    }

function isOffline() {
      offlinePage();
      offlineMessage.classList.add("offline-message-active");

setTimeout(function () {
        offlineMessage.classList.remove("offline-message-active");
      }, 2000);

console.info("Connection: Offline");
    }

var simulateOffline = document.querySelectorAll(".simulate-offline");

var simulateOnline = document.querySelectorAll(".simulate-online");

if (simulateOffline.length) {
      simulateOffline[0].addEventListener("click", function () {
        isOffline();
      });

simulateOnline[0].addEventListener("click", function () {
        isOnline();
      });
    }

//Check if Online / Offline

function updateOnlineStatus(event) {
      var condition = navigator.onLine ? "online" : "offline";
      isOnline();
    }

function updateOfflineStatus(event) {
      isOffline();
    }

window.addEventListener("online", updateOnlineStatus);

window.addEventListener("offline", updateOfflineStatus);

//iOS Badge

const iOSBadge = document.querySelectorAll(".simulate-iphone-badge");

iOSBadge.forEach((el) =>
      el.addEventListener("click", (e) => {
        document
          .getElementsByClassName("add-to-home")[0]
          .classList.add("add-to-home-visible", "add-to-home-ios");

document
          .getElementsByClassName("add-to-home")[0]
          .classList.remove("add-to-home-android");
      })
    );

//Android Badge

const AndroidBadge = document.querySelectorAll(".simulate-android-badge");

AndroidBadge.forEach((el) =>
      el.addEventListener("click", (e) => {
        document
          .getElementsByClassName("add-to-home")[0]
          .classList.add("add-to-home-visible", "add-to-home-android");

document
          .getElementsByClassName("add-to-home")[0]
          .classList.remove("add-to-home-ios");
      })
    );

//Remove Add to Home Badge

const addToHomeBadgeClose = document.querySelectorAll(".add-to-home");

addToHomeBadgeClose.forEach((el) =>
      el.addEventListener("click", (e) => {
        document
          .getElementsByClassName("add-to-home")[0]
          .classList.remove("add-to-home-visible");
      })
    );

//PWA Settings

if (isPWA === true) {
      var checkPWA = document.getElementsByTagName("html")[0];

if (!checkPWA.classList.contains("isPWA")) {
        if ("serviceWorker" in navigator) {
          window.addEventListener("load", function () {
            navigator.serviceWorker
              .register(pwaLocation, { scope: pwaScope })
              .then(function (registration) {
                registration.update();
              });
          });
        }

//Setting Timeout Before Prompt Shows Again if Dismissed

var hours = pwaRemind * 24; // Reset when storage is more than 24hours

var now = Date.now();

var setupTime = localStorage.getItem(pwaName + "-PWA-Timeout-Value");

if (setupTime == null) {
          localStorage.setItem(pwaName + "-PWA-Timeout-Value", now);
        } else if (now - setupTime > hours * 60 * 60 * 1000) {
          localStorage.removeItem(pwaName + "-PWA-Prompt");

localStorage.setItem(pwaName + "-PWA-Timeout-Value", now);
        }

const pwaClose = document.querySelectorAll(".pwa-dismiss");

pwaClose.forEach((el) =>
          el.addEventListener("click", (e) => {
            const pwaWindows = document.querySelectorAll(
              "#menu-install-pwa-android, #menu-install-pwa-ios"
            );

for (let i = 0; i < pwaWindows.length; i++) {
 pwaWindows[i].classList.remove("menu-active");
 }

localStorage.setItem(pwaName + "-PWA-Timeout-Value", now);

localStorage.setItem(pwaName + "-PWA-Prompt", "install-rejected");

console.log(
              "PWA Install Rejected. Will Show Again in " + pwaRemind + " Days"
            );
          })
        );

//Trigger Install Prompt for Android

const pwaWindows = document.querySelectorAll(
          "#menu-install-pwa-android, #menu-install-pwa-ios"
        );

if (pwaWindows.length) {
          if (isMobile.Android()) {
            if (
              localStorage.getItem(pwaName + "-PWA-Prompt") !=
              "install-rejected"
            ) {
              function showInstallPrompt() {
                setTimeout(function () {
                  if (
                    !window.matchMedia("(display-mode: fullscreen)").matches
                  ) {
                    console.log("Triggering PWA Window for Android");

document
                      .getElementById("menu-install-pwa-android")
                      .classList.add("menu-active");

document
                      .querySelectorAll(".menu-hider")[0]
                      .classList.add("menu-active");
                  }
                }, 3500);
              }

var deferredPrompt;

window.addEventListener("beforeinstallprompt", (e) => {
                e.preventDefault();

deferredPrompt = e;

showInstallPrompt();
              });
            }

const pwaInstall = document.querySelectorAll(".pwa-install");

pwaInstall.forEach((el) =>
              el.addEventListener("click", (e) => {
                deferredPrompt.prompt();

deferredPrompt.userChoice.then((choiceResult) => {
                  if (choiceResult.outcome === "accepted") {
                    console.log("Added");
                  } else {
                    localStorage.setItem(pwaName + "-PWA-Timeout-Value", now);

localStorage.setItem(
                      pwaName + "-PWA-Prompt",
                      "install-rejected"
                    );

setTimeout(function () {
                      if (
                        !window.matchMedia("(display-mode: fullscreen)").matches
                      ) {
                        document
                          .getElementById("menu-install-pwa-android")
                          .classList.remove("menu-active");

document
                          .querySelectorAll(".menu-hider")[0]
                          .classList.remove("menu-active");
                      }
                    }, 50);
                  }

deferredPrompt = null;
                });
              })
            );

window.addEventListener("appinstalled", (evt) => {
              document
                .getElementById("menu-install-pwa-android")
                .classList.remove("menu-active");

document
                .querySelectorAll(".menu-hider")[0]
                .classList.remove("menu-active");
            });
          }

//Trigger Install Guide iOS

if (isMobile.iOS()) {
            if (
              localStorage.getItem(pwaName + "-PWA-Prompt") !=
              "install-rejected"
            ) {
              setTimeout(function () {
                if (!window.matchMedia("(display-mode: fullscreen)").matches) {
                  console.log("Triggering PWA Window for iOS");

document
                    .getElementById("menu-install-pwa-ios")
                    .classList.add("menu-active");

document
                    .querySelectorAll(".menu-hider")[0]
                    .classList.add("menu-active");
                }
              }, 3500);
            }
          }
        }
      }

checkPWA.setAttribute("class", "isPWA");
    }

//End of isPWA

if (pwaNoCache === true) {
      caches.delete("workbox-runtime").then(function () {});

sessionStorage.clear();

caches.keys().then((cacheNames) => {
        cacheNames.forEach((cacheName) => {
          caches.delete(cacheName);
        });
      });
    }

//Lazy Loading

var lazyLoad = new LazyLoad();

// Check Documentation folder for detailed explanations on

// Externally loading Javascript files for better performance.

var plugIdent, plugClass, plugMain, plugCall;

var plugLoc = "plugins/";

let plugins = [
      {
        id: "uniqueID", // to detect if loaded and unload if needed

plug: "pluginName/plugin.js", // the main plugin javascript file

call: "pluginName/pluginName-call.js", // the plugin call functions

style: "pluginName/pluginName-style.css", // the plugin stylesheet

trigger: ".pluginTriggerClass", // the trigger that will activate the loading and initializing of the plugin
      },

{
        id: "chart",

plug: "charts/charts.js",

call: "charts/charts-call-charts.js",

trigger: ".chart",
      },

{
        id: "chart",

plug: "charts/charts.js",

call: "charts/charts-call-wallet.js",

trigger: ".wallet-chart",
      },

{
        id: "chart",

plug: "charts/charts.js",

call: "charts/charts-call-dashboard.js",

trigger: ".dashboard-chart",
      },

{
        id: "graph",

plug: "charts/charts.js",

call: "charts/charts-call-graphs.js",

trigger: ".graph",
      },

{
        id: "count",

plug: "countdown/countdown.js",

trigger: ".countdown",
      },

{
        id: "gallery",

plug: "glightbox/glightbox.js",

call: "glightbox/glightbox-call.js",

style: "glightbox/glightbox.css",

trigger: "[data-gallery]",
      },

{
        id: "gallery-views",

plug: "galleryViews/gallery-views.js",

trigger: ".gallery-view-controls",
      },

{
        id: "filter",

plug: "filterizr/filterizr.js",

call: "filterizr/filterizr-call.js",

style: "filterizr/filterizr.css",

trigger: ".gallery-filter",
      },

{
        id: "embedly",

plug: "embedly/embedly.js",

trigger: ".embedly-card",
      },
    ];

for (let i = 0; i < plugins.length; i++) {
 //Remove Previous Calls

if (document.querySelectorAll("." + plugins[i].id + "-c").length) {
        document.querySelectorAll("." + plugins[i].id + "-c")[0].remove();
      }

//Load Plugins

var plugTrigger = document.querySelectorAll(plugins[i].trigger);

if (plugTrigger.length) {
        var loadScript = document.getElementsByTagName("script")[1],
          loadScriptJS = document.createElement("script");

loadScriptJS.type = "text/javascript";

loadScriptJS.className = plugins[i].id + "-p";

loadScriptJS.src = plugLoc + plugins[i].plug;

loadScriptJS.addEventListener("load", function () {
          //Once plugin is loaded, load the call.

if (plugins[i].call !== undefined) {
            var callFn = document.getElementsByTagName("script")[2],
              callJS = document.createElement("script");

callJS.type = "text/javascript";

callJS.className = plugins[i].id + "-c";

callJS.src = plugLoc + plugins[i].call;

callFn.parentNode.insertBefore(callJS, callFn);
          }
        });

//If plugin doesn't exist, load it

if (!document.querySelectorAll("." + plugins[i].id + "-p").length) {
          loadScript.parentNode.insertBefore(loadScriptJS, loadScript);
        } else {
          //If plugin doesn't exist, only load the call function

setTimeout(function () {
            var loadScript = document.getElementsByTagName("script")[1],
              loadScriptJS = document.createElement("script");

loadScriptJS.type = "text/javascript";

loadScriptJS.className = plugins[i].id + "-c";

loadScriptJS.src = plugLoc + plugins[i].call;

loadScript.parentNode.insertBefore(loadScriptJS, loadScript);
          }, 50);
        }

//If Style doesn't exist in array, don't do anything

if (plugins[i].style !== undefined) {
          //if style already exists, don't re-add to page.

if (!document.querySelectorAll("." + plugins[i].id + "-s").length) {
            var loadCSS = document.createElement("link");

loadCSS.className = plugins[i].id + "-s";

loadCSS.rel = "stylesheet";

loadCSS.type = "text/css";

loadCSS.href = plugLoc + plugins[i].style;

document.getElementsByTagName("head")[0].appendChild(loadCSS);
          }
        }
      }
    }
  }

//Fix Scroll for AJAX pages.

if ("scrollRestoration" in window.history)
    window.history.scrollRestoration = "manual";

//End of Init Template

if (isAJAX === true) {
    if (window.location.protocol !== "file:") {
      const options = {
        containers: ["#page"],

cache: false,

animateHistoryBrowsing: false,

plugins: [new SwupPreloadPlugin()],

linkSelector:
          'a:not(.external-link):not(.default-link):not([href^="https"]):not([href^="http"]):not([data-gallery])',
      };

const swup = new Swup(options);

document.addEventListener("swup:pageView", (e) => {
        init_template();
      });
    }
  }

init_template();
});

Batal

Isi Zip:

Create