(function ($) { 'use strict'; $(window).bind('load', function () { // preloader function preLoader() { $('body').addClass('loaded'); $('.preloader').addClass('loaded'); } setTimeout(function () { preLoader(); }, 600); }); // counterUp function counter() { var oTop; if ($('.jsCounter').length !== 0) { oTop = $('.jsCounter').offset().top - window.innerHeight; } if ($(window).scrollTop() > oTop) { $('.jsCounter').each(function () { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text() }).animate({ countNum: countTo }, { duration: 500, easing: 'swing', step: function () { $this.text(Math.floor(this.countNum)); }, complete: function () { $this.text(this.countNum); } }); }); } } function counterTwo() { var oTop; if ($('.jsCounter-2').length !== 0) { oTop = $('.jsCounter-2').offset().top - window.innerHeight; } if ($(window).scrollTop() > oTop) { $('.jsCounter-2').each(function () { var $this = $(this), countTo = $this.attr('data-count'); $({ countNum: $this.text() }).animate({ countNum: countTo }, { duration: 500, easing: 'swing', step: function () { $this.text(Math.floor(this.countNum)); }, complete: function () { $this.text(this.countNum); } }); }); } } // inCircle element function inCircleInit() { if ($(window).width() > 575) { var oTop; if ($('#inCircle-element').length !== 0) { oTop = $('#inCircle-element').offset().top - window.innerHeight; } if ($(window).scrollTop() > oTop) { $('#inCircle-element').incircle({ radius: '13.5em', //distance from center start: -150 }); } } } $(window).on('scroll', function () { counter(); counterTwo(); inCircleInit(); // scroll to top var scrollToTop = $('.scroll-to-top-btn'), scroll = $(window).scrollTop(); if (scroll >= 400) { scrollToTop.addClass('show'); } else { scrollToTop.removeClass('show'); } }); // aos scroll-animation Init AOS.init({ duration: 600, once: true }); $(document).ready(function () { if ($(window).width() < 1199) { $('.navbar .dropdown-toggle').on('click', function (e) { $(this).siblings('.dropdown-menu, .dropdown-submenu').animate({ height: 'toggle' }, 300); }); } // disable accordion collapse toogle $('.disable-toogle').on('hide.bs.collapse', function (e) { e.preventDefault(); }); // popupFix init function popupFix() { var vScrollWidth = window.innerWidth - $(document).width(); function noBodyScroll() { $('body').css({ 'padding-right': vScrollWidth + 'px', 'overflow-y': 'hidden' }); } function doBodyScroll() { setTimeout(function () { $('body').css({ 'padding-right': 0, 'overflow-y': 'auto' }); }, 300); } var navbarToggler = $('.navbar-toggler'); $(navbarToggler).on('click', function () { if (navbarToggler.attr('aria-expanded') === 'false') { noBodyScroll(); } if (navbarToggler.attr('aria-expanded') === 'true') { doBodyScroll(); } }); } popupFix(); // horizontalAccordion init function horizontalAccordion() { $('.horizontal-accordion-item').on('click', function () { $(this).addClass('active').siblings().removeClass('active'); }); } horizontalAccordion(); // smoothScroll init function smoothScroll() { $('.smooth-scroll').click(function (event) { if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { event.preventDefault(); $('html, body').animate({ scrollTop: target.offset().top }, 300, function () { var $target = $(target); $target.focus(); if ($target.is(':focus')) { return false; } else { $target.attr('tabindex', '-1'); $target.focus(); } }); } } }); } smoothScroll(); // pricing init function pricingInit() { var toggleSwitch = $('.pricing-check'); var number = $('.data-count'); $(toggleSwitch).change(function () { if ($(toggleSwitch).is(':checked')) { $('.data-count').each(function () { $(this).html($(this).data('count-annually')); $(this).prop('Counter', 0).animate({ Counter: $(this).text() }, { duration: 250, easing: 'swing', step: function (now) { $(this).text(Math.ceil(now)); } }); }); $('.text-monthly').addClass('d-none').removeClass('d-inline'); $('.text-annually').addClass('d-inline').removeClass('d-none'); } else if ($(toggleSwitch).is(':not(:checked)')) { $('.data-count').each(function () { $(this).html($(this).data('count-monthly')); $(this).prop('Counter', 0).animate({ Counter: $(this).text() }, { duration: 250, easing: 'swing', step: function (now) { $(this).text(Math.ceil(now)); } }); }); $('.text-monthly').addClass('d-inline').removeClass('d-none'); $('.text-annually').addClass('d-none').removeClass('d-inline'); } }); } pricingInit(); // brandCarousel fix function brandCarousel() { $('.brand-carousel').slick({ dots: false, arrows: false, infinite: true, speed: 500, autoplay: true, autoplaySpeed: 3000, mobileFirst: true, slidesToScroll: 1, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 6 } }, { breakpoint: 991, settings: { slidesToShow: 5 } }, { breakpoint: 767, settings: { slidesToShow: 4 } }, { breakpoint: 480, settings: { slidesToShow: 3 } }, { breakpoint: 0, settings: { slidesToShow: 2 } } ] }); } brandCarousel(); // testimonialsCarousel fix function testimonialsCarousel() { $('.testimonials-carousel').slick({ dots: true, arrows: false, infinite: true, speed: 400, slidesToShow: 3, slidesToScroll: 1, responsive: [{ breakpoint: 991, settings: { slidesToShow: 2 } }, { breakpoint: 767, settings: { slidesToShow: 1 } } ] }); } testimonialsCarousel(); // videoPopupInit function videoPopupInit() { var $videoSrc; $('.video-play-btn').click(function () { $videoSrc = $(this).data('src'); }); $('#videoModal').on('shown.bs.modal', function (e) { $('#showVideo').attr('src', $videoSrc + '?autoplay=1&modestbranding=1&showinfo=0'); }); $('#videoModal').on('hide.bs.modal', function (e) { $('#showVideo').attr('src', $videoSrc); }); } videoPopupInit(); // masonryFilter init var containerEl = document.querySelector('#masonry'); if (containerEl) { var Shuffle = window.Shuffle; var myShuffle = new Shuffle(document.querySelector('#masonry'), { itemSelector: '.masonry-item', buffer: 1 }); jQuery('input[name="shuffle-filter"]').on('change', function (evt) { var input = evt.currentTarget; if (input.checked) { myShuffle.filter(input.value); } }); } }); // Form validation Init (function () { window.addEventListener('load', function () { var forms = document.getElementsByClassName('needs-validation'); var validation = Array.prototype.filter.call(forms, function (form) { form.addEventListener('submit', function (event) { if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); })(jQuery); (function ($) { 'use strict'; $.fn.incircle = function (options) { var settings = $.extend({ color: '#556b2f', backgroundColor: 'white', type: 1, //circle type - 1 whole, 0.5 half, 0.25 quarter radius: '14em', //distance from center start: 0, //shift start from 0 top: '0', left: '0' }, options); this.css({ 'position': 'relative', 'top': settings.top, 'left': settings.left, 'list-style-type': 'none', 'margin': 0 }); var elements = this.children(':not(:first-child)'); var numberOfElements = (settings.type === 1) ? elements.length : elements.length - 1; var slice = 360 * settings.type / numberOfElements; elements.each(function (i) { var $self = $(this), rotate = slice * i + settings.start, rotateReverse = rotate * -1; $self.css({ 'position': 'absolute', '-webkit-transition': 'all 1s linear', '-moz-transition': 'all 1s linear', 'transition': 'all 1s linear' }); $self.css({ 'transform': 'rotate(' + rotate + 'deg) translate(' + settings.radius + ') rotate(' + rotateReverse + 'deg)' }); }); return this; }; }(jQuery));