Upload files to 'assets/js'

master
Edwin Lyon 3 years ago
parent d42790304f
commit 412f162142
  1. 390
      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&amp;modestbranding=1&amp;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));
Loading…
Cancel
Save