(function ($) { "use strict"; // Tab Box function tabBox() { if ($('.tabs-box').length) { $('.tabs-box .tab-buttons .tab-btn').on('click', function (e) { e.preventDefault(); var target = $($(this).attr('data-tab')); if ($(target).is(':visible')) { return false; } else { target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn'); $(this).addClass('active-btn'); target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0); target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab'); $(target).fadeIn(300); $(target).addClass('active-tab'); } }); } } // FullHeight function fullHeight() { $('.full-height').css("height", $(window).height()); } // Time picker function timepicker() { if ($('input[name="time"]').length) { $('input[name="time"]').ptTimeSelect(); } } //Hide Loading Box (Preloader) function handlePreloader() { if ($('.loader-wrap').length) { $('.loader-wrap').delay(1000).fadeOut(1000); } TweenMax.to($(".loader-wrap .overlay"), 1.2, { force3D: true, left: "100%", ease: Expo.easeInOut, }); } //Bottom Parallax function bottomParallax() { if ($('.bottom-parallax').length) { var windowpos = $(window).scrollTop(); var siteFooter = $('.footer-area').height(); var sitebodyHeight = $('.boxed_wrapper').height(); var finalHeight = sitebodyHeight - siteFooter - 1000; if (windowpos >= finalHeight) { $('body').addClass('parallax-visible'); } else { $('body').removeClass('parallax-visible'); } } } //Accordion Active function accordionActive() { if ($('.accordion-box-style1').length) { $(".accordion-box-style1").on('click', '.accord-btn', function () { if ($(this).hasClass('active') !== true) { $('.accordion .accord-btn').removeClass('active'); } if ($(this).next('.accord-content').is(':visible')) { $(this).removeClass('active'); $(this).next('.accord-content').slideUp(500); } else { $(this).addClass('active'); $('.accordion .accord-content').slideUp(500); $(this).next('.accord-content').slideDown(500); } }); } } //Scrool To Top Bar function handleScrollbar() { const bHeight = $('body').height(); const scrolled = $(window).innerHeight() + $(window).scrollTop(); let percentage = ((scrolled / bHeight) * 100); if (percentage > 100) percentage = 100; $('.scroll-top-inner .bar-inner').css('width', percentage + '%'); } if ($(".main-menu__list").length) { // dynamic current class let mainNavUL = $(".main-menu__list"); } if ($(".service-details__sidebar-service-list").length) { // dynamic current class let mainNavUL = $(".service-details__sidebar-service-list"); } if ($(".main-menu__list").length && $(".mobile-nav__container").length) { let navContent = document.querySelector(".main-menu__list").outerHTML; let mobileNavContainer = document.querySelector(".mobile-nav__container"); mobileNavContainer.innerHTML = navContent; } if ($(".sticky-header__content").length) { let navContent = document.querySelector(".main-menu").innerHTML; let mobileNavContainer = document.querySelector(".sticky-header__content"); mobileNavContainer.innerHTML = navContent; } if ($(".mobile-nav__container .main-menu__list").length) { let dropdownAnchor = $( ".mobile-nav__container .main-menu__list .dropdown > a" ); dropdownAnchor.each(function () { let self = $(this); let toggleBtn = document.createElement("BUTTON"); toggleBtn.setAttribute("aria-label", "dropdown toggler"); toggleBtn.innerHTML = ""; self.append(function () { return toggleBtn; }); self.find("button").on("click", function (e) { e.preventDefault(); let self = $(this); self.toggleClass("expanded"); self.parent().toggleClass("expanded"); self.parent().parent().children("ul").slideToggle(); }); }); } if ($(".mobile-nav__toggler").length) { $(".mobile-nav__toggler").on("click", function (e) { e.preventDefault(); $(".mobile-nav__wrapper").toggleClass("expanded"); $("body").toggleClass("locked"); }); } // Scroll top button $('.scroll-top-inner').on("click", function () { $('html, body').animate({ scrollTop: 0 }, 500); return false; }); // Vegas Slider if ($(".banner-bg-slide").length) { $(".banner-bg-slide").each(function () { var Self = $(this); var bgSlideOptions = Self.data("options"); var bannerTwoSlides = Self.vegas(bgSlideOptions); }); } // Banking Services Tab if ($('.banking-services-tab').length) { $('.banking-services-tab .tabs-button-box .tab-btn-item').on('click', function (e) { e.preventDefault(); var target = $($(this).attr('data-tab')); if ($(target).hasClass('actve-tab')) { return false; } else { $('.banking-services-tab .tabs-button-box .tab-btn-item').removeClass('active-btn-item'); $(this).addClass('active-btn-item'); $('.banking-services-tab .tabs-content-box .tab-content-box-item').removeClass('tab-content-box-item-active'); $(target).addClass('tab-content-box-item-active'); } }); } // Accounts Style2 Tab if ($('.accounts-style2-tab').length) { $('.accounts-style2-tab .tabs-button-box .tab-btn-item').on('click', function (e) { e.preventDefault(); var target = $($(this).attr('data-tab')); if ($(target).hasClass('actve-tab')) { return false; } else { $('.accounts-style2-tab .tabs-button-box .tab-btn-item').removeClass('active-btn-item'); $(this).addClass('active-btn-item'); $('.accounts-style2-tab .tabs-content-box .tab-content-box-item').removeClass('tab-content-box-item-active'); $(target).addClass('tab-content-box-item-active'); } }); } // Branch Atm Tab if ($('.branch-atm-tab').length) { $('.branch-atm-tab .tabs-button-box .tab-btn-item').on('click', function (e) { e.preventDefault(); var target = $($(this).attr('data-tab')); if ($(target).hasClass('actve-tab')) { return false; } else { $('.branch-atm-tab .tabs-button-box .tab-btn-item').removeClass('active-btn-item'); $(this).addClass('active-btn-item'); $('.branch-atm-tab .tabs-content-box .tab-content-box-item').removeClass('tab-content-box-item-active'); $(target).addClass('tab-content-box-item-active'); } }); } // Emi Calculator Tab if ($('.emi-calculator-tab').length) { $('.emi-calculator-tab .tabs-button-box .tab-btn-item').on('click', function (e) { e.preventDefault(); var target = $($(this).attr('data-tab')); if ($(target).hasClass('actve-tab')) { return false; } else { $('.emi-calculator-tab .tabs-button-box .tab-btn-item').removeClass('active-btn-item'); $(this).addClass('active-btn-item'); $('.emi-calculator-tab .tabs-content-box .tab-content-box-item').removeClass('tab-content-box-item-active'); $(target).addClass('tab-content-box-item-active'); } }); } // Cart Touch Spin if ($('.quantity-spinner').length) { $("input.quantity-spinner").TouchSpin({ verticalbuttons: true }); } // === Round Progress Bar=== if ($('.dial').length) { $('.dial').appear(function () { var elm = $(this); var color = elm.attr('data-fgColor'); var perc = elm.attr('value'); elm.knob({ 'value': 0, 'min': 0, 'max': 100, 'skin': 'tron', 'readOnly': true, 'thickness': 0.15, 'dynamicDraw': true, 'displayInput': false }); $({ value: 0 }).animate({ value: perc }, { duration: 2000, easing: 'swing', progress: function () { elm.val(Math.ceil(this.value)).trigger('change'); } }); $(this).append(function () {}); }, { accY: 20 }); } // ===Project // masonary=== function projectMasonaryLayout() { if ($('.masonary-layout').length) { $('.masonary-layout').isotope({ layoutMode: 'masonry' }); } if ($('.post-filter').length) { $('.post-filter li').children('.filter-text').on('click', function () { var Self = $(this); var selector = Self.parent().attr('data-filter'); $('.post-filter li').removeClass('active'); Self.parent().addClass('active'); $('.filter-layout').isotope({ filter: selector, animationOptions: { duration: 500, easing: 'linear', queue: false } }); return false; }); } if ($('.post-filter.has-dynamic-filters-counter').length) { // var allItem = $('.single-filter-item').length; var activeFilterItem = $('.post-filter.has-dynamic-filters-counter').find('li'); activeFilterItem.each(function () { var filterElement = $(this).data('filter'); var count = $('.filter-layout').find(filterElement).length; $(this).children('.filter-text').append('' + count + ''); }); }; } //Masonary function enableMasonry() { if ($('.masonry-items-container').length) { var winDow = $(window); // Needed variables var $container = $('.masonry-items-container'); $container.isotope({ itemSelector: '.masonry-item', masonry: { columnWidth: '.gallery-item' }, animationOptions: { duration: 500, easing: 'linear' } }); winDow.bind('resize', function () { $container.isotope({ itemSelector: '.masonry-item', animationOptions: { duration: 500, easing: 'linear', queue: false } }); }); } } enableMasonry(); //Add One Page nav if ($('.scroll-nav').length) { $('.scroll-nav').onePageNav(); } //Hidden Sidebar if ($('.hidden-sidebar').length) { var animButton = $(".sidemenu-nav-toggler"), hiddenBar = $(".hidden-sidebar"), navOverlay = $(".nav-overlay"), hiddenBarClose = $(".hidden-sidebar-close"); function showMenu() { TweenMax.to(hiddenBar, 0.6, { force3D: false, left: "0", ease: Expo.easeInOut }); hiddenBar.removeClass("close-sidebar"); navOverlay.fadeIn(500); } function hideMenu() { TweenMax.to(hiddenBar, 0.6, { force3D: false, left: "-480px", ease: Expo.easeInOut }); hiddenBar.addClass("close-sidebar"); navOverlay.fadeOut(500); } animButton.on("click", function () { if (hiddenBar.hasClass("close-sidebar")) showMenu(); else hideMenu(); }); navOverlay.on("click", function () { hideMenu(); }); hiddenBarClose.on("click", function () { hideMenu(); }); } if ($('.nav-overlay').length) { // / cursor / var cursor = $(".nav-overlay .cursor"), follower = $(".nav-overlay .cursor-follower"); var posX = 0, posY = 0; var mouseX = 0, mouseY = 0; TweenMax.to({}, 0.016, { repeat: -1, onRepeat: function () { posX += (mouseX - posX) / 9; posY += (mouseY - posY) / 9; TweenMax.set(follower, { css: { left: posX - 22, top: posY - 22 } }); TweenMax.set(cursor, { css: { left: mouseX, top: mouseY } }); } }); $(document).on("mousemove", function (e) { var scrollTop = window.pageYOffset || document.documentElement.scrollTop; mouseX = e.pageX; mouseY = e.pageY - scrollTop; }); $("button, a").on("mouseenter", function () { cursor.addClass("active"); follower.addClass("active"); }); $("button, a").on("mouseleave", function () { cursor.removeClass("active"); follower.removeClass("active"); }); $(".nav-overlay").on("mouseenter", function () { cursor.addClass("close-cursor"); follower.addClass("close-cursor"); }); $(".nav-overlay").on("mouseleave", function () { cursor.removeClass("close-cursor"); follower.removeClass("close-cursor"); }); } //====== Magnific Popup if ($(".video-popup").length) { $(".video-popup").magnificPopup({ type: "iframe", mainClass: "mfp-fade", removalDelay: 160, preloader: true, fixedContentPos: false }); } if ($(".img-popup").length) { var groups = {}; $(".img-popup").each(function () { var id = parseInt($(this).attr("data-group"), 10); if (!groups[id]) { groups[id] = []; } groups[id].push(this); }); $.each(groups, function () { $(this).magnificPopup({ type: "image", closeOnContentClick: true, closeBtnInside: false, gallery: { enabled: true } }); }); } //LightBox / Fancybox if ($('.lightbox-image').length) { $('.lightbox-image').fancybox({ openEffect: 'fade', closeEffect: 'fade', youtube: { controls: 0, showinfo: 0 }, helpers: { media: {} } }); } // AOS Animation if ($("[data-aos]").length) { AOS.init({ duration: '1000', disable: 'false', easing: 'ease', mirror: true }); } if ($("#datepicker").length) { $("#datepicker").datepicker(); } if ($(".odometer").length) { var odo = $(".odometer"); odo.each(function () { $(this).appear(function () { var countNumber = $(this).attr("data-count"); $(this).html(countNumber); }); }); } if ($(".wow").length) { var wow = new WOW({ boxClass: "wow", // animated element css class (default is wow) animateClass: "animated", // animation css class (default is animated) mobile: true, // trigger animations on mobile devices (default is true) live: true // act on asynchronously loaded content (default is true) }); wow.init(); } if ($(".search-toggler").length) { $(".search-toggler").on("click", function (e) { e.preventDefault(); $(".search-popup").toggleClass("active"); $(".mobile-nav__wrapper").removeClass("expanded"); $("body").toggleClass("locked"); }); } //Accordion Box if ($('.accordion-box').length) { $(".accordion-box").on('click', '.acc-btn', function () { var outerBox = $(this).parents('.accordion-box'); var target = $(this).parents('.accordion'); if ($(this).hasClass('active') !== true) { $(outerBox).find('.accordion .acc-btn').removeClass('active'); } if ($(this).next('.acc-content').is(':visible')) { return false; } else { $(this).addClass('active'); $(outerBox).children('.accordion').removeClass('active-block'); $(outerBox).find('.accordion').children('.acc-content').slideUp(300); target.addClass('active-block'); $(this).next('.acc-content').slideDown(300); } }); } // ===Image Hover Script=== function onHoverthreeDmovement() { var tiltBlock = $('.js-tilt'); if (tiltBlock.length) { $('.js-tilt').tilt({ maxTilt: 20, perspective: 700, glare: true, maxGlare: 0 }) } } // window load event $(window).on("load", function () { handlePreloader(); projectMasonaryLayout(); timepicker(); onHoverthreeDmovement(); accordionActive(); enableMasonry(); fullHeight(); //Jquery Spinner / Quantity Spinner if ($('.quantity-spinner').length) { $("input.quantity-spinner").TouchSpin({ verticalbuttons: true }); } //Jquery Curved Circle if ($('.curved-circle2').length) { $('.curved-circle2').circleType({ position: 'absolute', dir: 1, radius: 90, forceHeight: true, forceWidth: true }); } }); // window scroll event $(window).on("scroll", function () { //Stricked Menu Fixed if ($(".stricked-menu").length) { var headerScrollPos = 130; var stricky = $(".stricked-menu"); if ($(window).scrollTop() > headerScrollPos) { stricky.addClass("stricky-fixed"); } else if ($(this).scrollTop() <= headerScrollPos) { stricky.removeClass("stricky-fixed"); } } //Scrool To Top if ($(window).scrollTop() > 200) { $('.scroll-top-inner').addClass('visible'); } else { $('.scroll-top-inner').removeClass('visible'); } bottomParallax(); handleScrollbar(); }); if ($('.paroller').length) { $('.paroller').paroller({ factor: -0.1, // multiplier for scrolling speed and offset, +- values for direction control factorLg: -0.1, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control type: 'foreground', // background, foreground direction: 'vertical' // vertical, horizontal }); } if ($('.paroller-2').length) { $('.paroller-2').paroller({ factor: 0.05, // multiplier for scrolling speed and offset, +- values for direction control factorLg: 0.05, // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control type: 'foreground', // background, foreground direction: 'horizontal' // vertical, horizontal }); } // Scroll To Explore Div if ($('.scroll-to-explore').length) { $(".scroll-to-explore").on('click', function () { var target = $(this).attr('data-target'); // animate $('html, body').animate({ scrollTop: $(target).offset().top }, 1500); }); } $(document).ready(function () { $('select:not(.ignore)').niceSelect(); }); // Dom Ready Function jQuery(document).on('ready', function () { (function ($) { // add your functions tabBox(); })(jQuery); }); /* ========================================================================== When Screen is Resized, do ========================================================================== */ })(jQuery);