From 412f162142daa39f309945959de5f33907a4cbdc Mon Sep 17 00:00:00 2001 From: Edwin Lyon Date: Wed, 23 Feb 2022 19:04:32 -0800 Subject: [PATCH] Upload files to 'assets/js' --- assets/js/script.js | 390 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 390 insertions(+) create mode 100644 assets/js/script.js diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..7a598e0 --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,390 @@ +(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));