//Removing Preloader setTimeout(function(){ var preloader = document.getElementById('preloader') if(preloader){preloader.classList.add('preloader-hide');} },150); document.addEventListener('DOMContentLoaded', () => { 'use strict' //Remove Display none from Page to improve CLS // document.querySelectorAll('#page')[0].style.display ='block'; //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 = "Duo"; //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 = "/"; var pwaLocation = "/_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, evt, event; //https://www.w3schools.com/js/js_performance.asp //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 tripleSlider = document.querySelectorAll('.triple-slider'); // if(tripleSlider.length){ // tripleSlider.forEach(function(e){ // var triple = new Splide( '#'+e.id, { // type:'loop', // autoplay:true, // interval:4000, // arrows:false, // perPage: 3, // 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; })); //Activate Selected Menu function activatePage(){ var activeMenu = document.querySelectorAll('[data-menu-active]'); if(activeMenu){ var activeData = activeMenu[0].getAttribute('data-menu-active'); var activeID = document.querySelectorAll('#'+activeData)[0] activeID.classList.add('active-item') } } //Remove Overflow from Body on Load document.body.setAttribute('style',''); //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 const backToTop = document.querySelectorAll('.back-to-top-icon, .back-to-top-badge, .back-to-top'); if(backToTop.length){ backToTop.forEach(el => el.addEventListener('click',e =>{ window.scrollTo({ top: 0, behavior: `smooth` }) })); } //Auto Activate OffCanvas var autoActivateMenu = document.querySelectorAll('[data-auto-activate]')[0]; if(autoActivateMenu){ setTimeout(function(){ var autoActivate = new bootstrap.Offcanvas(autoActivateMenu) autoActivate.show(); },600) } //Open Offcanvas and Hide Automatically var autoHide = document.querySelectorAll('[data-auto-hide-target]') autoHide.forEach(el => el.addEventListener('click',e =>{ var offCanvasID = el.getAttribute('data-auto-hide-target'); var offCanvasTime = el.getAttribute('data-auto-hide-time'); var autoHideMenu = document.querySelectorAll(offCanvasID)[0]; var canvasIdenter = new bootstrap.Offcanvas(autoHideMenu); canvasIdenter.show(); setTimeout(function(){ canvasIdenter.hide(); },offCanvasTime) })); //Card Extender const cards = document.getElementsByClassName('card'); function card_extender(){ 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;} var coverHeight = windowHeight + 'px'; } 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);} //Dark Mode function darkMode(){ var toggleDark = document.querySelectorAll('[data-toggle-theme]'); function activateDarkMode(){ document.getElementById('theme-check').setAttribute('content','#1f1f1f') 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'); // console.log('dark'); } function activateLightMode(){ document.getElementById('theme-check').setAttribute('content','#FFFFFF') 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'); // console.log('light'); } 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) })) 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 = "";}} } darkMode(); //OTP Boxes // 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();}); // }); // } //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]); img.classList.add('mt-4', 'mb-3', 'mx-auto'); } const files = event.target.files; const fileName = files[0].name; const fileSize = (files[0].size/1000).toFixed(2)+'kb'; const textBefore = document.getElementsByClassName('upload-file-name')[0].getAttribute('data-text-before'); const textAfter = document.getElementsByClassName('upload-file-name')[0].getAttribute('data-text-after'); document.getElementsByClassName('upload-file-name')[0].innerHTML = textBefore + ' ' + fileName + ' - ' + fileSize + ' - ' + textAfter; document.getElementsByClassName('upload-file-name')[0].classList.add('pb-3'); } } //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(); } //Scrolling Header var scrollItems = document.querySelectorAll('.header-auto-show') var scrollHeader = document.querySelectorAll('.header-auto-show'); window.addEventListener('scroll', function() { if (document.querySelectorAll('.scroll-ad, .header-auto-show, .header-bar').length) { 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 <= 30; var passed_header = total_scroll_height >= 30; let inside_footer = (window_height - total_scroll_height + 1000) <= 150 if(scrollHeader.length){ inside_header ? hideHeader() : null passed_header ? showHeader() : null } if(passed_header){ document.querySelectorAll('.header-bar')[0].classList.remove('header-bar-detached'); // document.querySelectorAll('#footer-bar')[0].classList.remove('footer-bar-detached'); } else { document.querySelectorAll('.header-bar')[0].classList.add('header-bar-detached'); // document.querySelectorAll('#footer-bar')[0].classList.add('footer-bar-detached'); } } }); //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 if(currentValue >= 1){ 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'); el.classList.add('no-click'); setTimeout(function(){el.classList.remove('no-click');},270) var getCheck = document.getElementById(switchData); getCheck.checked ? getCheck.checked = false : getCheck.checked = true; })) } //Toasts var toastTrigger = document.querySelectorAll('[data-toast]'); if(toastTrigger.length){ toastTrigger.forEach(el => el.addEventListener('click', event => { document.querySelectorAll('.toast, .snackbar, .notification-bar').forEach(el=>{el.classList.remove('show')}) var toastData = el.getAttribute('data-toast') var notificationToast = document.getElementById(toastData); var notificationToast = new bootstrap.Toast(notificationToast); notificationToast.show(); })); } var toastDismiss = document.querySelectorAll('[data-bs-dismiss="toast"]'); toastDismiss.forEach(el => { el.addEventListener('click', (e) => { var notificationBar = document.querySelectorAll('.notification-bar'); notificationBar.forEach(el => { el.classList.remove('show'); }); }); }); //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); }) } //Form Validation var bootstrapForms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.prototype.slice.call(bootstrapForms).forEach(function(bootstrapForms) { bootstrapForms.addEventListener('submit', function(event) { if (!bootstrapForms.checkValidity()) { event.preventDefault(); event.stopPropagation(); } else{ //Remove the code below to allow form submission. event.preventDefault(); event.stopPropagation(); qrFunction(event); } bootstrapForms.classList.add('was-validated') }, false) }) //Form Label Activate on Write var formLabel = document.querySelectorAll('.form-label input, .form-label select, .form-label textarea'); formLabel.forEach(el => el.addEventListener('input', event => { if(el.value == ''){el.parentElement.querySelectorAll('label')[0].classList.remove('form-label-active');} if(el.value !=='') {el.parentElement.querySelectorAll('label')[0].classList.add('form-label-active')} })); //Local Window Error 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."); })); } //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-bs-target="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){}});});} } } shareLinks(); //Copyright Year var copyrightYear = document.querySelectorAll('.copyright-year'); if(copyrightYear){ copyrightYear.forEach(function(e){ var dteNow = new Date(); const intYear = dteNow.getFullYear(); e.textContent = intYear; }); } //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 shadow-bg shadow-bg-s color-white'; offlineAlert.innerHTML = ' No internet connection detected'; onlineAlert.className = 'online-message bg-green-dark shadow-bg shadow-bg-s color-white'; onlineAlert.innerHTML = ' You are back online.'; document.querySelectorAll('#page')[0].appendChild(offlineAlert); document.querySelectorAll('#page')[0].appendChild(onlineAlert); } //Online / Offline Settings //Activating and Deactivating Links Based on Online / Offline State function offlinePage(){ 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 / Offline Status function isOnline(){ onlinePage(); offlineMessage.classList.remove('offline-message-active'); onlineMessage.classList.add('online-message-active'); setTimeout(function(){onlineMessage.classList.remove('online-message-active'); },2000) console.info('Connection: Online'); } function isOffline(){ offlinePage(); onlineMessage.classList.remove('online-message-active'); 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); //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());} }; function iOSversion() {if (/iP(hone|od|ad)/.test(navigator.platform)) {var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/); return [parseInt(v[1], 10)];}} 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()){ 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');} //Detect iOS 15 or Higher Version and Attach Classes } if(isMobile.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');} } //PWA Settings // if(isPWA === true){ // // //Defining PWA Windows // var iOS_PWA = document.querySelectorAll('#menu-install-pwa-ios')[0]; // if(iOS_PWA){var iOS_Window = new bootstrap.Offcanvas(iOS_PWA)} // var Android_PWA = document.querySelectorAll('#menu-install-pwa-android')[0]; // if(Android_PWA){var Android_Window = new bootstrap.Offcanvas(Android_PWA)} // // 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') // Android_Window.show() // } // },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) { // Android_Window.show() // } // },50); // } // deferredPrompt = null; // }); // })); // window.addEventListener('appinstalled', (evt) => { // Android_Window.hide() // }); // } // //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'); // iOS_Window.show() // } // },3500); // } // } // } // } // checkPWA.setAttribute('class','isPWA'); // } //Page Highlights function setHighlights(){ var highlightData = document.querySelectorAll('[data-change-highlight]'); highlightData.forEach(el => el.addEventListener('click', e =>{ 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 +'.css'; document.getElementsByTagName("head")[0].appendChild(loadHighlight); document.body.setAttribute('data-highlight', 'highlight-'+highlight) localStorage.setItem(pwaName+'-Highlight', highlight) highlightData.forEach(el => { el.querySelectorAll('i')[0].classList.remove('bi-check-circle-fill'); el.querySelectorAll('i')[0].classList.add('bi-circle'); }); el.querySelectorAll('i')[0].classList.remove('bi-circle'); el.querySelectorAll('i')[0].classList.add('bi-check-circle-fill'); })) var rememberHighlight = localStorage.getItem(pwaName+'-Highlight'); if(rememberHighlight){ document.body.setAttribute('data-highlight', rememberHighlight); var loadHighlight = document.createElement("link"); loadHighlight.rel = "stylesheet"; loadHighlight.className = "page-highlight"; loadHighlight.type = "text/css"; loadHighlight.href = 'styles/highlights/' + rememberHighlight +'.css'; if(!document.querySelectorAll('.page-highlight').length){ document.getElementsByTagName("head")[0].appendChild(loadHighlight); document.body.setAttribute('data-highlight', 'highlight-'+rememberHighlight) } var highlightData = document.querySelectorAll('[data-change-highlight]'); highlightData.forEach(el => { el.querySelectorAll('i')[0].classList.remove('bi-check-circle-fill'); el.querySelectorAll('i')[0].classList.add('bi-circle'); }); var highlightSelect = document.querySelectorAll('[data-change-highlight="'+rememberHighlight+'"]')[0]; highlightSelect.querySelectorAll('i')[0].classList.remove('bi-circle'); highlightSelect.querySelectorAll('i')[0].classList.add('bi-check-circle-fill'); } } //Lazy Loading var lazyLoad = new LazyLoad(); //Calling Functions Required After External Menus are Loaded var dataMenuLoad = document.querySelectorAll('[data-menu-load]') if(dataMenuLoad[0]){ 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){ // activatePage(); // darkMode(); card_extender(); setHighlights(); } },100); }).catch(function() { e.innerHTML = "