diff --git a/client/scripts/custom.js b/client/scripts/custom.js deleted file mode 100644 index c7e2848..0000000 --- a/client/scripts/custom.js +++ /dev/null @@ -1,1382 +0,0 @@ -$(window).on('load',function(){ - $('.menu').css('display','block'); - $('#preloader').addClass('preloader-hide'); -}) - -$(document).ready(function(){ - 'use strict' - - var isPWA = true; //Enables PWA.js which loads manifest & service worker. - var isAJAX = true; //Enables or disable AJAX page transitions and loading. - var isDevelopment = false; // Enables development mode. Clean cache & Stops BG & Highlights from changing defaults. - - function init_template(){ - - //ADD YOUR CUSTOM JAVASCRIPT CODES HERE! - //Do not put inside HTML files. - //The init_template() function will be triggered when pages open. - - - //Generating Dynamic Styles to decrease CSS size and execute faster loading times. - var colorsArray = [ - //colors must be in HEX format. - // use the color scheme as bellow this will automatically generate CSS for - // bg-colorName-dark bg-colorName-light color-colorName-dark color-colorName-light - //["colorName","light_hex","dark_hex","darker_hex_for_gradient"], - ["none","","",""], - ["plum","#6772A4","#6772A4","#3D3949"], - ["violet","#673c58","#673c58","#492D3D"], - ["magenta3","#413a65","#413a65","#2b2741"], - ["red3","#c62f50","#6F1025","#6F1025"], - ["green3","#6eb148","#2d7335","#2d7335"], - ["pumpkin","#E96A57","#C15140","#C15140"], - ["dark3","#535468","#535468","#343341"], - ["red1","#D8334A","#BF263C","#9d0f23"], - ["red2","#ED5565","#DA4453","#a71222"], - ["orange","#FC6E51","#E9573F","#ce3319"], - ["yellow1","#FFCE54","#F6BB42","#e6a00f"], - ["yellow2","#E8CE4D","#E0C341","#dbb50c"], - ["yellow3","#CCA64F","#996A22","#996A22"], - ["green1","#A0D468","#8CC152","#5ba30b"], - ["green2","#2ECC71","#2ABA66","#0da24b"], - ["mint","#48CFAD","#37BC9B","#0fa781"], - ["teal","#A0CECB","#7DB1B1","#158383"], - ["aqua","#4FC1E9","#3BAFDA","#0a8ab9"], - ["sky","#188FB6","#0F5F79","#0F5F79"], - ["blue1","#4FC1E9","#3BAFDA","#0b769d"], - ["blue2","#5D9CEC","#4A89DC","#1a64c6"], - ["magenta1","#AC92EC","#967ADC","#704dc9"], - ["magenta2","#8067B7","#6A50A7","#4e3190"], - ["pink1","#EC87C0","#D770AD","#c73c8e"], - ["pink2","#fa6a8e","#fb3365","#d30e3f"], - ["brown1","#BAA286","#AA8E69","#896b43"], - ["brown2","#8E8271","#7B7163","#584934"], - ["gray1","#F5F7FA","#E6E9ED","#c2c5c9"], - ["gray2","#CCD1D9","#AAB2BD","#88919d"], - ["dark1","#656D78","#434A54","#242b34"], - ["dark2","#3C3B3D","#323133","#1c191f"] - ]; - var socialColorArray = [ - ["facebook","#3b5998"], - ["linkedin","#0077B5"], - ["twitter","#4099ff"], - ["google","#d34836"], - ["whatsapp","#34AF23"], - ["pinterest","#C92228"], - ["sms","#27ae60"], - ["mail","#3498db"], - ["dribbble","#EA4C89"], - ["phone","#27ae60"], - ["skype","#12A5F4"], - ["instagram","#e1306c"] - ]; - - - //Back Button Scroll Stop - if ('scrollRestoration' in history) {history.scrollRestoration = 'manual';} - - //Disable Page Jump on Empty Links. - $('a').on('click', function(){var attrs = $(this).attr('href'); if(attrs === '#'){return false;}}); - - //Adding Background for Gradient - if(!$('.menu-hider').length){$('#page').append('
');} - - /*Menu Extender Function*/ - $.fn.showMenu = function() {$(this).addClass('menu-active'); $('#footer-bar').addClass('footer-menu-hidden');setTimeout(function(){$('.menu-hider').addClass('menu-active');},250);}; - $.fn.hideMenu = function() {$(this).removeClass('menu-active'); $('#footer-bar').removeClass('footer-menu-hidden');$('.menu-hider').removeClass('menu-active');}; - - //Add your programatically triggered menus here - - - //Menu Required Variables - var menu = $('.menu'), - body = $('body'), - menuFixed = $('.nav-fixed'), - menuFooter = $('#footer-bar'), - menuHider = $('body').find('.menu-hider'), - menuClose = $('.close-menu'), - header = $('.header'), - pageAll = $('#page'), - pageContent = $('.page-content'), - headerAndContent = $('.header, .page-content, #footer-bar'), - menuDeployer = $('a[data-menu]'); - - //Menu System - menu.each(function(){ - var menuHeight = $(this).data('menu-height'); - var menuWidth = $(this).data('menu-width'); - var menuActive = $(this).data('menu-active'); - if($(this).hasClass('menu-box-right')){$(this).css("width",menuWidth);} - if($(this).hasClass('menu-box-left')){$(this).css("width",menuWidth);} - if($(this).hasClass('menu-box-bottom')){$(this).css("height",menuHeight);} - if($(this).hasClass('menu-box-top')){$(this).css("height",menuHeight);} - if($(this).hasClass('menu-box-modal')){$(this).css({"height":menuHeight, "width":menuWidth});} - }); - - //Menu Deploy Click - menuDeployer.on('click',function(){ - menu.removeClass('menu-active'); - menuHider.addClass('menu-active'); - - var menuData = $(this).data('menu'); - var menuID = $('#'+menuData); - var menuEffect = $('#'+menuData).data('menu-effect'); - var menuWidth = menuID.data('menu-width'); - var menuHeight = menuID.data('menu-height'); - $('body').addClass('modal-open'); - if(menuID.hasClass('menu-header-clear')){menuHider.addClass('menu-active-clear');} - function menuActivate(){menuID = 'menu-active' ? menuID.addClass('menu-active') : menuID.removeClass('menu-active');} - if(menuID.hasClass('menu-box-bottom')){$('#footer-bar').addClass('footer-menu-hidden');} - if(menuEffect === "menu-parallax"){ - if(menuID.hasClass('menu-box-bottom')){headerAndContent.css("transform", "translateY("+(menuHeight/5)*(-1)+"px)");} - if(menuID.hasClass('menu-box-top')){headerAndContent.css("transform", "translateY("+(menuHeight/5)+"px)");} - if(menuID.hasClass('menu-box-left')){headerAndContent.css("transform", "translateX("+(menuWidth/5)+"px)");} - if(menuID.hasClass('menu-box-right')){headerAndContent.css("transform", "translateX("+(menuWidth/5)*(-1)+"px)");} - } - if(menuEffect === "menu-push"){ - if(menuID.hasClass('menu-box-bottom')){headerAndContent.css("transform", "translateY("+(menuHeight)*(-1)+"px)");} - if(menuID.hasClass('menu-box-top')){headerAndContent.css("transform", "translateY("+(menuHeight)+"px)");} - if(menuID.hasClass('menu-box-left')){headerAndContent.css("transform", "translateX("+(menuWidth)+"px)");} - if(menuID.hasClass('menu-box-right')){headerAndContent.css("transform", "translateX("+(menuWidth)*(-1)+"px)");} - } - if(menuEffect === "menu-push-full"){ - if(menuID.hasClass('menu-box-left')){headerAndContent.css("transform", "translateX(100%)");} - if(menuID.hasClass('menu-box-right')){headerAndContent.css("transform", "translateX(-100%)");} - } - menuActivate(); - }); - - var autoActivateMenu = $('[data-auto-activate]'); - if (autoActivateMenu.length){ - autoActivateMenu.addClass('menu-active'); - menuHider.addClass('menu-active'); - } - - //Allows clicking even if menu is loaded externally. - $('body').removeClass('modal-open'); - $('.menu-hider, .close-menu, .menu-close').on('click', function(){ - menu.removeClass('menu-active'); - menuHider.removeClass('menu-active menu-active-clear'); - headerAndContent.css('transform','translate(0,0)'); - menuHider.css('transform','translate(0,0)'); - $('#footer-bar').removeClass('footer-menu-hidden'); - $('body').removeClass('modal-open'); - return false; - }); - - //Generating Cookies - function createCookie(e, t, n) {if (n) {var o = new Date;o.setTime(o.getTime() + 48 * n * 60 * 3600 * 1e3);var r = "; expires=" + o.toGMTString()} else var r = "";document.cookie = e + "=" + t + r + "; path=/"} - function readCookie(e) {for (var t = e + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) {for (var r = n[o];" " == r.charAt(0);) r = r.substring(1, r.length);if (0 == r.indexOf(t)) return r.substring(t.length, r.length)}return null} - function eraseCookie(e) {createCookie(e, "", -1)} - - //Disabling & Enabling Dark Transitions in Dark Mode to Speed up Performance. - function allowTransitions(){$('body').find('#transitions-remove').remove();} - function removeTransitions(){$('body').append(''); setTimeout(function(){allowTransitions();},10);} - - //Dark Mode - var darkSwitch = $('[data-toggle-theme-switch], [data-toggle-theme], [data-toggle-theme-switch] input, [data-toggle-theme] input'); - $('[data-toggle-theme], [data-toggle-theme-switch]').on('click',function(){ - removeTransitions(); - $('body').toggleClass('theme-light theme-dark'); - setTimeout(function(){ - if($('body').hasClass('detect-theme')){$('body').removeClass('detect-theme');} - if($('body').hasClass('theme-light')){ - eraseCookie('sticky_dark_mode'); - darkSwitch.prop('checked', false); - createCookie('sticky_light_mode', true, 1); - } - if($('body').hasClass('theme-dark')){ - eraseCookie('sticky_light_mode'); - darkSwitch.prop('checked', true); - createCookie('sticky_dark_mode', true, 1); - } - },150); - }) - if (readCookie('sticky_dark_mode')) {darkSwitch.prop('checked', true); $('body').removeClass('theme-light').addClass('theme-dark');} - if (readCookie('sticky_light_mode')) {darkSwitch.prop('checked', false); $('body').removeClass('theme-dark').addClass('theme-light');} - - - //Auto Dark Mode - function activateDarkMode(){$('body').removeClass('theme-light').addClass('theme-dark'); $('#dark-mode-detected').removeClass('disabled'); eraseCookie('sticky_light_mode'); createCookie('sticky_dark_mode', true, 1);} - function activateLightMode(){$('body').removeClass('theme-dark').addClass('theme-light'); $('#dark-mode-detected').removeClass('disabled'); eraseCookie('sticky_dark_mode'); createCookie('sticky_light_mode', true, 1);} - function activateNoPreference(){$('#manual-mode-detected').removeClass('disabled');} - - 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()) - window.matchMedia("(prefers-color-scheme: no-preference)").addListener(e => e.matches && activateNoPreference()) - if(isDarkMode) activateDarkMode(); - if(isLightMode) activateLightMode(); - } - if($('body').hasClass('detect-theme')){setColorScheme();} - $('.detect-dark-mode').on('click',function(){ $('body').addClass('detect-theme'); setColorScheme(); return false;}); - $('.disable-auto-dark-mode').on('click',function(){ $('body').removeClass('detect-theme'); $(this).remove(); return false;}); - - //Footer Menu Active Elements - if($('.footer-bar-2, .footer-bar-4, .footer-bar-5').length){ - if(!$('.footer-bar-2 strong, .footer-bar-4 strong, .footer-bar-5 strong').length){ - $('.footer-bar-2 .active-nav, .footer-bar-4 .active-nav, .footer-bar-5 .active-nav').append('') - } - } - - //Back Button in Header - var backButton = $('.back-button, [data-back-button]'); - backButton.on('click', function() { - window.history.go(-1); - //return false; - }); - - //Copyright Year - var copyrightYear = $('.copyright-year, #copyright-year'); - var dteNow = new Date(); var intYear = dteNow.getFullYear(); - copyrightYear.html(intYear); - - //Back to top Badge - var backToTop = $('.back-to-top, [data-back-to-top], .back-to-top-badge, .back-to-top-icon'), - backToTopBadge = $('.back-to-top-badge, .back-to-top-icon'); - - backToTop.on( "click", function(e){ - e.preventDefault(); - $('html, body, .page-content').animate({ - scrollTop: 0 - }, 350); - return false; - }); - function show_back_to_top_badge(){backToTopBadge.addClass('back-to-top-visible');} - function hide_back_to_top_badge(){backToTopBadge.removeClass('back-to-top-visible');} - - //Scroll Ads - var scrollAd = $('.scroll-ad'); - function show_scroll_ad(){scrollAd.addClass('scroll-ad-visible');} - function hide_scroll_ad(){scrollAd.removeClass('scroll-ad-visible');} - - $(window).on('scroll', function () { - var total_scroll_height = document.body.scrollHeight - var inside_header = ($(this).scrollTop() <= 150); - var passed_header = ($(this).scrollTop() >= 0); //250 - var passed_header2 = ($(this).scrollTop() >= 150); //250 - var footer_reached = ($(this).scrollTop() >= (total_scroll_height - ($(window).height() + 300 ))); - - if (inside_header === true) { - hide_back_to_top_badge(); - hide_scroll_ad(); - $('.header-auto-show').removeClass('header-active'); - - } - else if(passed_header === true){ - show_back_to_top_badge(); - show_scroll_ad(); - $('.header-auto-show').addClass('header-active'); - } - if (footer_reached == true){ - hide_back_to_top_badge(); - hide_scroll_ad(); - } - }); - - //Tabs// - var tab = $('.tab-controls'); - function activate_tabs(){ - var tabTrigger = $('.tab-controls a'); - tab.each(function(){ - var tabItems = $(this).parent().find('.tab-controls').data('tab-items'); - var tabWidth = $(this).width(); - var tabActive = $(this).find('a[data-tab-active]'); - var tabID = $('#'+tabActive.data('tab')); - var tabBg = $(this).data('tab-active'); - $(this).find('a[data-tab]').css("width", (100/tabItems)+'%'); - tabActive.addClass(tabBg); - tabActive.addClass('color-white'); - tabID.slideDown(0); - }); - tabTrigger.on('click',function(){ - var tabData = $(this).data('tab'); - var tabID = $('#'+tabData); - var tabContent = $(this).parent().parent().find('.tab-content'); - var tabContent = $(this).parent().parent().parent().find('.tab-content'); - var tabOrder = $(this).data('tab-order'); - var tabBg = $(this).parent().parent().find('.tab-controls').data('tab-active'); - $(this).parent().find(tabTrigger).removeClass(tabBg).removeClass('color-white'); - $(this).addClass(tabBg).addClass('color-white'); - $(this).parent().find('a').removeClass('no-click'); - $(this).addClass('no-click'); - tabContent.slideUp(250); - tabID.slideDown(250); - }); - } - if(tab.length){activate_tabs()} - - //Text Resizer - $(".text-size-increase").click(function() {$(".text-size-changer *").css("font-size","+=1");}); - $(".text-size-decrease").click(function() {$(".text-size-changer *").css("font-size","-=1");}); - $(".text-size-default").click(function() {$(".text-size-changer *").css("font-size", "");}); - - //Search Menu Functions - function search_menu(){ - $('[data-search]').on('keyup', function() { - var searchVal = $(this).val(); - if (searchVal != '') { - $('.search-header a').removeClass('disabled'); - $('.search-trending').addClass('disabled'); - $('.search-results').removeClass('disabled-search-list'); - $('[data-filter-item]').addClass('disabled-search-item'); - $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('disabled-search-item'); - } else { - $('.search-header a').removeClass('disabled'); - $('.search-trending').removeClass('disabled'); - $('.search-results').addClass('disabled-search-list'); - $('[data-filter-item]').removeClass('disabled-search-item'); - } - - var search_results_error = $('.search-no-results'); - var search_results_active = $('.search-results').find('.search-result-list.disabled-search-item'); - if (search_results_active.length) {search_results_error.removeClass('disabled');}else{search_results_error.addClass('disabled');} - }); - return false; - } - search_menu(); - //Menu Search Values// - $('.search-trending a').on('click',function(){ - var e = jQuery.Event("keydown"); - e.which = 32 - $('.search-trending').addClass('disabled'); - var search_value = $(this).find('span').text().toLowerCase(); - $('.search-header a').removeClass('disabled'); - $('.search-header input').val(search_value); - $('.search-results').removeClass('disabled-search-list'); - $('[data-filter-item]').addClass('disabled-search-item'); - $('[data-filter-item][data-filter-name*="' + search_value.toLowerCase() + '"]').removeClass('disabled-search-item'); - $('.menu-search-trending').addClass('disabled-search-item'); - return false; - }); - - $('.search-header a').on('click',function(){ - $('.search-trending').removeClass('disabled'); - $('.menu-search-trending').removeClass('disabled-search-item'); - $('.search-results').addClass('disabled-search-list'); - $('.search-header input').val(''); - $(this).addClass('disabled'); - return false; - }); - - //Owl Carousel Sliders - setTimeout(function(){ - $('.user-slider').owlCarousel({loop:false, margin:20, nav:false, lazyLoad:true, items:1, autoplay: false, dots:false, autoplayTimeout:4000}); - $('.single-slider').owlCarousel({loop:true, margin:20, nav:false, lazyLoad:true, items:1, autoplay: true, autoplayTimeout:4000}); - $('.cover-slider').owlCarousel({loop:true, margin:0, nav:false, lazyLoad:true, items:1, autoplay: true, autoplayTimeout:6000}); - $('.double-slider').owlCarousel({loop:true, margin:20, nav:false, lazyLoad:false, items:2, autoplay: true, autoplayTimeout:4000}); - $('.task-slider').owlCarousel({loop:true, margin:20, nav:false, stagePadding:50, lazyLoad:true, items:2, autoplay: false, autoplayTimeout:4000}); - $('.next-slide, .next-slide-arrow, .next-slide-text, .cover-next').on('click',function(){$(this).parent().find('.owl-carousel').trigger('next.owl.carousel');}); - $('.prev-slide, .prev-slide-arrow, .prev-slide-text, .cover-prev').on('click',function(){$(this).parent().find('.owl-carousel').trigger('prev.owl.carousel');}); - $('.next-slide-user').on('click',function(){$(this).closest('.owl-carousel').trigger('next.owl.carousel');}); - $('.prev-slide-user').on('click',function(){$(this).closest('.owl-carousel').trigger('prev.owl.carousel');}); - },10); - setTimeout(function(){ - $('.owl-prev, .owl-next').addClass('bg-highlight'); - }) - - //Detect Mobile OS// - var isMobile = { - Android: function() {return navigator.userAgent.match(/Android/i);}, - iOS: function() {return navigator.userAgent.match(/iPhone|iPad|iPod/i);}, - Windows: function() {return navigator.userAgent.match(/IEMobile/i);}, - any: function() {return (isMobile.Android() || isMobile.iOS() || isMobile.Windows());} - }; - if (!isMobile.any()) { - $('body').addClass('is-not-ios'); - $('.show-ios, .show-android').addClass('disabled'); - $('.show-no-device').removeClass('disabled'); - } - if (isMobile.Android()) { - $('body').addClass('is-not-ios'); - $('head').append(' />'); - $('.show-android').removeClass('disabled'); - $('.show-ios, .show-no-device, .simulate-android, .simulate-iphones').addClass('disabled'); - } - if (isMobile.iOS()) { - $('body').addClass('is-ios'); - $('.show-ios').removeClass('disabled'); - $('.show-android, .show-no-device, .simulate-android, .simulate-iphones').addClass('disabled'); - } - - - //Toast, Snackbars and Notifications - $('[data-toast]').on('click',function(){ - $('.toast, .snackbar-toast, .notification').toast('hide'); - $('#'+$(this).data('toast')).toast('show'); - return false; - }); - $('[data-dismiss]').on('click',function(){ - var thisData = $(this).data('dismiss'); - $('#'+thisData).toast('hide'); - }); - - //Tooltips - $(function () { - $('[data-toggle="tooltip"]').tooltip() - }) - - //Cancel Collapse Jump on Click - if($('[data-toggle="collapse"]').length){ - $('[data-toggle="collapse"]').on('click',function(e){ - e.preventDefault(); - }); - } - - - //Switches - $('.ios-input, .android-input, .classic-input').on('click',function(){ - var id = $(this).attr('id'); - var data = $('[data-switch='+id+']') - if(data.length){data.stop().animate({height: 'toggle'},250);} - }); - $('[data-activate]').on('click',function(){ - var activateCheck = $(this).data('activate'); - $('#'+activateCheck).trigger('click'); - }); - - $('[data-trigger-switch]').on('click',function(){ - var thisID = $(this).data('trigger-switch'); - if ($('#'+thisID).prop('checked')) { - $('#'+thisID).prop('checked', false); - } else { - $('#'+thisID).prop('checked', true); - } - }) - - //Working Hours - var businessHours = $('.business-hours'); - function activate_business_hours(){ - if(businessHours.length){ - var getTime = new Date(Date.now()); - var getDay = 'day-' + (new Date().toLocaleDateString('en', {weekday:'long'})).toLowerCase(); - var timeNow = getTime.getHours() + ":" + getTime.getMinutes(); - var currentWorkDay = $('.'+getDay); - var closedMessage = businessHours.data('closed-message').toString(); - var closedMessageUnder = businessHours.data('closed-message-under').toString(); - var openedMessage = businessHours.data('opened-message').toString(); - var openedMessageUnder = businessHours.data('opened-message-under').toString(); - - var mondayOpen = $('[data-monday]').data('open'); - var mondayClose = $('[data-monday]').data('close'); - var mondayTime = "'Monday' : ['"+mondayOpen+"','"+mondayClose+"']," - - - $('.business-hours').openingTimes({ - //SET OPENING HOURS BELOW - openingTimes: { - 'Monday' : ['08:00' ,'17:00' ], - 'Tuesday' : ['08:00' ,'17:30' ], - 'Wednesday' : ['08:00' ,'17:00' ], - 'Thursday' : ['08:00' ,'17:00' ], - 'Friday' : ['09:00' ,'18:55' ], - 'Saturday' : ['09:00' ,'12:00' ] - //Sunday removed, that means it's closed. - }, - openClass:"bg-green1-dark is-business-opened", - closedClass:"bg-red2-dark is-business-closed" - }); - if(businessHours.hasClass('is-business-opened')){ - $('.show-business-opened').removeClass('disabled'); - $('.show-business-closed').addClass('disabled'); - businessHours.find('h1').html(openedMessage); - businessHours.find('p').html(openedMessageUnder); - businessHours.find('#business-hours-mail').remove(); - currentWorkDay.addClass('bg-green1-dark'); - } else { - $('.show-business-opened').addClass('disabled'); - $('.show-business-closed').removeClass('disabled'); - businessHours.find('h1').html(closedMessage); - businessHours.find('p').html(closedMessageUnder); - businessHours.find('#business-hours-call').remove(); - currentWorkDay.addClass('bg-red2-dark'); - } - - currentWorkDay.find('p').addClass('color-white'); - }; - } - if(businessHours.length){activate_business_hours()} - - //Adding added-to-homescreen class to be targeted when used as PWA. - function ath(){ - (function(a, b, c) { - if (c in b && b[c]) { - var d, e = a.location, - f = /^(a|html)$/i; - a.addEventListener("click", function(a) { - d = a.target; - while (!f.test(d.nodeName)) d = d.parentNode; - "href" in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href) - }, !1); - $('.add-to-home').addClass('disabled'); - $('body').addClass('is-on-homescreen'); - } - })(document, window.navigator, "standalone") - } - ath(); - - //Add to Home Banners - $('.simulate-android-badge').on('click',function(){$('.add-to-home').removeClass('add-to-home-ios').addClass('add-to-home-visible add-to-home-android');}); - $('.simulate-iphone-badge').on('click',function(){$('.add-to-home').removeClass('add-to-home-android').addClass('add-to-home-visible add-to-home-ios');}); - $('.add-to-home').on('click',function(){$('.add-to-home').removeClass('add-to-home-visible');}) - $('.simulate-android-banner').on('click',function(){$('#menu-install-pwa-android, .menu-hider').addClass('menu-active')}) - $('.simulate-ios-banner').on('click',function(){$('#menu-install-pwa-ios, .menu-hider').addClass('menu-active')}) - - //Extending Card Features - function card_extender(){ - /*Set Page Content to Min 100vh*/ - if($('.is-on-homescreen').length){ - var windowHeight = screen.height; - $('.page-content, #page').css('min-height', windowHeight); - } - if(!$('.is-on-homescreen').length){ - var windowHeight = window.innerHeight - $('.page-content, #page').css('min-height', windowHeight); - } - - $('[data-card-height]').each(function(){ - var cardHeight = $(this).data('card-height'); - var headerHeight = $('.header').height(); - var footerHeight = $('#footer-bar').height(); - $(this).css('height', cardHeight); - if(cardHeight == "cover"){ - if(header.length && menuFooter.length){ - $(this).css('height', windowHeight -headerHeight - footerHeight) - $('.map-full, .map-full iframe').css('height', windowHeight - headerHeight - footerHeight +14) - } else { - $(this).css('height', windowHeight) - $('.map-full, .map-full iframe').css('height', windowHeight) - } - } - }); - } - card_extender(); - - $(window).resize(function(){ - card_extender(); - }); - - //Show Map - $('.show-map, .hide-map').on('click',function(){ - $('.map-full .caption').toggleClass('deactivate-map'); - $('.map-but-1, .map-but-2').toggleClass('deactivate-map'); - $('.map-full .hide-map').toggleClass('activate-map'); - }); - - - //Card Hovers - $('.card-scale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-scale-image');}); - $('.card-grayscale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-grayscale-image');}); - $('.card-rotate').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-rotate-image');}); - $('.card-blur').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-blur-image');}); - $('.card-hide').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('.card-center, .card-bottom, .card-top, .card-overlay').toggleClass('card-hide-image');}); - - - //Reading Time - $('#reading-progress-text').each(function(i) { - var readingWords = $(this).text().split(' ').length; - var readingMinutes = Math.floor(readingWords / 250); - var readingSeconds = readingWords % 60 - $('.reading-progress-words').append(readingWords); - $('.reading-progress-time').append(readingMinutes + ':' + readingSeconds); - }); - - //Timed Ads - if($('[data-auto-show-ad]').length){ - var time = $('[data-auto-show-ad]').data('auto-show-ad'); - setTimeout(function(){ - $('[data-auto-show-ad]').trigger('click'); - },time*1000); - } - $('[data-timed-ad]').on('click', function(){ - var counter = $(this).data('timed-ad'); - var adwin = $('#'+$(this).data('menu')); - menuHider.addClass('no-click'); - adwin.find('.ad-time-close').addClass('no-click'); - adwin.find('.ad-time-close i').addClass('disabled'); - adwin.find('.ad-time-close span').removeClass('disabled'); - - var interval = setInterval(function() { - counter--; - // Display 'counter' wherever you want to display it. - if (counter <= 0) { - menuHider.removeClass('no-click'); - adwin.find('.ad-time-close').removeClass('no-click'); - adwin.find('.ad-time-close i').removeClass('disabled'); - adwin.find('.ad-time-close span').addClass('disabled'); - clearInterval(interval); - return; - }else{ - adwin.find('.ad-time-close span').html(counter); - } - }, 1000); - }); - - //Countdown - function countdown(dateEnd) { - var timer, years, days, hours, minutes, seconds; - dateEnd = new Date(dateEnd); - dateEnd = dateEnd.getTime(); - if (isNaN(dateEnd)) {return;} - timer = setInterval(calculate, 1); - function calculate() { - var dateStart = new Date(); - var dateStart = new Date(dateStart.getUTCFullYear(), dateStart.getUTCMonth(), dateStart.getUTCDate(), dateStart.getUTCHours(), dateStart.getUTCMinutes(), dateStart.getUTCSeconds()); - var timeRemaining = parseInt((dateEnd - dateStart.getTime()) / 1000) - if (timeRemaining >= 0) { - years = parseInt(timeRemaining / 31536000); - timeRemaining = (timeRemaining % 31536000); - days = parseInt(timeRemaining / 86400); - timeRemaining = (timeRemaining % 86400); - hours = parseInt(timeRemaining / 3600); - timeRemaining = (timeRemaining % 3600); - minutes = parseInt(timeRemaining / 60); - timeRemaining = (timeRemaining % 60); - seconds = parseInt(timeRemaining); - if ($('.countdown').length) { - $(".countdown #years")[0].innerHTML = parseInt(years, 10); - $(".countdown #days")[0].innerHTML = parseInt(days, 10); - $(".countdown #hours")[0].innerHTML = ("0" + hours).slice(-2); - $(".countdown #minutes")[0].innerHTML = ("0" + minutes).slice(-2); - $(".countdown #seconds")[0].innerHTML = ("0" + seconds).slice(-2); - } - } else {return;} - } - - function display(days, hours, minutes, seconds) {} - } - countdown('01/19/2030 03:14:07 AM'); - - //Accordion Icons - $('.accordion-btn').on('click',function(){ - $(this).addClass('no-click'); - $('.accordion-icon').removeClass('rotate-180'); - if($(this).attr("aria-expanded") == "true"){ - $(this).parent().find('.accordion-icon').removeClass('rotate-180'); - } else { - $(this).parent().find('.accordion-icon').addClass('rotate-180'); - } - setTimeout(function(){$('.accordion-btn').removeClass('no-click');},250); - }) - - //Caption Hovers - $('.caption-scale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-scale-image');}); - $('.caption-grayscale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-grayscale-image');}); - $('.caption-rotate').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-rotate-image');}); - $('.caption-blur').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-blur-image');}); - $('.caption-hide').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('.caption-center, .caption-bottom, .caption-top, .caption-overlay').toggleClass('caption-hide-image');}); - - //File Upload - var uploadFile = $('.upload-file'); - function activate_upload_file(){ - function readURL(input) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - reader.onload = function(e) { - $('.file-data img').attr('src', e.target.result); - $('.file-data img').attr('class','img-fluid rounded-xs mt-4'); - } - reader.readAsDataURL(input.files[0]); - } - } - $(".upload-file").change(function(e) { - readURL(this); - var fileName = e.target.files[0].name; - $('.upload-file-data').removeClass('disabled'); - $('.upload-file-name').html(e.target.files[0].name) - $('.upload-file-modified').html(e.target.files[0].lastModifiedDate); - $('.upload-file-size').html(e.target.files[0].size/1000+'kb') - $('.upload-file-type').html(e.target.files[0].type) - }); - }; - if(uploadFile.length){activate_upload_file();} - - //Task List Check on Click - var todo = $('.todo-list'); - function activate_todo_list(){ - $('.todo-list a').each(function(){ - if($(this).find('.todo-icon').hasClass('far fa-square')){$(this).removeClass('opacity-70');} else {$(this).addClass('opacity-70');} - }) - $('.todo-list a').on('click',function(){ - $(this).find('.todo-icon').toggleClass('far fa-square fa fa-check-square color-green1-dark'); - if($(this).find('.todo-icon').hasClass('far fa-square')){$(this).removeClass('opacity-70');} else {$(this).addClass('opacity-70');} - }) - } - if(todo.length){activate_todo_list();} - - //Age Verification - var checkAge = $('.check-age'); - function activate_age_checker(){ - console.log('active'); - $(".check-age").on('click',function(){ - var dateBirghtDay = $("#date-birth-day").val(); - var dateBirthMonth = $("#date-birth-month").val(); - var dateBirthYear = $("#date-birth-year").val(); - var age = 18; - var mydate = new Date(); - mydate.setFullYear(dateBirthYear, dateBirthMonth-1, dateBirghtDay); - - var currdate = new Date(); - var setDate = new Date(); - setDate.setFullYear(mydate.getFullYear() + age, dateBirthMonth-1, dateBirghtDay); - - if ((currdate - setDate) > 0){ - console.log("above 18"); - $('#menu-age').removeClass('menu-active') - $('#menu-age-okay').addClass('menu-active'); - }else{ - $('#menu-age').removeClass('menu-active') - $('#menu-age-fail').addClass('menu-active'); - } - return true; - }); - } - if(checkAge.length){activate_age_checker();} - - - //Geolocation - var geoLocation = $('.get-location'); - function activate_geolocation(){ - if ("geolocation" in navigator) { - $('.location-support').html('Your browser and device support Geolocation.'); - } else { - $('.location-support').html('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 = 'http://maps.google.com/maps?q='; - var mapL2 = latitude+','; - var mapL3 = longitude; - var mapL4 = '&z=18&t=h&output=embed' - var mapL5 = '&z=18&t=h' - var mapLinkEmbed = mapL1 + mapL2 + mapL3 + mapL4; - var mapLinkAddress = mapL1 + mapL2 + mapL3 + mapL5; - - $('.location-map').after('
'); - $('.location-map').parent().after(' View on Google Maps'); - } - 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); - } - } - $('.get-location').on('click',function(){ - $(this).addClass('disabled'); - geoLocate(); - }); - }; - if(geoLocation.length){activate_geolocation();} - - var emailValidator = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i; - var phoneValidator = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/; - var nameValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/; - var passwordValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/; - var urlValidator = /^(http|https)?:\/\/[a-zA-Z0-9-\.]+\.[a-z]{2,4}/; - var textareaValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/; - var validIcon = ""; - var invalidIcon = ""; - - $('.input-required input, .input-required select, .input-required textarea').on('focusin keyup',function(){ - var spanValue = $(this).parent().find('span').text(); - if($(this).val() != spanValue && $(this).val() != ""){ - $(this).parent().find('span').addClass('input-style-1-active').removeClass('input-style-1-inactive'); - } - if($(this).val() === ""){ - $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active'); - } - }); - $('.input-required input, .input-required select, .input-required textarea').on('focusout',function(){ - var spanValue = $(this).parent().find('span').text(); - if($(this).val() === ""){ - $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active'); - } - $(this).parent().find('span').addClass('input-style-1-inactive') - }); - $('.input-required select').on('focusout',function(){ - var getValue = $(this)[0].value; - if(getValue === "default"){ - $(this).parent().find('em').html(invalidIcon) - $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active'); - } - if(getValue != "default"){ - $(this).parent().find('em').html(validIcon) - } - }); - $('.input-required input[type="email"]').on('focusout',function(){if (emailValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); - $('.input-required input[type="tel"]').on('focusout',function(){if (phoneValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); - $('.input-required input[type="password"]').on('focusout',function(){if (passwordValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); - $('.input-required input[type="url"]').on('focusout',function(){if (urlValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); - $('.input-required input[type="name"]').on('focusout',function(){if (nameValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); - $('.input-required textarea').on('focusout',function(){if (textareaValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); - - //Set Today Date to Date Inputs - Date.prototype.toDateInputValue = (function() { - var local = new Date(this); - local.setMinutes(this.getMinutes() - this.getTimezoneOffset()); - return local.toJSON().slice(0,10); - }); - $('input[type="date"]').val(new Date().toDateInputValue()); - - //Set Today Date to Date Inputs - Date.prototype.toDateInputValue = (function() { - var local = new Date(this); - local.setMinutes(this.getMinutes() - this.getTimezoneOffset()); - return local.toJSON().slice(0,10); - }); - $('input[type="date"]').val(new Date().toDateInputValue()); - - //Adding Offline Alerts - var offlineAlerts = $('.offline-message'); - if(!offlineAlerts.length){ - $('body').append('

No internet connection detected

'); - $('body').append('

You are back online

'); - } - - //Offline Function Show - function isOffline(){ - $('.offline-message').addClass('offline-message-active'); - $('.online-message').removeClass('online-message-active'); - setTimeout(function(){$('.offline-message').removeClass('offline-message-active');},2000); - } - - //Online Function Show - function isOnline(){ - $('.online-message').addClass('online-message-active'); - $('.offline-message').removeClass('offline-message-active'); - setTimeout(function(){$('.online-message').removeClass('online-message-active');},2000); - } - - $('.simulate-offline').on('click',function(){isOffline();}) - $('.simulate-online').on('click',function(){isOnline();}) - - //Check if Online / Offline - function updateOnlineStatus(event) { - var condition = navigator.onLine ? "online" : "offline"; - isOnline(); - console.log( 'Connection: Online'); - } - function updateOfflineStatus(event) { - isOffline(); - console.log( 'Connection: Offline'); - } - window.addEventListener('online', updateOnlineStatus); - window.addEventListener('offline', updateOfflineStatus); - - //QR Generator - var generateQR = $('.generate-qr-result, .generate-qr-auto'); - function activate_qr_generator(){ - //QR Code Generator - var qr_auto_link = window.location.href; - var qr_api_address = 'https://api.qrserver.com/v1/create-qr-code/?size=200x200&data='; - - $('.generate-qr-auto').attr('src', qr_api_address+qr_auto_link) - $('.generate-qr-button').on('click',function(){ - if($(this).parent().find('.fa').hasClass('fa-exclamation-triangle')){ - console.log('Invalid URL'); - } else { - var get_qr_url = $('.generate-qr-input').val(); - if(!get_qr_url == ''){ - $('.generate-qr-result').empty(); - setTimeout(function(){ - $('.generate-qr-result').append('img

'+get_qr_url+'

') - },30); - } - } - }); - } - if(generateQR.length){activate_qr_generator();} - - //Vibrate Buttons - var vibrateButton = $('[data-vibrate]'); - function activate_vibration(){ - $('[data-vibrate]').on('click',function(){var vibrateTime = $(this).data('vibrate'); window.navigator.vibrate(vibrateTime);}); - $('.start-vibrating').on('click',function(){var vibrateTimeInput = $('.vibrate-demo').val(); window.navigator.vibrate(vibrateTimeInput);}) - $('.stop-vibrating').on('click',function(){window.navigator.vibrate(0); $('.vibrate-demo').val(''); }); - } - if(vibrateButton.length){ - activate_vibration(); - } - - //Sharing - var share_link = window.location.href; - var share_title = document.title; - $('.shareToFacebook').prop("href", "https://www.facebook.com/sharer/sharer.php?u="+share_link) - $('.shareToLinkedIn').prop("href", "https://www.linkedin.com/shareArticle?mini=true&url="+share_link+"&title="+share_title+"&summary=&source=") - $('.shareToTwitter').prop("href", "https://twitter.com/home?status="+share_link) - $('.shareToPinterest').prop("href", "https://pinterest.com/pin/create/button/?url=" + share_link) - $('.shareToWhatsApp').prop("href", "whatsapp://send?text=" + share_link) - $('.shareToMail').prop("href", "mailto:?body=" + share_link) - - - //Preload Image - var preloadImages = $('.preload-img'); - $(function() {preloadImages.lazyload({threshold : 500});}); - - //LightBox - $('[data-lightbox]').addClass('default-link'); - lightbox.option({alwaysShowNavOnTouchDevices:true, 'resizeDuration': 200, 'wrapAround': false}) - $('#lightbox').hammer().on("swipe", function (event) { - if (event.gesture.direction === 4) { - $('#lightbox a.lb-prev').trigger('click'); - } else if (event.gesture.direction === 2) { - $('#lightbox a.lb-next').trigger('click'); - } - }); - - //Filterable - if($('.gallery-filter').length > 0){$('.gallery-filter').filterizr(); $('.gallery-filter-active').addClass('color-highlight');} - $('.gallery-filter-controls li').on('click',function(){ - $('.gallery-filter-controls li').removeClass('gallery-filter-active color-highlight'); - $(this).addClass('gallery-filter-active color-highlight'); - }); - - //Gallery Views // Added in 2.0 - var galleryViews = $('.gallery-views'); - var galleryViewControls = $('.gallery-view-controls a'); - var galleryView1 = $('.gallery-view-1-activate'); - var galleryView2 = $('.gallery-view-2-activate'); - var galleryView3 = $('.gallery-view-3-activate'); - - galleryView1.on('click',function(){ - galleryViewControls.removeClass('color-highlight'); - $(this).addClass('color-highlight'); - galleryViews.removeClass().addClass('gallery-views gallery-view-1'); - }); - galleryView2.on('click',function(){ - galleryViewControls.removeClass('color-highlight'); - $(this).addClass('color-highlight'); - galleryViews.removeClass().addClass('gallery-views gallery-view-2'); - }); - galleryView3.on('click',function(){ - galleryViewControls.removeClass('color-highlight'); - $(this).addClass('color-highlight'); - galleryViews.removeClass().addClass('gallery-views gallery-view-3'); - }); - - - //Search - var search = $('[data-search]'); - function activate_search(){ - search.on('keyup', function() { - var searchVal = $(this).val(); - var filterItems = $(this).parent().parent().find('[data-filter-item]'); - if ( searchVal != '' ) { - $('.search-results').removeClass('disabled-search-list'); - $('[data-filter-item]').addClass('disabled-search'); - $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('disabled-search'); - } else { - $('.search-results').addClass('disabled-search-list'); - $('[data-filter-item]').removeClass('disabled-search'); - } - }); - } - if(search.length){activate_search();} - - //Contact Form - var formSubmitted = "false"; - jQuery(document).ready(function(e) { - function t(t, n) { - formSubmitted = "true"; - var r = e("#" + t).serialize(); - e.post(e("#" + t).attr("action"), r, function(n) { - e("#" + t).addClass('disabled'); - $('.contact-form').addClass('disabled'); - e(".formSuccessMessageWrap").fadeIn(500) - }) - } - function n(n, r) { - e(".formValidationError").hide(); - e(".fieldHasError").removeClass("fieldHasError"); - e("#" + n + " .requiredField").each(function(i) { - if (e(this).val() == "" || e(this).val() == e(this).attr("data-dummy")) { - e(this).val(e(this).attr("data-dummy")); - e(this).focus(); - e(this).addClass("fieldHasError"); - e("#" + e(this).attr("id") + "Error").fadeIn(300); - return false - } - if (e(this).hasClass("requiredEmailField")) { - var s = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; - var o = "#" + e(this).attr("id"); - if (!s.test(e(o).val())) { - e(o).focus(); - e(o).addClass("fieldHasError"); - e(o + "Error2").fadeIn(300); - return false - } - } - if (formSubmitted == "false" && i == e("#" + n + " .requiredField").length - 1) { - t(n, r) - } - }) - } - e(".formSuccessMessageWrap").hide(0); - e(".formValidationError").fadeOut(0); - e('input[type="text"], input[type="password"], textarea').focus(function() { - if (e(this).val() == e(this).attr("data-dummy")) { - e(this).val("") - } - }); - e("input, textarea").blur(function() { - if (e(this).val() == "") { - e(this).val(e(this).attr("data-dummy")) - } - }); - e(".contactSubmitButton").on('click',function() { - n(e(this).attr("data-formId")); - return false - }) - }); - - - //Charts - if($('.chart').length > 0){ - var loadJS = function(url, implementationCode, location){ - var scriptTag = document.createElement('script'); - scriptTag.src = url; - scriptTag.onload = implementationCode; - scriptTag.onreadystatechange = implementationCode; - location.appendChild(scriptTag); - }; - var call_charts_to_page = function(){ - - var walletChart = $('#wallet-chart'); - var pieChart = $('#pie-chart'); - var doughnutChart = $('#doughnut-chart'); - var polarChart = $('#polar-chart'); - var verticalChart = $('#vertical-chart'); - var horizontalChart = $('#horizontal-chart'); - var lineChart = $('#line-chart'); - - if(walletChart.length){ - var walletDemoChart = new Chart(walletChart, { - type: 'pie', - data: { - labels: ["Expenses", "Income"], - datasets: [{ - backgroundColor: ["#ED5565", "#A0D468"], - borderColor:"rgba(255,255,255,0.5)", - data: [7000,3000] - }] - }, - options: { - responsive: true, maintainAspectRatio:false, - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - tooltips:{enabled:true}, animation:{duration:1500} - } - }); - } - - if(pieChart.length){ - var pieDemoChart = new Chart(pieChart, { - type: 'pie', - data: { - labels: ["Facebook", "Twitter", "WhatsApp"], - datasets: [{ - backgroundColor: ["#4A89DC", "#4FC1E9", "#A0D468"], - borderColor:"rgba(255,255,255,0.5)", - data: [7000,3000,2000] - }] - }, - options: { - responsive: true, maintainAspectRatio:false, - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - tooltips:{enabled:true}, animation:{duration:1500} - } - }); - } - - if(doughnutChart.length){ - var doughnutDemoChart = new Chart(doughnutChart, { - type: 'doughnut', - data: { - labels: ["Apple", "Samsung", "Google"], - datasets: [{ - backgroundColor: ["#CCD1D9", "#5D9CEC","#FC6E51"], - borderColor:"rgba(255,255,255,0.5)", - data: [5500,4000,3000] - }] - }, - options: { - responsive: true, maintainAspectRatio:false, - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - tooltips:{enabled:true}, animation:{duration:1500}, layout:{ padding: {bottom: 30}} - } - }); - } - - if(polarChart.length){ - var polarDemoChart = new Chart(polarChart, { - type: 'polarArea', - data: { - labels: ["Windows", "Mac", "Linux"], - datasets: [{ - backgroundColor: ["#CCD1D9", "#5D9CEC","#FC6E51"], - borderColor:"rgba(255,255,255,0.5)", - data: [7000,10000,5000] - }] - }, - options: { - responsive: true, maintainAspectRatio:false, - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - tooltips:{enabled:true}, animation:{duration:1500}, layout:{ padding: {bottom: 30}} - } - }); - } - - if (verticalChart.length){ - var verticalDemoChart = new Chart(verticalChart, { - type: 'bar', - data: { - labels: ["2010", "2015", "2020", "2025"], - datasets: [ - { - label: "iOS", - backgroundColor: "#A0D468", - data: [900,1000,1200,1400] - }, { - label: "Android", - backgroundColor: "#4A89DC", - data: [890,950,1100,1300] - } - ] - }, - options: { - responsive: true, maintainAspectRatio:false, - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - title: {display: false} - } - }); - } - - if(horizontalChart.length){ - var horizontalDemoChart = new Chart(horizontalChart, { - type: 'horizontalBar', - data: { - labels: ["2010", "2013", "2016", "2020"], - datasets: [ - { - label: "Mobile", - backgroundColor: "#BF263C", - data: [330,400,580,590] - }, { - label: "Responsive", - backgroundColor: "#EC87C0", - data: [390,450,550,570] - } - ] - }, - options: { - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - title: {display: false} - } - }); - } - - if(lineChart.length){ - var lineDemoChart = new Chart(lineChart, { - type: 'line', - data: { - labels: [2000,2005,2010,2015,2010], - datasets: [{ - data: [500,400,300,200,300], - label: "Desktop Web", - borderColor: "#D8334A" - }, { - data: [0,100,300,400,500], - label: "Mobile Web", - borderColor: "#4A89DC" - } - ] - }, - options: { - responsive: true, maintainAspectRatio:false, - legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, - title: {display: false} - } - }); - } - } - loadJS('scripts/charts.js', call_charts_to_page, document.body); - } - - - //Local Error Message - if (window.location.protocol === "file:"){$('a').on('mouseover',function(){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.");});} - - - //Style Generator - var generatedStyles = $('.generated-styles'); - var generatedHighlight = $('.generated-highlight'); - - //HEX to RGBA Converter - function HEXtoRGBA(hex){ - var c; - if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){ - c= hex.substring(1).split(''); - if(c.length== 3){c= [c[0], c[0], c[1], c[1], c[2], c[2]];} - c= '0x'+c.join(''); - return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',0.3)'; - } - } - - function highlight_colors(){ - var bodyColor = readCookie('sticky-color-scheme') - if(bodyColor == undefined){var bodyColor = $('body').data('highlight');} - - var bodyBackground = readCookie('sticky-bg-scheme') - if(bodyBackground == undefined){var bodyBackground = $('body').data('background');} - - var data = colorsArray.map(colorsArray => colorsArray[0]); - if (data.indexOf(bodyColor) > -1) { - var highlightLocated = data.indexOf(bodyColor) - var backgroundLocated = data.indexOf(bodyBackground) - var highlightColorCode = colorsArray[highlightLocated][2] - var backgroundColorCode = colorsArray[backgroundLocated][3] + ', ' + colorsArray[backgroundLocated][1] - var highlightColor = '.color-highlight{color:'+highlightColorCode+'!important}' - var highlightBg = '.bg-highlight, .page-item.active a{background-color:'+highlightColorCode+'!important}' - var highlightNav = '.footer-bar-1 .active-nav *, .footer-bar-3 .active-nav i{color:'+highlightColorCode+'!important} .footer-bar-2 strong, .footer-bar-4 strong, .footer-bar-5 strong{background-color:'+highlightColorCode+'!important; color:#FFF;}' - var highlightBorder = '.border-highlight{border-color:'+highlightColorCode+'!important}' - var highlightHeaderTabs = '.header-tab-active{border-color:'+highlightColorCode+'!important}' - var bodyBG = '#page{background: linear-gradient(0deg, '+backgroundColorCode+')!important;} .bg-page{background: linear-gradient(0deg, '+backgroundColorCode+')!important }' - if(!generatedHighlight.length){ - $('body').append('') - $('body').append('') - $('.generated-highlight').append(highlightColor, highlightBg, highlightNav, highlightBorder, highlightHeaderTabs); - $('.generated-background').append(bodyBG); - } - } - } - highlight_colors(); - - //Change Highlight - $('[data-change-highlight]').on('click',function(changeColor){ - var highlightNew = $(this).data('change-highlight'); - $('body').attr('data-highlight',highlightNew); - $('.generated-highlight').remove(); - createCookie('sticky-color-scheme',highlightNew,1) - var data = colorsArray.map(colorsArray => colorsArray[0]); - if (data.indexOf(highlightNew) > -1) { - var highlightLocated = data.indexOf(highlightNew) - if($(this).data('color-light') !== undefined){ - var highlightColorCode = colorsArray[highlightLocated][1] - } else { - var highlightColorCode = colorsArray[highlightLocated][2] - } - var highlightColor = '.color-highlight{color:'+highlightColorCode+'!important}' - var highlightBg = '.bg-highlight{background-color:'+highlightColorCode+'!important}' - var highlightNav = '.active-nav *{color:'+highlightColorCode+'!important} .active-nav2 strong{background-color:'+highlightColorCode+'!important} .active-nav3 strong{background-color:'+highlightColorCode+'!important} .active-nav4 strong{border-color:'+highlightColorCode+'!important}' - var highlightBorder = '.border-highlight{border-color:'+highlightColorCode+'!important}' - $('body').append('') - $('.generated-highlight').append(highlightColor, highlightBg, highlightNav, highlightBorder); - } - }); - - //Change Background - $('[data-change-background]').on('click',function(changeColor){ - var backgroundNew = $(this).data('change-background'); - createCookie('sticky-bg-scheme',backgroundNew,1) - $('.generated-background').remove(); - var data = colorsArray.map(colorsArray => colorsArray[0]); - var backgroundLocated = data.indexOf(backgroundNew) - var backgroundColorCode = colorsArray[backgroundLocated][3] + ', ' + colorsArray[backgroundLocated][1] - var bodyBG = '#page{background: linear-gradient(0deg, '+backgroundColorCode+')!important;} .bg-page{background: linear-gradient(0deg, '+backgroundColorCode+')!important}' - $('body').append('') - $('.generated-background').append(bodyBG); - }); - - if (!generatedStyles.length){ - $('body').append(''); - $('.generated-styles').append('/*Generated using JS for lower CSS file Size, Easier Editing & Faster Loading*/'); - colorsArray.forEach(function (colorValue) {$('.generated-styles').append('.bg-'+colorValue[0]+'-light{ background-color: '+colorValue[1]+'!important; color:#FFFFFF!important;} .bg-'+colorValue[0]+'-light i, .bg-'+colorValue[0]+'-dark i{color:#FFFFFF;} .bg-'+colorValue[0]+'-dark{ background-color: '+colorValue[2]+'!important; color:#FFFFFF!important;} .border-'+colorValue[0]+'-light{ border-color:'+colorValue[1]+'!important;} .border-'+colorValue[0]+'-dark{ border-color:'+colorValue[2]+'!important;} .color-'+colorValue[0]+'-light{ color: '+colorValue[1]+'!important;} .color-'+colorValue[0]+'-dark{ color: '+colorValue[2]+'!important;}');}); - colorsArray.forEach(function (colorFadeValue) {$('.generated-styles').append('.bg-fade-'+colorFadeValue[0]+'-light{ background-color: '+ HEXtoRGBA(colorFadeValue[1]) + '!important; color:#FFFFFF;} .bg-fade-'+colorFadeValue[0]+'-light i, .bg-'+colorFadeValue[0]+'-dark i{color:#FFFFFF;} .bg-fade-'+colorFadeValue[0]+'-dark{ background-color: '+HEXtoRGBA(colorFadeValue[2])+'!important; color:#FFFFFF;} .border-fade-'+colorFadeValue[0]+'-light{ border-color:'+HEXtoRGBA(colorFadeValue[1])+'!important;} .border-fade-'+colorFadeValue[0]+'-dark{ border-color:'+HEXtoRGBA(colorFadeValue[2])+'!important;} .color-fade-'+colorFadeValue[0]+'-light{ color: '+HEXtoRGBA(colorFadeValue[1])+'!important;} .color-fade-'+colorFadeValue[0]+'-dark{ color: '+HEXtoRGBA(colorFadeValue[2])+'!important;}');}); - colorsArray.forEach(function (gradientValue) {$('.generated-styles').append('.bg-gradient-'+gradientValue[0]+'{background-image: linear-gradient(to bottom, '+gradientValue[1]+' 0, '+gradientValue[2]+' 100%)}')}); - socialColorArray.forEach(function (socialColorValue) {$('.generated-styles').append('.bg-'+socialColorValue[0]+'{background-color:'+socialColorValue[1]+'!important; color:#FFFFFF;} .color-'+socialColorValue[0]+'{color:'+socialColorValue[1]+'!important;}')}); - colorsArray.forEach(function (gradientBodyValue) {$('.generated-styles').append('.body-'+gradientBodyValue[0]+'{background-image: linear-gradient(to bottom, '+gradientBodyValue[1]+' 0, '+gradientBodyValue[3]+' 100%)}')}); - } - - } - //Activating all the plugins - setTimeout(init_template, 0); - - //Activate AJAX Transitions - if(isAJAX === true){ - $(function(){ - 'use strict'; - var options = { - prefetch: true, - prefetchOn: 'mouseover', - cacheLength: 100, - scroll: true, - blacklist: '.default-link', - forms: 'contactForm', - onStart: { - duration:150, // Duration of our animation - render: function ($container) { - $container.addClass('is-exiting');// Add your CSS animation reversing class - $('.menu, .menu-hider').removeClass('menu-active'); - $('#preloader').removeClass('preloader-hide'); - return false; - } - }, - onReady: { - duration: 10, - render: function ($container, $newContent) { - $container.removeClass('is-exiting');// Remove your CSS animation reversing class - $container.html($newContent);// Inject the new content - setTimeout(init_template, 0)//Timeout required to properly initiate all JS Functions. - $('#preloader').removeClass('preloader-hide'); - } - }, - onAfter: function($container, $newContent) { - setTimeout(function(){ - $('.menu').css('display','block'); - $('#preloader').addClass('preloader-hide'); - },150); - } - }; - var smoothState = $('#page').smoothState(options).data('smoothState'); - smoothState.clear(); - }); - } - - //Activate Development mode. Keeps caches clear. - if(isDevelopment === true){ - if(!$('.reloader').length){$('body').append('Developer Mode - Tap to Reload');} - $('.reloader').on('click',function(){window.location.reload(true);}) - caches.delete('workbox-runtime').then(function(){}); - localStorage.clear(); - sessionStorage.clear() - caches.keys().then(cacheNames => { - cacheNames.forEach(cacheName => { - caches.delete(cacheName); - }); - }); - } - - //Activate the PWA - if(isPWA === true){ - var loadJS = function(url, implementationCode, location){ - var scriptTag = document.createElement('script'); - scriptTag.src = url; - scriptTag.onload = implementationCode; - scriptTag.onreadystatechange = implementationCode; - location.appendChild(scriptTag); - }; - function loadPWA(){} - loadJS('scripts/pwa.js', loadPWA, document.body); - } -}); \ No newline at end of file diff --git a/client/scripts/custom.js.php b/client/scripts/custom.js.php new file mode 100644 index 0000000..6adc5d4 --- /dev/null +++ b/client/scripts/custom.js.php @@ -0,0 +1,1397 @@ + + +var loaderCount = 2; +var showLoader = function() { + if (loaderCount < 1) { + $('#preloader').removeClass('preloader-hide'); + loaderCount = 0; + } + loaderCount ++; +} +var hideLoader = function() { + loaderCount --; + if (loaderCount < 1) { + $('#preloader').addClass('preloader-hide'); + loaderCount = 0; + } +} + +$(window).on('load',function(){ + $('.menu').css('display','block'); + hideLoader(); +}) + +$(document).ready(function(){ + 'use strict' + + var isAJAX = true; //Enables or disable AJAX page transitions and loading. + var isDevelopment = true; // Enables development mode. Clean cache & Stops BG & Highlights from changing defaults. + + function init_template(){ + + //ADD YOUR CUSTOM JAVASCRIPT CODES HERE! + //Do not put inside HTML files. + //The init_template() function will be triggered when pages open. + + + //Generating Dynamic Styles to decrease CSS size and execute faster loading times. + var colorsArray = [ + //colors must be in HEX format. + // use the color scheme as bellow this will automatically generate CSS for + // bg-colorName-dark bg-colorName-light color-colorName-dark color-colorName-light + //["colorName","light_hex","dark_hex","darker_hex_for_gradient"], + ["none","","",""], + ["plum","#6772A4","#6772A4","#3D3949"], + ["violet","#673c58","#673c58","#492D3D"], + ["magenta3","#413a65","#413a65","#2b2741"], + ["red3","#c62f50","#6F1025","#6F1025"], + ["green3","#6eb148","#2d7335","#2d7335"], + ["pumpkin","#E96A57","#C15140","#C15140"], + ["dark3","#535468","#535468","#343341"], + ["red1","#D8334A","#BF263C","#9d0f23"], + ["red2","#ED5565","#DA4453","#a71222"], + ["orange","#FC6E51","#E9573F","#ce3319"], + ["yellow1","#FFCE54","#F6BB42","#e6a00f"], + ["yellow2","#E8CE4D","#E0C341","#dbb50c"], + ["yellow3","#CCA64F","#996A22","#996A22"], + ["green1","#A0D468","#8CC152","#5ba30b"], + ["green2","#2ECC71","#2ABA66","#0da24b"], + ["mint","#48CFAD","#37BC9B","#0fa781"], + ["teal","#A0CECB","#7DB1B1","#158383"], + ["aqua","#4FC1E9","#3BAFDA","#0a8ab9"], + ["sky","#188FB6","#0F5F79","#0F5F79"], + ["blue1","#4FC1E9","#3BAFDA","#0b769d"], + ["blue2","#5D9CEC","#4A89DC","#1a64c6"], + ["magenta1","#AC92EC","#967ADC","#704dc9"], + ["magenta2","#8067B7","#6A50A7","#4e3190"], + ["pink1","#EC87C0","#D770AD","#c73c8e"], + ["pink2","#fa6a8e","#fb3365","#d30e3f"], + ["brown1","#BAA286","#AA8E69","#896b43"], + ["brown2","#8E8271","#7B7163","#584934"], + ["gray1","#F5F7FA","#E6E9ED","#c2c5c9"], + ["gray2","#CCD1D9","#AAB2BD","#88919d"], + ["dark1","#656D78","#434A54","#242b34"], + ["dark2","#3C3B3D","#323133","#1c191f"] + ]; + var socialColorArray = [ + ["facebook","#3b5998"], + ["linkedin","#0077B5"], + ["twitter","#4099ff"], + ["google","#d34836"], + ["whatsapp","#34AF23"], + ["pinterest","#C92228"], + ["sms","#27ae60"], + ["mail","#3498db"], + ["dribbble","#EA4C89"], + ["phone","#27ae60"], + ["skype","#12A5F4"], + ["instagram","#e1306c"] + ]; + + + //Back Button Scroll Stop + //if ('scrollRestoration' in history) {history.scrollRestoration = 'manual';} + + //Disable Page Jump on Empty Links. + $('a').on('click', function(){var attrs = $(this).attr('href'); if(attrs === '#'){return false;}}); + + //Adding Background for Gradient + if(!$('.menu-hider').length){$('#page').append('
');} + + /*Menu Extender Function*/ + $.fn.showMenu = function() {$(this).addClass('menu-active'); $('#footer-bar').addClass('footer-menu-hidden');setTimeout(function(){$('.menu-hider').addClass('menu-active');},250);}; + $.fn.hideMenu = function() {$(this).removeClass('menu-active'); $('#footer-bar').removeClass('footer-menu-hidden');$('.menu-hider').removeClass('menu-active');}; + + //Add your programatically triggered menus here + + + //Menu Required Variables + var menu = $('.menu'), + body = $('body'), + menuFixed = $('.nav-fixed'), + menuFooter = $('#footer-bar'), + menuHider = $('body').find('.menu-hider'), + menuClose = $('.close-menu'), + header = $('.header'), + pageAll = $('#page'), + pageContent = $('.page-content'), + headerAndContent = $('.header, .page-content, #footer-bar'), + menuDeployer = $('a[data-menu]'); + + //Menu System + menu.each(function(){ + var menuHeight = $(this).data('menu-height'); + var menuWidth = $(this).data('menu-width'); + var menuActive = $(this).data('menu-active'); + if($(this).hasClass('menu-box-right')){$(this).css("width",menuWidth);} + if($(this).hasClass('menu-box-left')){$(this).css("width",menuWidth);} + if($(this).hasClass('menu-box-bottom')){$(this).css("height",menuHeight);} + if($(this).hasClass('menu-box-top')){$(this).css("height",menuHeight);} + if($(this).hasClass('menu-box-modal')){$(this).css({"height":menuHeight, "width":menuWidth});} + }); + + //Menu Deploy Click + menuDeployer.on('click',function(){ + menu.removeClass('menu-active'); + menuHider.addClass('menu-active'); + + var menuData = $(this).data('menu'); + var menuID = $('#'+menuData); + var menuEffect = $('#'+menuData).data('menu-effect'); + var menuWidth = menuID.data('menu-width'); + var menuHeight = menuID.data('menu-height'); + $('body').addClass('modal-open'); + if(menuID.hasClass('menu-header-clear')){menuHider.addClass('menu-active-clear');} + function menuActivate(){menuID = 'menu-active' ? menuID.addClass('menu-active') : menuID.removeClass('menu-active');} + if(menuID.hasClass('menu-box-bottom')){$('#footer-bar').addClass('footer-menu-hidden');} + if(menuEffect === "menu-parallax"){ + if(menuID.hasClass('menu-box-bottom')){headerAndContent.css("transform", "translateY("+(menuHeight/5)*(-1)+"px)");} + if(menuID.hasClass('menu-box-top')){headerAndContent.css("transform", "translateY("+(menuHeight/5)+"px)");} + if(menuID.hasClass('menu-box-left')){headerAndContent.css("transform", "translateX("+(menuWidth/5)+"px)");} + if(menuID.hasClass('menu-box-right')){headerAndContent.css("transform", "translateX("+(menuWidth/5)*(-1)+"px)");} + } + if(menuEffect === "menu-push"){ + if(menuID.hasClass('menu-box-bottom')){headerAndContent.css("transform", "translateY("+(menuHeight)*(-1)+"px)");} + if(menuID.hasClass('menu-box-top')){headerAndContent.css("transform", "translateY("+(menuHeight)+"px)");} + if(menuID.hasClass('menu-box-left')){headerAndContent.css("transform", "translateX("+(menuWidth)+"px)");} + if(menuID.hasClass('menu-box-right')){headerAndContent.css("transform", "translateX("+(menuWidth)*(-1)+"px)");} + } + if(menuEffect === "menu-push-full"){ + if(menuID.hasClass('menu-box-left')){headerAndContent.css("transform", "translateX(100%)");} + if(menuID.hasClass('menu-box-right')){headerAndContent.css("transform", "translateX(-100%)");} + } + menuActivate(); + }); + + var autoActivateMenu = $('[data-auto-activate]'); + if (autoActivateMenu.length){ + autoActivateMenu.addClass('menu-active'); + menuHider.addClass('menu-active'); + } + + //Allows clicking even if menu is loaded externally. + $('body').removeClass('modal-open'); + $('.menu-hider, .close-menu, .menu-close').on('click', function(){ + menu.removeClass('menu-active'); + menuHider.removeClass('menu-active menu-active-clear'); + headerAndContent.css('transform','translate(0,0)'); + menuHider.css('transform','translate(0,0)'); + $('#footer-bar').removeClass('footer-menu-hidden'); + $('body').removeClass('modal-open'); + return false; + }); + + //Generating Cookies + function createCookie(e, t, n) {if (n) {var o = new Date;o.setTime(o.getTime() + 48 * n * 60 * 3600 * 1e3);var r = "; expires=" + o.toGMTString()} else var r = "";document.cookie = e + "=" + t + r + "; path=/"} + function readCookie(e) {for (var t = e + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) {for (var r = n[o];" " == r.charAt(0);) r = r.substring(1, r.length);if (0 == r.indexOf(t)) return r.substring(t.length, r.length)}return null} + function eraseCookie(e) {createCookie(e, "", -1)} + + //Disabling & Enabling Dark Transitions in Dark Mode to Speed up Performance. + function allowTransitions(){$('body').find('#transitions-remove').remove();} + function removeTransitions(){$('body').append(''); setTimeout(function(){allowTransitions();},10);} + + //Dark Mode + var darkSwitch = $('[data-toggle-theme-switch], [data-toggle-theme], [data-toggle-theme-switch] input, [data-toggle-theme] input'); + $('[data-toggle-theme], [data-toggle-theme-switch]').on('click',function(){ + removeTransitions(); + $('body').toggleClass('theme-light theme-dark'); + setTimeout(function(){ + if($('body').hasClass('detect-theme')){$('body').removeClass('detect-theme');} + if($('body').hasClass('theme-light')){ + eraseCookie('sticky_dark_mode'); + darkSwitch.prop('checked', false); + createCookie('sticky_light_mode', true, 1); + } + if($('body').hasClass('theme-dark')){ + eraseCookie('sticky_light_mode'); + darkSwitch.prop('checked', true); + createCookie('sticky_dark_mode', true, 1); + } + },150); + }) + if (readCookie('sticky_dark_mode')) {darkSwitch.prop('checked', true); $('body').removeClass('detect-theme').removeClass('theme-light').addClass('theme-dark');} + if (readCookie('sticky_light_mode')) {darkSwitch.prop('checked', false); $('body').removeClass('detect-theme').removeClass('theme-dark').addClass('theme-light');} + + + //Auto Dark Mode + function activateDarkMode(){$('body').removeClass('theme-light').addClass('theme-dark'); $('#dark-mode-detected').removeClass('disabled'); eraseCookie('sticky_light_mode'); createCookie('sticky_dark_mode', true, 1);} + function activateLightMode(){$('body').removeClass('theme-dark').addClass('theme-light'); $('#dark-mode-detected').removeClass('disabled'); eraseCookie('sticky_dark_mode'); createCookie('sticky_light_mode', true, 1);} + function activateNoPreference(){$('#manual-mode-detected').removeClass('disabled');} + + 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()) + window.matchMedia("(prefers-color-scheme: no-preference)").addListener(e => e.matches && activateNoPreference()) + if(isDarkMode) activateDarkMode(); + if(isLightMode) activateLightMode(); + } + if($('body').hasClass('detect-theme')){setColorScheme();} + $('.detect-dark-mode').on('click',function(){ $('body').addClass('detect-theme'); setColorScheme(); return false;}); + $('.disable-auto-dark-mode').on('click',function(){ $('body').removeClass('detect-theme'); $(this).remove(); return false;}); + + //Footer Menu Active Elements + if($('.footer-bar-2, .footer-bar-4, .footer-bar-5').length){ + if(!$('.footer-bar-2 strong, .footer-bar-4 strong, .footer-bar-5 strong').length){ + $('.footer-bar-2 .active-nav, .footer-bar-4 .active-nav, .footer-bar-5 .active-nav').append('') + } + } + + //Back Button in Header + var backButton = $('.back-button, [data-back-button]'); + backButton.on('click', function() { + window.history.go(-1); + //return false; + }); + + //Copyright Year + var copyrightYear = $('.copyright-year, #copyright-year'); + var dteNow = new Date(); var intYear = dteNow.getFullYear(); + copyrightYear.html(intYear); + + //Back to top Badge + var backToTop = $('.back-to-top, [data-back-to-top], .back-to-top-badge, .back-to-top-icon'), + backToTopBadge = $('.back-to-top-badge, .back-to-top-icon'); + + backToTop.on( "click", function(e){ + e.preventDefault(); + $('html, body, .page-content').animate({ + scrollTop: 0 + }, 350); + return false; + }); + function show_back_to_top_badge(){backToTopBadge.addClass('back-to-top-visible');} + function hide_back_to_top_badge(){backToTopBadge.removeClass('back-to-top-visible');} + + //Scroll Ads + var scrollAd = $('.scroll-ad'); + function show_scroll_ad(){scrollAd.addClass('scroll-ad-visible');} + function hide_scroll_ad(){scrollAd.removeClass('scroll-ad-visible');} + + $(window).on('scroll', function () { + var total_scroll_height = document.body.scrollHeight + var inside_header = ($(this).scrollTop() <= 150); + var passed_header = ($(this).scrollTop() >= 0); //250 + var passed_header2 = ($(this).scrollTop() >= 150); //250 + var footer_reached = ($(this).scrollTop() >= (total_scroll_height - ($(window).height() + 300 ))); + + if (inside_header === true) { + hide_back_to_top_badge(); + hide_scroll_ad(); + $('.header-auto-show').removeClass('header-active'); + + } + else if(passed_header === true){ + show_back_to_top_badge(); + show_scroll_ad(); + $('.header-auto-show').addClass('header-active'); + } + if (footer_reached == true){ + hide_back_to_top_badge(); + hide_scroll_ad(); + } + }); + + //Tabs// + var tab = $('.tab-controls'); + function activate_tabs(){ + var tabTrigger = $('.tab-controls a'); + tab.each(function(){ + var tabItems = $(this).parent().find('.tab-controls').data('tab-items'); + var tabWidth = $(this).width(); + var tabActive = $(this).find('a[data-tab-active]'); + var tabID = $('#'+tabActive.data('tab')); + var tabBg = $(this).data('tab-active'); + $(this).find('a[data-tab]').css("width", (100/tabItems)+'%'); + tabActive.addClass(tabBg); + tabActive.addClass('color-white'); + tabID.slideDown(0); + }); + tabTrigger.on('click',function(){ + var tabData = $(this).data('tab'); + var tabID = $('#'+tabData); + var tabContent = $(this).parent().parent().find('.tab-content'); + var tabContent = $(this).parent().parent().parent().find('.tab-content'); + var tabOrder = $(this).data('tab-order'); + var tabBg = $(this).parent().parent().find('.tab-controls').data('tab-active'); + $(this).parent().find(tabTrigger).removeClass(tabBg).removeClass('color-white'); + $(this).addClass(tabBg).addClass('color-white'); + $(this).parent().find('a').removeClass('no-click'); + $(this).addClass('no-click'); + tabContent.slideUp(250); + tabID.slideDown(250); + }); + } + if(tab.length){activate_tabs()} + + //Text Resizer + $(".text-size-increase").click(function() {$(".text-size-changer *").css("font-size","+=1");}); + $(".text-size-decrease").click(function() {$(".text-size-changer *").css("font-size","-=1");}); + $(".text-size-default").click(function() {$(".text-size-changer *").css("font-size", "");}); + + //Search Menu Functions + function search_menu(){ + $('[data-search]').on('keyup', function() { + var searchVal = $(this).val(); + if (searchVal != '') { + $('.search-header a').removeClass('disabled'); + $('.search-trending').addClass('disabled'); + $('.search-results').removeClass('disabled-search-list'); + $('[data-filter-item]').addClass('disabled-search-item'); + $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('disabled-search-item'); + } else { + $('.search-header a').removeClass('disabled'); + $('.search-trending').removeClass('disabled'); + $('.search-results').addClass('disabled-search-list'); + $('[data-filter-item]').removeClass('disabled-search-item'); + } + + var search_results_error = $('.search-no-results'); + var search_results_active = $('.search-results').find('.search-result-list.disabled-search-item'); + if (search_results_active.length) {search_results_error.removeClass('disabled');}else{search_results_error.addClass('disabled');} + }); + return false; + } + search_menu(); + //Menu Search Values// + $('.search-trending a').on('click',function(){ + var e = jQuery.Event("keydown"); + e.which = 32 + $('.search-trending').addClass('disabled'); + var search_value = $(this).find('span').text().toLowerCase(); + $('.search-header a').removeClass('disabled'); + $('.search-header input').val(search_value); + $('.search-results').removeClass('disabled-search-list'); + $('[data-filter-item]').addClass('disabled-search-item'); + $('[data-filter-item][data-filter-name*="' + search_value.toLowerCase() + '"]').removeClass('disabled-search-item'); + $('.menu-search-trending').addClass('disabled-search-item'); + return false; + }); + + $('.search-header a').on('click',function(){ + $('.search-trending').removeClass('disabled'); + $('.menu-search-trending').removeClass('disabled-search-item'); + $('.search-results').addClass('disabled-search-list'); + $('.search-header input').val(''); + $(this).addClass('disabled'); + return false; + }); + + //Owl Carousel Sliders + setTimeout(function(){ + $('.user-slider').owlCarousel({loop:false, margin:20, nav:false, lazyLoad:true, items:1, autoplay: false, dots:false, autoplayTimeout:4000}); + $('.single-slider').owlCarousel({loop:true, margin:20, nav:false, lazyLoad:true, items:1, autoplay: true, autoplayTimeout:4000}); + $('.cover-slider').owlCarousel({loop:true, margin:0, nav:false, lazyLoad:true, items:1, autoplay: true, autoplayTimeout:6000}); + $('.double-slider').owlCarousel({loop:true, margin:20, nav:false, lazyLoad:false, items:2, autoplay: true, autoplayTimeout:4000}); + $('.task-slider').owlCarousel({loop:true, margin:20, nav:false, stagePadding:50, lazyLoad:true, items:2, autoplay: false, autoplayTimeout:4000}); + $('.next-slide, .next-slide-arrow, .next-slide-text, .cover-next').on('click',function(){$(this).parent().find('.owl-carousel').trigger('next.owl.carousel');}); + $('.prev-slide, .prev-slide-arrow, .prev-slide-text, .cover-prev').on('click',function(){$(this).parent().find('.owl-carousel').trigger('prev.owl.carousel');}); + $('.next-slide-user').on('click',function(){$(this).closest('.owl-carousel').trigger('next.owl.carousel');}); + $('.prev-slide-user').on('click',function(){$(this).closest('.owl-carousel').trigger('prev.owl.carousel');}); + },10); + setTimeout(function(){ + $('.owl-prev, .owl-next').addClass('bg-highlight'); + }) + + //Detect Mobile OS// + var isMobile = { + Android: function() {return navigator.userAgent.match(/Android/i);}, + iOS: function() {return navigator.userAgent.match(/iPhone|iPad|iPod/i);}, + Windows: function() {return navigator.userAgent.match(/IEMobile/i);}, + any: function() {return (isMobile.Android() || isMobile.iOS() || isMobile.Windows());} + }; + if (!isMobile.any()) { + $('body').addClass('is-not-ios'); + $('.show-ios, .show-android').addClass('disabled'); + $('.show-no-device').removeClass('disabled'); + } + if (isMobile.Android()) { + $('body').addClass('is-not-ios'); + $('head').append(' />'); + $('.show-android').removeClass('disabled'); + $('.show-ios, .show-no-device, .simulate-android, .simulate-iphones').addClass('disabled'); + } + if (isMobile.iOS()) { + $('body').addClass('is-ios'); + $('.show-ios').removeClass('disabled'); + $('.show-android, .show-no-device, .simulate-android, .simulate-iphones').addClass('disabled'); + } + + + //Toast, Snackbars and Notifications + $('[data-toast]').on('click',function(){ + $('.toast, .snackbar-toast, .notification').toast('hide'); + $('#'+$(this).data('toast')).toast('show'); + return false; + }); + $('[data-dismiss]').on('click',function(){ + var thisData = $(this).data('dismiss'); + $('#'+thisData).toast('hide'); + }); + + //Tooltips + $(function () { + $('[data-toggle="tooltip"]').tooltip() + }) + + //Cancel Collapse Jump on Click + if($('[data-toggle="collapse"]').length){ + $('[data-toggle="collapse"]').on('click',function(e){ + e.preventDefault(); + }); + } + + + //Switches + $('.ios-input, .android-input, .classic-input').on('click',function(){ + var id = $(this).attr('id'); + var data = $('[data-switch='+id+']') + if(data.length){data.stop().animate({height: 'toggle'},250);} + }); + $('[data-activate]').on('click',function(){ + var activateCheck = $(this).data('activate'); + $('#'+activateCheck).trigger('click'); + }); + + $('[data-trigger-switch]').on('click',function(){ + var thisID = $(this).data('trigger-switch'); + if ($('#'+thisID).prop('checked')) { + $('#'+thisID).prop('checked', false); + } else { + $('#'+thisID).prop('checked', true); + } + }) + + //Working Hours + var businessHours = $('.business-hours'); + function activate_business_hours(){ + if(businessHours.length){ + var getTime = new Date(Date.now()); + var getDay = 'day-' + (new Date().toLocaleDateString('en', {weekday:'long'})).toLowerCase(); + var timeNow = getTime.getHours() + ":" + getTime.getMinutes(); + var currentWorkDay = $('.'+getDay); + var closedMessage = businessHours.data('closed-message').toString(); + var closedMessageUnder = businessHours.data('closed-message-under').toString(); + var openedMessage = businessHours.data('opened-message').toString(); + var openedMessageUnder = businessHours.data('opened-message-under').toString(); + + var mondayOpen = $('[data-monday]').data('open'); + var mondayClose = $('[data-monday]').data('close'); + var mondayTime = "'Monday' : ['"+mondayOpen+"','"+mondayClose+"']," + + + $('.business-hours').openingTimes({ + //SET OPENING HOURS BELOW + openingTimes: { + 'Monday' : ['08:00' ,'17:00' ], + 'Tuesday' : ['08:00' ,'17:30' ], + 'Wednesday' : ['08:00' ,'17:00' ], + 'Thursday' : ['08:00' ,'17:00' ], + 'Friday' : ['09:00' ,'18:55' ], + 'Saturday' : ['09:00' ,'12:00' ] + //Sunday removed, that means it's closed. + }, + openClass:"bg-green1-dark is-business-opened", + closedClass:"bg-red2-dark is-business-closed" + }); + if(businessHours.hasClass('is-business-opened')){ + $('.show-business-opened').removeClass('disabled'); + $('.show-business-closed').addClass('disabled'); + businessHours.find('h1').html(openedMessage); + businessHours.find('p').html(openedMessageUnder); + businessHours.find('#business-hours-mail').remove(); + currentWorkDay.addClass('bg-green1-dark'); + } else { + $('.show-business-opened').addClass('disabled'); + $('.show-business-closed').removeClass('disabled'); + businessHours.find('h1').html(closedMessage); + businessHours.find('p').html(closedMessageUnder); + businessHours.find('#business-hours-call').remove(); + currentWorkDay.addClass('bg-red2-dark'); + } + + currentWorkDay.find('p').addClass('color-white'); + }; + } + if(businessHours.length){activate_business_hours()} + + //Adding added-to-homescreen class to be targeted when used as PWA. + function ath(){ + (function(a, b, c) { + if (c in b && b[c]) { + var d, e = a.location, + f = /^(a|html)$/i; + a.addEventListener("click", function(a) { + d = a.target; + while (!f.test(d.nodeName)) d = d.parentNode; + "href" in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href) + }, !1); + $('.add-to-home').addClass('disabled'); + $('body').addClass('is-on-homescreen'); + } + })(document, window.navigator, "standalone") + } + ath(); + + //Add to Home Banners + $('.simulate-android-badge').on('click',function(){$('.add-to-home').removeClass('add-to-home-ios').addClass('add-to-home-visible add-to-home-android');}); + $('.simulate-iphone-badge').on('click',function(){$('.add-to-home').removeClass('add-to-home-android').addClass('add-to-home-visible add-to-home-ios');}); + $('.add-to-home').on('click',function(){$('.add-to-home').removeClass('add-to-home-visible');}) + $('.simulate-android-banner').on('click',function(){$('#menu-install-pwa-android, .menu-hider').addClass('menu-active')}) + $('.simulate-ios-banner').on('click',function(){$('#menu-install-pwa-ios, .menu-hider').addClass('menu-active')}) + + //Extending Card Features + function card_extender(){ + /*Set Page Content to Min 100vh*/ + if($('.is-on-homescreen').length){ + var windowHeight = screen.height; + $('.page-content, #page').css('min-height', windowHeight); + } + if(!$('.is-on-homescreen').length){ + var windowHeight = window.innerHeight + $('.page-content, #page').css('min-height', windowHeight); + } + + $('[data-card-height]').each(function(){ + var cardHeight = $(this).data('card-height'); + var headerHeight = $('.header').height(); + var footerHeight = $('#footer-bar').height(); + $(this).css('height', cardHeight); + if(cardHeight == "cover"){ + if(header.length && menuFooter.length){ + $(this).css('height', windowHeight -headerHeight - footerHeight) + $('.map-full, .map-full iframe').css('height', windowHeight - headerHeight - footerHeight +14) + } else { + $(this).css('height', windowHeight) + $('.map-full, .map-full iframe').css('height', windowHeight) + } + } + }); + } + card_extender(); + + $(window).resize(function(){ + card_extender(); + }); + + //Show Map + $('.show-map, .hide-map').on('click',function(){ + $('.map-full .caption').toggleClass('deactivate-map'); + $('.map-but-1, .map-but-2').toggleClass('deactivate-map'); + $('.map-full .hide-map').toggleClass('activate-map'); + }); + + + //Card Hovers + $('.card-scale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-scale-image');}); + $('.card-grayscale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-grayscale-image');}); + $('.card-rotate').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-rotate-image');}); + $('.card-blur').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('card-blur-image');}); + $('.card-hide').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('.card-center, .card-bottom, .card-top, .card-overlay').toggleClass('card-hide-image');}); + + + //Reading Time + $('#reading-progress-text').each(function(i) { + var readingWords = $(this).text().split(' ').length; + var readingMinutes = Math.floor(readingWords / 250); + var readingSeconds = readingWords % 60 + $('.reading-progress-words').append(readingWords); + $('.reading-progress-time').append(readingMinutes + ':' + readingSeconds); + }); + + //Timed Ads + if($('[data-auto-show-ad]').length){ + var time = $('[data-auto-show-ad]').data('auto-show-ad'); + setTimeout(function(){ + $('[data-auto-show-ad]').trigger('click'); + },time*1000); + } + $('[data-timed-ad]').on('click', function(){ + var counter = $(this).data('timed-ad'); + var adwin = $('#'+$(this).data('menu')); + menuHider.addClass('no-click'); + adwin.find('.ad-time-close').addClass('no-click'); + adwin.find('.ad-time-close i').addClass('disabled'); + adwin.find('.ad-time-close span').removeClass('disabled'); + + var interval = setInterval(function() { + counter--; + // Display 'counter' wherever you want to display it. + if (counter <= 0) { + menuHider.removeClass('no-click'); + adwin.find('.ad-time-close').removeClass('no-click'); + adwin.find('.ad-time-close i').removeClass('disabled'); + adwin.find('.ad-time-close span').addClass('disabled'); + clearInterval(interval); + return; + }else{ + adwin.find('.ad-time-close span').html(counter); + } + }, 1000); + }); + + //Countdown + function countdown(dateEnd) { + var timer, years, days, hours, minutes, seconds; + dateEnd = new Date(dateEnd); + dateEnd = dateEnd.getTime(); + if (isNaN(dateEnd)) {return;} + timer = setInterval(calculate, 1); + function calculate() { + var dateStart = new Date(); + var dateStart = new Date(dateStart.getUTCFullYear(), dateStart.getUTCMonth(), dateStart.getUTCDate(), dateStart.getUTCHours(), dateStart.getUTCMinutes(), dateStart.getUTCSeconds()); + var timeRemaining = parseInt((dateEnd - dateStart.getTime()) / 1000) + if (timeRemaining >= 0) { + years = parseInt(timeRemaining / 31536000); + timeRemaining = (timeRemaining % 31536000); + days = parseInt(timeRemaining / 86400); + timeRemaining = (timeRemaining % 86400); + hours = parseInt(timeRemaining / 3600); + timeRemaining = (timeRemaining % 3600); + minutes = parseInt(timeRemaining / 60); + timeRemaining = (timeRemaining % 60); + seconds = parseInt(timeRemaining); + if ($('.countdown').length) { + $(".countdown #years")[0].innerHTML = parseInt(years, 10); + $(".countdown #days")[0].innerHTML = parseInt(days, 10); + $(".countdown #hours")[0].innerHTML = ("0" + hours).slice(-2); + $(".countdown #minutes")[0].innerHTML = ("0" + minutes).slice(-2); + $(".countdown #seconds")[0].innerHTML = ("0" + seconds).slice(-2); + } + } else {return;} + } + + function display(days, hours, minutes, seconds) {} + } + countdown('01/19/2030 03:14:07 AM'); + + //Accordion Icons + $('.accordion-btn').on('click',function(){ + $(this).addClass('no-click'); + $('.accordion-icon').removeClass('rotate-180'); + if($(this).attr("aria-expanded") == "true"){ + $(this).parent().find('.accordion-icon').removeClass('rotate-180'); + } else { + $(this).parent().find('.accordion-icon').addClass('rotate-180'); + } + setTimeout(function(){$('.accordion-btn').removeClass('no-click');},250); + }) + + //Caption Hovers + $('.caption-scale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-scale-image');}); + $('.caption-grayscale').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-grayscale-image');}); + $('.caption-rotate').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-rotate-image');}); + $('.caption-blur').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('img').toggleClass('caption-blur-image');}); + $('.caption-hide').unbind().bind('mouseenter mouseleave touchstart touchend',function(){$(this).find('.caption-center, .caption-bottom, .caption-top, .caption-overlay').toggleClass('caption-hide-image');}); + + //File Upload + var uploadFile = $('.upload-file'); + function activate_upload_file(){ + function readURL(input) { + if (input.files && input.files[0]) { + var reader = new FileReader(); + reader.onload = function(e) { + $('.file-data img').attr('src', e.target.result); + $('.file-data img').attr('class','img-fluid rounded-xs mt-4'); + } + reader.readAsDataURL(input.files[0]); + } + } + $(".upload-file").change(function(e) { + readURL(this); + var fileName = e.target.files[0].name; + $('.upload-file-data').removeClass('disabled'); + $('.upload-file-name').html(e.target.files[0].name) + $('.upload-file-modified').html(e.target.files[0].lastModifiedDate); + $('.upload-file-size').html(e.target.files[0].size/1000+'kb') + $('.upload-file-type').html(e.target.files[0].type) + }); + }; + if(uploadFile.length){activate_upload_file();} + + //Task List Check on Click + var todo = $('.todo-list'); + function activate_todo_list(){ + $('.todo-list a').each(function(){ + if($(this).find('.todo-icon').hasClass('far fa-square')){$(this).removeClass('opacity-70');} else {$(this).addClass('opacity-70');} + }) + $('.todo-list a').on('click',function(){ + $(this).find('.todo-icon').toggleClass('far fa-square fa fa-check-square color-green1-dark'); + if($(this).find('.todo-icon').hasClass('far fa-square')){$(this).removeClass('opacity-70');} else {$(this).addClass('opacity-70');} + }) + } + if(todo.length){activate_todo_list();} + + //Age Verification + var checkAge = $('.check-age'); + function activate_age_checker(){ + console.log('active'); + $(".check-age").on('click',function(){ + var dateBirghtDay = $("#date-birth-day").val(); + var dateBirthMonth = $("#date-birth-month").val(); + var dateBirthYear = $("#date-birth-year").val(); + var age = 18; + var mydate = new Date(); + mydate.setFullYear(dateBirthYear, dateBirthMonth-1, dateBirghtDay); + + var currdate = new Date(); + var setDate = new Date(); + setDate.setFullYear(mydate.getFullYear() + age, dateBirthMonth-1, dateBirghtDay); + + if ((currdate - setDate) > 0){ + console.log("above 18"); + $('#menu-age').removeClass('menu-active') + $('#menu-age-okay').addClass('menu-active'); + }else{ + $('#menu-age').removeClass('menu-active') + $('#menu-age-fail').addClass('menu-active'); + } + return true; + }); + } + if(checkAge.length){activate_age_checker();} + + + //Geolocation + var geoLocation = $('.get-location'); + function activate_geolocation(){ + if ("geolocation" in navigator) { + $('.location-support').html('Your browser and device support Geolocation.'); + } else { + $('.location-support').html('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 = 'http://maps.google.com/maps?q='; + var mapL2 = latitude+','; + var mapL3 = longitude; + var mapL4 = '&z=18&t=h&output=embed' + var mapL5 = '&z=18&t=h' + var mapLinkEmbed = mapL1 + mapL2 + mapL3 + mapL4; + var mapLinkAddress = mapL1 + mapL2 + mapL3 + mapL5; + + $('.location-map').after('
'); + $('.location-map').parent().after(' View on Google Maps'); + } + 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); + } + } + $('.get-location').on('click',function(){ + $(this).addClass('disabled'); + geoLocate(); + }); + }; + if(geoLocation.length){activate_geolocation();} + + var emailValidator = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i; + var phoneValidator = /^((\+[1-9]{1,4}[ \-]*)|(\([0-9]{2,3}\)[ \-]*)|([0-9]{2,4})[ \-]*)*?[0-9]{3,4}?[ \-]*[0-9]{3,4}?$/; + var nameValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/; + var passwordValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/; + var urlValidator = /^(http|https)?:\/\/[a-zA-Z0-9-\.]+\.[a-z]{2,4}/; + var textareaValidator = /[A-Za-z]{2}[A-Za-z]*[ ]?[A-Za-z]*/; + var validIcon = ""; + var invalidIcon = ""; + + $('.input-required input, .input-required select, .input-required textarea').on('focusin keyup',function(){ + var spanValue = $(this).parent().find('span').text(); + if($(this).val() != spanValue && $(this).val() != ""){ + $(this).parent().find('span').addClass('input-style-1-active').removeClass('input-style-1-inactive'); + } + if($(this).val() === ""){ + $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active'); + } + }); + $('.input-required input, .input-required select, .input-required textarea').on('focusout',function(){ + var spanValue = $(this).parent().find('span').text(); + if($(this).val() === ""){ + $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active'); + } + $(this).parent().find('span').addClass('input-style-1-inactive') + }); + $('.input-required select').on('focusout',function(){ + var getValue = $(this)[0].value; + if(getValue === "default"){ + $(this).parent().find('em').html(invalidIcon) + $(this).parent().find('span').removeClass('input-style-1-inactive input-style-1-active'); + } + if(getValue != "default"){ + $(this).parent().find('em').html(validIcon) + } + }); + $('.input-required input[type="email"]').on('focusout',function(){if (emailValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); + $('.input-required input[type="tel"]').on('focusout',function(){if (phoneValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); + $('.input-required input[type="password"]').on('focusout',function(){if (passwordValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); + $('.input-required input[type="url"]').on('focusout',function(){if (urlValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); + $('.input-required input[type="name"]').on('focusout',function(){if (nameValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); + $('.input-required textarea').on('focusout',function(){if (textareaValidator.test($(this).val())){$(this).parent().find('em').html(validIcon);}else{if($(this).val() === ""){$(this).parent().find('em').html("(required)");}else{$(this).parent().find('em').html(invalidIcon);}}}); + + //Set Today Date to Date Inputs + Date.prototype.toDateInputValue = (function() { + var local = new Date(this); + local.setMinutes(this.getMinutes() - this.getTimezoneOffset()); + return local.toJSON().slice(0,10); + }); + $('input[type="date"]').val(new Date().toDateInputValue()); + + //Set Today Date to Date Inputs + Date.prototype.toDateInputValue = (function() { + var local = new Date(this); + local.setMinutes(this.getMinutes() - this.getTimezoneOffset()); + return local.toJSON().slice(0,10); + }); + $('input[type="date"]').val(new Date().toDateInputValue()); + + //Adding Offline Alerts + var offlineAlerts = $('.offline-message'); + if(!offlineAlerts.length){ + $('body').append('

' + strings['inetMsgOffline'] + '

'); + $('body').append('

' + strings['inetMsgOnline'] + '

'); + } + + //Offline Function Show + function isOffline(){ + $('.offline-message').addClass('offline-message-active'); + $('.online-message').removeClass('online-message-active'); + setTimeout(function(){$('.offline-message').removeClass('offline-message-active');},2000); + } + + //Online Function Show + function isOnline(){ + $('.online-message').addClass('online-message-active'); + $('.offline-message').removeClass('offline-message-active'); + setTimeout(function(){$('.online-message').removeClass('online-message-active');},2000); + } + + $('.simulate-offline').on('click',function(){isOffline();}) + $('.simulate-online').on('click',function(){isOnline();}) + + //Check if Online / Offline + function updateOnlineStatus(event) { + var condition = navigator.onLine ? "online" : "offline"; + isOnline(); + console.log( 'Connection: Online'); + } + function updateOfflineStatus(event) { + isOffline(); + console.log( 'Connection: Offline'); + } + window.addEventListener('online', updateOnlineStatus); + window.addEventListener('offline', updateOfflineStatus); + + //QR Generator + var generateQR = $('.generate-qr-result, .generate-qr-auto'); + function activate_qr_generator(){ + //QR Code Generator + var qr_auto_link = window.location.href; + var qr_api_address = 'https://api.qrserver.com/v1/create-qr-code/?size=200x200&data='; + + $('.generate-qr-auto').attr('src', qr_api_address+qr_auto_link) + $('.generate-qr-button').on('click',function(){ + if($(this).parent().find('.fa').hasClass('fa-exclamation-triangle')){ + console.log('Invalid URL'); + } else { + var get_qr_url = $('.generate-qr-input').val(); + if(!get_qr_url == ''){ + $('.generate-qr-result').empty(); + setTimeout(function(){ + $('.generate-qr-result').append('img

'+get_qr_url+'

') + },30); + } + } + }); + } + if(generateQR.length){activate_qr_generator();} + + //Vibrate Buttons + var vibrateButton = $('[data-vibrate]'); + function activate_vibration(){ + $('[data-vibrate]').on('click',function(){var vibrateTime = $(this).data('vibrate'); window.navigator.vibrate(vibrateTime);}); + $('.start-vibrating').on('click',function(){var vibrateTimeInput = $('.vibrate-demo').val(); window.navigator.vibrate(vibrateTimeInput);}) + $('.stop-vibrating').on('click',function(){window.navigator.vibrate(0); $('.vibrate-demo').val(''); }); + } + if(vibrateButton.length){ + activate_vibration(); + } + + //Sharing + var share_link = window.location.href; + var share_title = document.title; + $('.shareToFacebook').prop("href", "https://www.facebook.com/sharer/sharer.php?u="+share_link) + $('.shareToLinkedIn').prop("href", "https://www.linkedin.com/shareArticle?mini=true&url="+share_link+"&title="+share_title+"&summary=&source=") + $('.shareToTwitter').prop("href", "https://twitter.com/home?status="+share_link) + $('.shareToPinterest').prop("href", "https://pinterest.com/pin/create/button/?url=" + share_link) + $('.shareToWhatsApp').prop("href", "whatsapp://send?text=" + share_link) + $('.shareToMail').prop("href", "mailto:?body=" + share_link) + + + //Preload Image + var preloadImages = $('.preload-img'); + $(function() {preloadImages.lazyload({threshold : 500});}); + + //LightBox + $('[data-lightbox]').addClass('default-link'); + lightbox.option({alwaysShowNavOnTouchDevices:true, 'resizeDuration': 200, 'wrapAround': false}) + $('#lightbox').hammer().on("swipe", function (event) { + if (event.gesture.direction === 4) { + $('#lightbox a.lb-prev').trigger('click'); + } else if (event.gesture.direction === 2) { + $('#lightbox a.lb-next').trigger('click'); + } + }); + + //Filterable + if($('.gallery-filter').length > 0){$('.gallery-filter').filterizr(); $('.gallery-filter-active').addClass('color-highlight');} + $('.gallery-filter-controls li').on('click',function(){ + $('.gallery-filter-controls li').removeClass('gallery-filter-active color-highlight'); + $(this).addClass('gallery-filter-active color-highlight'); + }); + + //Gallery Views // Added in 2.0 + var galleryViews = $('.gallery-views'); + var galleryViewControls = $('.gallery-view-controls a'); + var galleryView1 = $('.gallery-view-1-activate'); + var galleryView2 = $('.gallery-view-2-activate'); + var galleryView3 = $('.gallery-view-3-activate'); + + galleryView1.on('click',function(){ + galleryViewControls.removeClass('color-highlight'); + $(this).addClass('color-highlight'); + galleryViews.removeClass().addClass('gallery-views gallery-view-1'); + }); + galleryView2.on('click',function(){ + galleryViewControls.removeClass('color-highlight'); + $(this).addClass('color-highlight'); + galleryViews.removeClass().addClass('gallery-views gallery-view-2'); + }); + galleryView3.on('click',function(){ + galleryViewControls.removeClass('color-highlight'); + $(this).addClass('color-highlight'); + galleryViews.removeClass().addClass('gallery-views gallery-view-3'); + }); + + + //Search + var search = $('[data-search]'); + function activate_search(){ + search.on('keyup', function() { + var searchVal = $(this).val(); + var filterItems = $(this).parent().parent().find('[data-filter-item]'); + if ( searchVal != '' ) { + $('.search-results').removeClass('disabled-search-list'); + $('[data-filter-item]').addClass('disabled-search'); + $('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('disabled-search'); + } else { + $('.search-results').addClass('disabled-search-list'); + $('[data-filter-item]').removeClass('disabled-search'); + } + }); + } + if(search.length){activate_search();} + + //Contact Form + var formSubmitted = "false"; + jQuery(document).ready(function(e) { + function t(t, n) { + formSubmitted = "true"; + var r = e("#" + t).serialize(); + e.post(e("#" + t).attr("action"), r, function(n) { + e("#" + t).addClass('disabled'); + $('.contact-form').addClass('disabled'); + e(".formSuccessMessageWrap").fadeIn(500) + }) + } + function n(n, r) { + e(".formValidationError").hide(); + e(".fieldHasError").removeClass("fieldHasError"); + e("#" + n + " .requiredField").each(function(i) { + if (e(this).val() == "" || e(this).val() == e(this).attr("data-dummy")) { + e(this).val(e(this).attr("data-dummy")); + e(this).focus(); + e(this).addClass("fieldHasError"); + e("#" + e(this).attr("id") + "Error").fadeIn(300); + return false + } + if (e(this).hasClass("requiredEmailField")) { + var s = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; + var o = "#" + e(this).attr("id"); + if (!s.test(e(o).val())) { + e(o).focus(); + e(o).addClass("fieldHasError"); + e(o + "Error2").fadeIn(300); + return false + } + } + if (formSubmitted == "false" && i == e("#" + n + " .requiredField").length - 1) { + t(n, r) + } + }) + } + e(".formSuccessMessageWrap").hide(0); + e(".formValidationError").fadeOut(0); + e('input[type="text"], input[type="password"], textarea').focus(function() { + if (e(this).val() == e(this).attr("data-dummy")) { + e(this).val("") + } + }); + e("input, textarea").blur(function() { + if (e(this).val() == "") { + e(this).val(e(this).attr("data-dummy")) + } + }); + e(".contactSubmitButton").on('click',function() { + n(e(this).attr("data-formId")); + return false + }) + }); + + + //Charts + if($('.chart').length > 0){ + var loadJS = function(url, implementationCode, location){ + var scriptTag = document.createElement('script'); + scriptTag.src = url; + scriptTag.onload = implementationCode; + scriptTag.onreadystatechange = implementationCode; + location.appendChild(scriptTag); + }; + var call_charts_to_page = function(){ + + var walletChart = $('#wallet-chart'); + var pieChart = $('#pie-chart'); + var doughnutChart = $('#doughnut-chart'); + var polarChart = $('#polar-chart'); + var verticalChart = $('#vertical-chart'); + var horizontalChart = $('#horizontal-chart'); + var lineChart = $('#line-chart'); + + if(walletChart.length){ + var walletDemoChart = new Chart(walletChart, { + type: 'pie', + data: { + labels: ["Expenses", "Income"], + datasets: [{ + backgroundColor: ["#ED5565", "#A0D468"], + borderColor:"rgba(255,255,255,0.5)", + data: [7000,3000] + }] + }, + options: { + responsive: true, maintainAspectRatio:false, + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + tooltips:{enabled:true}, animation:{duration:1500} + } + }); + } + + if(pieChart.length){ + var pieDemoChart = new Chart(pieChart, { + type: 'pie', + data: { + labels: ["Facebook", "Twitter", "WhatsApp"], + datasets: [{ + backgroundColor: ["#4A89DC", "#4FC1E9", "#A0D468"], + borderColor:"rgba(255,255,255,0.5)", + data: [7000,3000,2000] + }] + }, + options: { + responsive: true, maintainAspectRatio:false, + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + tooltips:{enabled:true}, animation:{duration:1500} + } + }); + } + + if(doughnutChart.length){ + var doughnutDemoChart = new Chart(doughnutChart, { + type: 'doughnut', + data: { + labels: ["Apple", "Samsung", "Google"], + datasets: [{ + backgroundColor: ["#CCD1D9", "#5D9CEC","#FC6E51"], + borderColor:"rgba(255,255,255,0.5)", + data: [5500,4000,3000] + }] + }, + options: { + responsive: true, maintainAspectRatio:false, + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + tooltips:{enabled:true}, animation:{duration:1500}, layout:{ padding: {bottom: 30}} + } + }); + } + + if(polarChart.length){ + var polarDemoChart = new Chart(polarChart, { + type: 'polarArea', + data: { + labels: ["Windows", "Mac", "Linux"], + datasets: [{ + backgroundColor: ["#CCD1D9", "#5D9CEC","#FC6E51"], + borderColor:"rgba(255,255,255,0.5)", + data: [7000,10000,5000] + }] + }, + options: { + responsive: true, maintainAspectRatio:false, + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + tooltips:{enabled:true}, animation:{duration:1500}, layout:{ padding: {bottom: 30}} + } + }); + } + + if (verticalChart.length){ + var verticalDemoChart = new Chart(verticalChart, { + type: 'bar', + data: { + labels: ["2010", "2015", "2020", "2025"], + datasets: [ + { + label: "iOS", + backgroundColor: "#A0D468", + data: [900,1000,1200,1400] + }, { + label: "Android", + backgroundColor: "#4A89DC", + data: [890,950,1100,1300] + } + ] + }, + options: { + responsive: true, maintainAspectRatio:false, + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + title: {display: false} + } + }); + } + + if(horizontalChart.length){ + var horizontalDemoChart = new Chart(horizontalChart, { + type: 'horizontalBar', + data: { + labels: ["2010", "2013", "2016", "2020"], + datasets: [ + { + label: "Mobile", + backgroundColor: "#BF263C", + data: [330,400,580,590] + }, { + label: "Responsive", + backgroundColor: "#EC87C0", + data: [390,450,550,570] + } + ] + }, + options: { + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + title: {display: false} + } + }); + } + + if(lineChart.length){ + var lineDemoChart = new Chart(lineChart, { + type: 'line', + data: { + labels: [2000,2005,2010,2015,2010], + datasets: [{ + data: [500,400,300,200,300], + label: "Desktop Web", + borderColor: "#D8334A" + }, { + data: [0,100,300,400,500], + label: "Mobile Web", + borderColor: "#4A89DC" + } + ] + }, + options: { + responsive: true, maintainAspectRatio:false, + legend: {display: true, position:'bottom', labels:{fontSize:13, padding:15,boxWidth:12},}, + title: {display: false} + } + }); + } + } + loadJS('/client/scripts/charts.js', call_charts_to_page, document.body); + } + + + //Local Error Message + if (window.location.protocol === "file:"){$('a').on('mouseover',function(){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.");});} + + + //Style Generator + var generatedStyles = $('.generated-styles'); + var generatedHighlight = $('.generated-highlight'); + + //HEX to RGBA Converter + function HEXtoRGBA(hex){ + var c; + if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){ + c= hex.substring(1).split(''); + if(c.length== 3){c= [c[0], c[0], c[1], c[1], c[2], c[2]];} + c= '0x'+c.join(''); + return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(',')+',0.3)'; + } + } + + function highlight_colors(){ + var bodyColor = readCookie('sticky-color-scheme') + if(bodyColor == undefined){var bodyColor = $('body').data('highlight');} + + var bodyBackground = readCookie('sticky-bg-scheme') + if(bodyBackground == undefined){var bodyBackground = $('body').data('background');} + + var data = colorsArray.map(colorsArray => colorsArray[0]); + if (data.indexOf(bodyColor) > -1) { + var highlightLocated = data.indexOf(bodyColor) + var backgroundLocated = data.indexOf(bodyBackground) + var highlightColorCode = colorsArray[highlightLocated][2] + var backgroundColorCode = colorsArray[backgroundLocated][3] + ', ' + colorsArray[backgroundLocated][1] + var highlightColor = '.color-highlight{color:'+highlightColorCode+'!important}' + var highlightBg = '.bg-highlight, .page-item.active a{background-color:'+highlightColorCode+'!important}' + var highlightNav = '.footer-bar-1 .active-nav *, .footer-bar-3 .active-nav i{color:'+highlightColorCode+'!important} .footer-bar-2 strong, .footer-bar-4 strong, .footer-bar-5 strong{background-color:'+highlightColorCode+'!important; color:#FFF;}' + var highlightBorder = '.border-highlight{border-color:'+highlightColorCode+'!important}' + var highlightHeaderTabs = '.header-tab-active{border-color:'+highlightColorCode+'!important}' + var bodyBG = '#page{background: linear-gradient(0deg, '+backgroundColorCode+')!important;} .bg-page{background: linear-gradient(0deg, '+backgroundColorCode+')!important }' + if(!generatedHighlight.length){ + $('body').append('') + $('body').append('') + $('.generated-highlight').append(highlightColor, highlightBg, highlightNav, highlightBorder, highlightHeaderTabs); + $('.generated-background').append(bodyBG); + } + } + } + highlight_colors(); + + //Change Highlight + $('[data-change-highlight]').on('click',function(changeColor){ + var highlightNew = $(this).data('change-highlight'); + $('body').attr('data-highlight',highlightNew); + $('.generated-highlight').remove(); + createCookie('sticky-color-scheme',highlightNew,1) + var data = colorsArray.map(colorsArray => colorsArray[0]); + if (data.indexOf(highlightNew) > -1) { + var highlightLocated = data.indexOf(highlightNew) + if($(this).data('color-light') !== undefined){ + var highlightColorCode = colorsArray[highlightLocated][1] + } else { + var highlightColorCode = colorsArray[highlightLocated][2] + } + var highlightColor = '.color-highlight{color:'+highlightColorCode+'!important}' + var highlightBg = '.bg-highlight{background-color:'+highlightColorCode+'!important}' + var highlightNav = '.active-nav *{color:'+highlightColorCode+'!important} .active-nav2 strong{background-color:'+highlightColorCode+'!important} .active-nav3 strong{background-color:'+highlightColorCode+'!important} .active-nav4 strong{border-color:'+highlightColorCode+'!important}' + var highlightBorder = '.border-highlight{border-color:'+highlightColorCode+'!important}' + $('body').append('') + $('.generated-highlight').append(highlightColor, highlightBg, highlightNav, highlightBorder); + } + }); + + //Change Background + $('[data-change-background]').on('click',function(changeColor){ + var backgroundNew = $(this).data('change-background'); + createCookie('sticky-bg-scheme',backgroundNew,1) + $('.generated-background').remove(); + var data = colorsArray.map(colorsArray => colorsArray[0]); + var backgroundLocated = data.indexOf(backgroundNew) + var backgroundColorCode = colorsArray[backgroundLocated][3] + ', ' + colorsArray[backgroundLocated][1] + var bodyBG = '#page{background: linear-gradient(0deg, '+backgroundColorCode+')!important;} .bg-page{background: linear-gradient(0deg, '+backgroundColorCode+')!important}' + $('body').append('') + $('.generated-background').append(bodyBG); + }); + + if (!generatedStyles.length){ + $('body').append(''); + $('.generated-styles').append('/*Generated using JS for lower CSS file Size, Easier Editing & Faster Loading*/'); + colorsArray.forEach(function (colorValue) {$('.generated-styles').append('.bg-'+colorValue[0]+'-light{ background-color: '+colorValue[1]+'!important; color:#FFFFFF!important;} .bg-'+colorValue[0]+'-light i, .bg-'+colorValue[0]+'-dark i{color:#FFFFFF;} .bg-'+colorValue[0]+'-dark{ background-color: '+colorValue[2]+'!important; color:#FFFFFF!important;} .border-'+colorValue[0]+'-light{ border-color:'+colorValue[1]+'!important;} .border-'+colorValue[0]+'-dark{ border-color:'+colorValue[2]+'!important;} .color-'+colorValue[0]+'-light{ color: '+colorValue[1]+'!important;} .color-'+colorValue[0]+'-dark{ color: '+colorValue[2]+'!important;}');}); + colorsArray.forEach(function (colorFadeValue) {$('.generated-styles').append('.bg-fade-'+colorFadeValue[0]+'-light{ background-color: '+ HEXtoRGBA(colorFadeValue[1]) + '!important; color:#FFFFFF;} .bg-fade-'+colorFadeValue[0]+'-light i, .bg-'+colorFadeValue[0]+'-dark i{color:#FFFFFF;} .bg-fade-'+colorFadeValue[0]+'-dark{ background-color: '+HEXtoRGBA(colorFadeValue[2])+'!important; color:#FFFFFF;} .border-fade-'+colorFadeValue[0]+'-light{ border-color:'+HEXtoRGBA(colorFadeValue[1])+'!important;} .border-fade-'+colorFadeValue[0]+'-dark{ border-color:'+HEXtoRGBA(colorFadeValue[2])+'!important;} .color-fade-'+colorFadeValue[0]+'-light{ color: '+HEXtoRGBA(colorFadeValue[1])+'!important;} .color-fade-'+colorFadeValue[0]+'-dark{ color: '+HEXtoRGBA(colorFadeValue[2])+'!important;}');}); + colorsArray.forEach(function (gradientValue) {$('.generated-styles').append('.bg-gradient-'+gradientValue[0]+'{background-image: linear-gradient(to bottom, '+gradientValue[1]+' 0, '+gradientValue[2]+' 100%)}')}); + socialColorArray.forEach(function (socialColorValue) {$('.generated-styles').append('.bg-'+socialColorValue[0]+'{background-color:'+socialColorValue[1]+'!important; color:#FFFFFF;} .color-'+socialColorValue[0]+'{color:'+socialColorValue[1]+'!important;}')}); + colorsArray.forEach(function (gradientBodyValue) {$('.generated-styles').append('.body-'+gradientBodyValue[0]+'{background-image: linear-gradient(to bottom, '+gradientBodyValue[1]+' 0, '+gradientBodyValue[3]+' 100%)}')}); + } + + // TODO: Hier den site-specific code ausführen + initRegatten(); + + hideLoader(); + + } + //Activating all the plugins + setTimeout(init_template, 0); + + //Activate AJAX Transitions + if(isAJAX === true){ + $(function(){ + 'use strict'; + var options = { + prefetch: true, + prefetchOn: 'mouseover', + cacheLength: 100, + scroll: true, + blacklist: '.default-link', + forms: 'contactForm', + onStart: { + duration:150, // Duration of our animation + render: function ($container) { + $container.addClass('is-exiting');// Add your CSS animation reversing class + $('.menu, .menu-hider').removeClass('menu-active'); + $('#preloader').removeClass('preloader-hide'); + return false; + } + }, + onReady: { + duration: 10, + render: function ($container, $newContent) { + $container.removeClass('is-exiting');// Remove your CSS animation reversing class + $container.html($newContent);// Inject the new content + setTimeout(init_template, 0)//Timeout required to properly initiate all JS Functions. + $('#preloader').removeClass('preloader-hide'); + } + }, + onAfter: function($container, $newContent) { + setTimeout(function(){ + $('.menu').css('display','block'); + $('#preloader').addClass('preloader-hide'); + },150); + } + }; + var smoothState = $('#page').smoothState(options).data('smoothState'); + smoothState.clear(); + }); + } + + //Activate Development mode. Keeps caches clear. + if(isDevelopment === true){ + if(!$('.reloader').length){$('body').append('Developer Mode - Tap to Reload');} + $('.reloader').on('click',function(){window.location.reload(true);}) + caches.delete('workbox-runtime').then(function(){}); + localStorage.clear(); + sessionStorage.clear() + caches.keys().then(cacheNames => { + cacheNames.forEach(cacheName => { + caches.delete(cacheName); + }); + }); + } +}); \ No newline at end of file diff --git a/client/scripts/pwa.js b/client/scripts/pwa.js.php similarity index 93% rename from client/scripts/pwa.js rename to client/scripts/pwa.js.php index f9b54f6..f306efc 100644 --- a/client/scripts/pwa.js +++ b/client/scripts/pwa.js.php @@ -1,7 +1,14 @@ + //Loading the Service Worker if ('serviceWorker' in navigator) { window.addEventListener('load', function() { - navigator.serviceWorker.register('_service-worker.js', {scope: ''}); + // TODO navigator.serviceWorker.register('_service-worker.js', {scope: ''}); }); } @@ -9,7 +16,7 @@ if ('serviceWorker' in navigator) { $(document).ready(function(){ 'use strict' - var pwaVersion = '3.0'; //must be identical to _manifest.json version. If not it will create update window loop + var pwaVersion = ''; //must be identical to _manifest.json version. If not it will create update window loop var pwaCookie = true; // if set to false, the PWA prompt will appear even if the user selects "maybe later" var pwaNoCache = true; // always keep the cache clear to serve the freshest possible content @@ -116,7 +123,7 @@ $(document).ready(function(){ var interval = setInterval(function() { counter--; console.log(counter); - $('.page-update').html('Updating in ... '+ counter + ' seconds'); + $('.page-update').html('Aktuallisierung in ... '+ counter + ' Sekunden'); if (counter == 0) { clearInterval(interval); window.location.reload(true) @@ -141,7 +148,7 @@ $(document).ready(function(){ var dt = new Date(); var maniTimeVersion = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds(); var localVersionNumber = $('link[rel="manifest"]').data('pwa-version'); - var onlineVersionJSON = "_manifest.json?ver=" + maniTimeVersion; + var onlineVersionJSON = "/manifest.json.php?ver=" + maniTimeVersion; var onlineVersionNumber = "Connection Offline. Waiting to Reconect"; $.getJSON(onlineVersionJSON, function(onlineData) {onlineVersionNumber = onlineData.version;}); setTimeout(function(){ @@ -187,8 +194,8 @@ $(document).ready(function(){ var offlineAlerts = $('.offline-message'); if(!offlineAlerts.length){ - $('body').append('

No internet connection detected

'); - $('body').append('

You are back online

'); + $('body').append('

' + strings['inetMsgOffline'] + '

'); + $('body').append('

' + strings['inetMsgOnline'] + '

'); } //Offline Function Show diff --git a/client/scripts/regatten.js.php b/client/scripts/regatten.js.php new file mode 100644 index 0000000..2e638a1 --- /dev/null +++ b/client/scripts/regatten.js.php @@ -0,0 +1,101 @@ + + +var randomId = function() { return '_' + Math.random().toString(36).substr(2, 9); } + +var badges = { + more: { + id: 'badge-footer-more', + cnt: 0, + childs: { + news: { + id: 'badge-more-news', + cnt: 0 + } + } + } +}; + +/** + * updateBadge - updates the count in pre-defined badges + * name - name of the badge (e.g. 'more/news'), must exist and must not have childs + * val - new value for badge ('+2' or '-4' for increase/decrease current value) + * returns true, if badge was updated, false on error + */ +var updateBadge = function (name, val) { + const names = name.split('/'); + if (!(names[0] in badges)) return false; + var badge = [badges[names[0]]]; + var cnt = names.length; + for (i = 1; i < cnt; i ++) { + if (!('childs' in badge[i-1]) || !(names[i] in badge[i-1].childs)) return false; + badge[i] = badge[i-1].childs[names[i]]; + } + if ('childs' in badge[cnt-1]) return false; + if (String(val).substr(0, 1) == '+') val = parseInt(badge[cnt-1].cnt) + parseInt(String(val).substr(1)); + else if (String(val).substr(0, 1) == '-') val = parseInt(badge[cnt-1].cnt) - parseInt(String(val).substr(1)); + badge[cnt-1].cnt = parseInt(val); + $('#' + badge[cnt-1].id).text(val == 0 ? '' : val); + for (i = cnt - 2; i >= 0; i --) { + var sum = 0; + for (b in badge[i].childs) { + sum += badge[i].childs[b].cnt; + } + badge[i].cnt = sum + $('#' + badge[i].id).text(sum == 0 ? '' : sum); + } + return true; +} + +/** + * makeToast - creates a snackbar toast + * color - css class as bg-color / font-color (e.g. 'bg-highlight color-white') + * icon - font awesome icon + * text - text to be displayed + * time - time after which toast is hidden (ms), 0 to disable auto-hide + * returns id of created toast (needed for manual hide) + */ +var makeToast = function (color, icon, text, time) { + var id = 'snackbar' + randomId(); + var delay = (time > 0 ? 'data-delay="' + time + '" data-autohide="true"' : 'data-autohide="false"'); + var div = '
'; + div += '' + text + '
'; + $('#page').append(div); + $('#' + id).toast('show'); + if (time > 0) { + setTimeout(function(){ + $('#' + id).remove(); + }, parseInt(time) + 1000); + } + return id; +} +/** + * closeToast - hides a toast + * id - id of toast to be hidden + */ +var closeToast = function (id) { + $('#' + id).toast('hide'); + setTimeout(function(){ + $('#' + id).remove(); + }, 1000); +} +/** + * toastType - creates a pre-defined toast (Load, Ok, Warn, Info, Error) + * text - text to be displayed + * time (optional) - time after which toast is hidden(ms), 0 to disable auto-hide + * returns id of created toast (needed for manual hide) + */ +var toastLoad = function (text, time = 3000) { return makeToast('bg-highlight color-white', 'fa-sync fa-spin', text, time); } +var toastOk = function (text, time = 3000) { return makeToast('bg-green1-dark', 'fa-check', text, time); } +var toastWarn = function (text, time = 3000) { return makeToast('bg-yellow1-dark', 'fa-info', text, time); } +var toastInfo = function (text, time = 3000) { return makeToast('bg-blue2-dark', 'fa-info', text, time); } +var toastError = function (text, time = 3000) { return makeToast('bg-red2-dark', 'fa-times', text, time); } + +var initRegatten = function() { + $('#table-favorites').find('tbody').html('Finn Soetebiernoch nicht verfügbar'); +} \ No newline at end of file diff --git a/client/scripts/strings.js.php b/client/scripts/strings.js.php new file mode 100644 index 0000000..ae61288 --- /dev/null +++ b/client/scripts/strings.js.php @@ -0,0 +1,11 @@ + +const strings = { + inetMsgOffline: "Keine Internet-Verbindung erkannt", + inetMsgOnline: "Du bist wieder online", +} \ No newline at end of file diff --git a/client/scripts/vcard.vcf b/client/scripts/vcard.vcf deleted file mode 100644 index f64d529..0000000 --- a/client/scripts/vcard.vcf +++ /dev/null @@ -1,17 +0,0 @@ -BEGIN:VCARD -N:Black;Karla;;Mrs; -ADR;INTL;PARCEL;WORK:;;UltraMobile Street;Planet Earth;Milky Way;2134; -ADR;DOM;PARCEL;HOME:;;Enabled Avenue;Planet Erath;Milky Way;1234; -EMAIL;home:home@domain.com -EMAIL;office:office@domain.com -EMAIL;personal:personal@domain.com -ORG:Enabled -TEL;mobile:+1 234 567 890 -TEL;office:+1 234 567 890 -TEL;personal:+1 234 567 890 -TITLE:Photographer -URL;WORK:www.domain.com -URL;facebook:www.facebook.com -URL;twitter:www.twitter.com -URL;google plus:www.googleplus.com -END:VCARD diff --git a/client/styles/style.css b/client/styles/style.css index c5f1986..22e1688 100644 --- a/client/styles/style.css +++ b/client/styles/style.css @@ -4866,13 +4866,38 @@ code { .theme-dark .loader-main, .theme-dark .instant-article, .theme-dark .divider-icon i, -.theme-dark .table tr.even td, -.theme-dark .timeline-body, -.theme-dark table, -.theme-dark td { +.theme-dark .timeline-body { background-color: #1b1d21 !important; } +/* auto table-dark by theme */ +.theme-dark .table th, +.theme-dark .table td, +.theme-dark .table thead th, +.theme-dark .table tbody + tbody { + border-color: #95999c; +} + +.theme-dark .table { + color: #fff; + background-color: #343a40; +} + +.theme-dark .table th, +.theme-dark .table td, +.theme-dark .table thead th { + border-color: #454d55; +} + +.theme-dark .table-bordered { + border: 0; +} + +.theme-dark .table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} +/* END OF table-dark */ + .theme-dark .ios-switch label::before, .theme-dark .android-switch label::before { background-color: #1b1d21; diff --git a/content/404.php b/content/404.php index 4f5326d..8a1cc69 100644 --- a/content/404.php +++ b/content/404.php @@ -1,24 +1,13 @@ -
- -

404

-

Seite nicht gefunden

-

- Die gesuchte Seite wurde nicht gefunden.
- Wie wäre es mit der Homepage? -

- -
-
- Zur Startseite -
-
- Kontakt -
-
-
-
'; + $content = $tpl->load('error', ['404', 'Seite nicht gefunden']); + $content .= '

'; + $content .= 'Die gesuchte Seite wurde nicht gefunden.
'; + $content .= 'Wie wäre es mit der Homepage?'; + $content .= '

'; + $content .= $tpl->load('button', ['Zur Startseite', LINK_PRE . 'index', 'css-class' => 'mb-3']); + $content .= $tpl->load('button', ['Kontakt', LINK_PRE . 'contact']); + + $sp['output'] = $tpl->load('card', [$content, 'css-class' => 'text-center pt-3']); ?> \ No newline at end of file diff --git a/content/index.php b/content/index.php index 030524b..2997ec3 100644 --- a/content/index.php +++ b/content/index.php @@ -1,22 +1,14 @@ -
- -

Startseite

-

- Diese Seite befindet sich noch in der Entwicklung. -

- -
-
- Zur Startseite -
-
- Kontakt -
-
-
-
'; + $content = "

$_CLASS[name]

"; + $content .= "

$_CLASS[desc]

"; + + $sp['output'] .= $tpl->load('card', [$content]); + + $content = "

Deine Favoriten

"; + $thead = "SeglerRangliste 2020"; + $content .= $tpl->load('table', [$thead, 'html-id' => 'table-favorites', 'css-class' => 'mb-0 mt-3']); + + $sp['output'] .= $tpl->load('card', [$content]); ?> \ No newline at end of file diff --git a/index.php b/index.php index 416602e..0ada832 100644 --- a/index.php +++ b/index.php @@ -2,6 +2,7 @@ require_once(__DIR__ . '/server/config.php'); require_once(__DIR__ . '/server/log.php'); + require_once(__DIR__ . '/server/templates.php'); $request = false; if (isset($_GET['request'])) { @@ -26,13 +27,15 @@ } $sp = [ - 'title' => 'Regatten.net ' . $_CLASSES[BOATCLASS]['name']['de'], // This is the page title + 'title' => 'Regatten.net ' . $_CLASS['name'], // This is the page title 'backbutton' => false, // Show a back button (true, false, string). If a string is given, the back button is a link to this page. 'activenav' => false, // Select which entry of bottom nav should be active (1-5). false for none 'output' => '', // This is where the site content goes 'menus' => '' // Additional menus go here ]; + $tpl = new Templates(__DIR__ . '/server/templates/'); + require_once(__DIR__ . '/content/' . $site . '.php'); require_once(__DIR__ . '/server/buildpage.php'); diff --git a/manifest.json.php b/manifest.json.php index 107c923..7e331d9 100644 --- a/manifest.json.php +++ b/manifest.json.php @@ -8,11 +8,11 @@ { "version": "1.0", "lang" : "de", - "name" : "Regatten.net ", + "name" : "Regatten.net ", "scope" : "/", "display" : "standalone", "start_url" : "/index", - "short_name" : "", + "short_name" : "", "description" : "Regatta-Termine, Ergebnisse und Ranglisten", "orientation" : "portrait", "background_color": "#ffffff", diff --git a/server/config_example.php b/server/config_example.php index a018895..f6adbe4 100644 --- a/server/config_example.php +++ b/server/config_example.php @@ -19,36 +19,12 @@ define('BOATCLASS', 'pirat'); // BOAT CLASSES - $_CLASSES = array( - 'pirat' => [ - 'name' => [ - 'de' => 'Pirat', - 'en' => 'Pirate' - ], - 'desc' => [ - 'de' => 'eine vom DSV geförderte Jugendmeisterschaftsklasse', - 'en' => 'a DSV sponsored youth championship class' - ], - 'special' => [ - 'de' => 'Jugend', - 'en' => 'Youth' - ], - 'youth-age' => 19, - 'youth-german-name' => 'IDJM' - ], - 'teeny' => [ - 'name' => [ - 'de' => 'Teeny', - 'en' => 'Teeny' - ], - 'desc' => [ - 'de' => 'die offizielle 2-Mann Bootsklasse des DSV für den Jüngstenbereich', - 'en' => 'the official 2-man boat class of the DSV for the youngest area' - ], - 'special' => false, - 'youth-age' => 15, - 'youth-german-name' => 'IDJüM' - ] + $_CLASS = array( + 'name' => 'Pirat', + 'desc' => 'eine vom DSV geförderte Jugendmeisterschaftsklasse', + 'special' => 'Jugend', + 'youth-age' => 19, + 'youth-german-name' => 'IDJM' ); ?> \ No newline at end of file diff --git a/server/page/headerfooter.php b/server/page/headerfooter.php new file mode 100644 index 0000000..120e37d --- /dev/null +++ b/server/page/headerfooter.php @@ -0,0 +1,18 @@ + +
+ Regatten.net + '; + else + echo ''; + } ?> + +
+ \ No newline at end of file diff --git a/server/page/install.php b/server/page/install.php index 329611b..14e2d87 100644 --- a/server/page/install.php +++ b/server/page/install.php @@ -3,16 +3,16 @@ data-menu-height="350" data-menu-effect="menu-parallax">
- img -

Add Sticky on your Home Screen

+ img +

Füge Regatten.net zu Deinem Startbildschirm hinzu

- Install Sticky on your home screen, and access it just like a regular app. It really is that simple! + Installiere Regatten.net auf Deinem Startbildschirm und greife wie bei einer normalen App darauf zu. So einfach ist das wirklich.

- Add to Home Screen
- Maybe later + Zum Startbildschirm hinzufügen
+ Vielleicht später
-
+
diff --git a/server/page/menus.php b/server/page/menus.php new file mode 100644 index 0000000..fb062c3 --- /dev/null +++ b/server/page/menus.php @@ -0,0 +1,132 @@ + + + + + + + + + + \ No newline at end of file diff --git a/server/page/wrapper.php b/server/page/wrapper.php index b645b26..b21492a 100644 --- a/server/page/wrapper.php +++ b/server/page/wrapper.php @@ -10,162 +10,27 @@ - + - +
- -
- Regatten.net - '; - else - echo ''; - } ?> - -
- +
-
+
- - - - - - - - + @@ -176,11 +41,14 @@ ?> - + - + + + + \ No newline at end of file diff --git a/server/templates.php b/server/templates.php new file mode 100644 index 0000000..2e82919 --- /dev/null +++ b/server/templates.php @@ -0,0 +1,37 @@ +path = $path; + $this->templates = []; + } + + function load($name, $params = []) { + if (!isset($this->templates[$name])) { + $filename = $this->path . $name . '.html'; + if (file_exists($filename) and is_file($filename)) { + $this->templates[$name] = file_get_contents($filename); + } else { + return "

Template '$name' not found!

"; + } + } + + $template = $this->templates[$name]; + while (($pos = strpos($template, '$')) !== false) { + $pos ++; + $pos2 = strpos($template, ';', $pos); + if ($pos2 === false) return "

Syntax error in template '$name'!

"; + $ph = substr($template, $pos, $pos2 - $pos); + if (!isset($params[$ph])) $params[$ph] = ''; + $template = str_replace('$' . $ph . ';', $params[$ph], $template); + } + return $template; + } + } + +?> \ No newline at end of file diff --git a/server/templates/button.html b/server/templates/button.html new file mode 100644 index 0000000..4753861 --- /dev/null +++ b/server/templates/button.html @@ -0,0 +1,3 @@ + + $0; + \ No newline at end of file diff --git a/server/templates/card.html b/server/templates/card.html new file mode 100644 index 0000000..ba875fe --- /dev/null +++ b/server/templates/card.html @@ -0,0 +1,5 @@ +
+
+ $0; +
+
\ No newline at end of file diff --git a/server/templates/error.html b/server/templates/error.html new file mode 100644 index 0000000..c49f48c --- /dev/null +++ b/server/templates/error.html @@ -0,0 +1,3 @@ + +

$0;

+

$1;

\ No newline at end of file diff --git a/server/templates/table.html b/server/templates/table.html new file mode 100644 index 0000000..eb07be2 --- /dev/null +++ b/server/templates/table.html @@ -0,0 +1,10 @@ +
+ + + $0; + + + $1; + +
+
\ No newline at end of file