ACIL FM

Pilih semua

	Nama	Ukuran	Permission	Aksi
	custom.js	91.92 MB		View DL Edit

Edit file: /home/mhhtmff/app/app-hr/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