357 lines
9.9 KiB
JavaScript
357 lines
9.9 KiB
JavaScript
(function ($) {
|
|
'use strict';
|
|
|
|
// Mobile Menu
|
|
$('.mobile-menu nav').meanmenu({
|
|
meanScreenWidth: "991",
|
|
meanMenuContainer: ".mobile-menu",
|
|
meanMenuOpen: "<span></span> <span></span> <span></span>",
|
|
onePage: false,
|
|
});
|
|
|
|
//Header Search
|
|
if($('.search-box-outer').length) {
|
|
$('.search-box-outer').on('click', function() {
|
|
$('body').addClass('search-active');
|
|
});
|
|
$('.close-search').on('click', function() {
|
|
$('body').removeClass('search-active');
|
|
});
|
|
}
|
|
|
|
// sticky
|
|
var wind = $(window);
|
|
var sticky = $('#sticky-header');
|
|
wind.on('scroll', function () {
|
|
var scroll = wind.scrollTop();
|
|
if (scroll < 100) {
|
|
sticky.removeClass('sticky');
|
|
} else {
|
|
sticky.addClass('sticky');
|
|
}
|
|
});
|
|
|
|
// Loder //
|
|
$(function () {
|
|
$('body').addClass('loaded');
|
|
});
|
|
|
|
//ctl all button
|
|
$(function() {
|
|
$('.ctl_btn')
|
|
.on('mouseenter', function(e) {
|
|
var parentOffset = $(this).offset(),
|
|
relX = e.pageX - parentOffset.left,
|
|
relY = e.pageY - parentOffset.top;
|
|
$(this).find('span').css({top:relY, left:relX})
|
|
})
|
|
.on('mouseout', function(e) {
|
|
var parentOffset = $(this).offset(),
|
|
relX = e.pageX - parentOffset.left,
|
|
relY = e.pageY - parentOffset.top;
|
|
$(this).find('span').css({top:relY, left:relX})
|
|
});
|
|
});
|
|
|
|
// counterUp
|
|
$('.counter').counterUp({
|
|
delay: 10,
|
|
time: 1000
|
|
});
|
|
|
|
|
|
// :: Hero Home one Slides
|
|
if ($.fn.owlCarousel) {
|
|
var welcomeSlider = $('.hero-slider');
|
|
welcomeSlider.owlCarousel({
|
|
items: 1,
|
|
loop: true,
|
|
autoplay: true,
|
|
autoplayTimeout: 5000,
|
|
|
|
dots:true,
|
|
center: true,
|
|
animateIn: 'fadeIn',
|
|
animateOut: 'fadeOut'
|
|
|
|
|
|
})
|
|
welcomeSlider.on('mouseenter', function () {
|
|
welcomeSlider.trigger('stop.owl.autoplay');
|
|
});
|
|
|
|
// Resume on mouse leave
|
|
welcomeSlider.on('mouseleave', function () {
|
|
welcomeSlider.trigger('play.owl.autoplay', [5000]);
|
|
});
|
|
|
|
welcomeSlider.on('translate.owl.carousel', function () {
|
|
var layer = $("[data-animation]");
|
|
layer.each(function () {
|
|
var anim_name = $(this).data('animation');
|
|
$(this).removeClass('animated ' + anim_name).css('opacity', '0');
|
|
});
|
|
});
|
|
|
|
$("[data-delay]").each(function () {
|
|
var anim_del = $(this).data('delay');
|
|
$(this).css('animation-delay', anim_del);
|
|
});
|
|
|
|
$("[data-duration]").each(function () {
|
|
var anim_dur = $(this).data('duration');
|
|
$(this).css('animation-duration', anim_dur);
|
|
});
|
|
|
|
welcomeSlider.on('translated.owl.carousel', function () {
|
|
var layer = welcomeSlider.find('.owl-item.active').find("[data-animation]");
|
|
layer.each(function () {
|
|
var anim_name = $(this).data('animation');
|
|
$(this).addClass('animated ' + anim_name).css('opacity', '1');
|
|
});
|
|
});
|
|
}
|
|
|
|
// case list Active
|
|
$('.case_list').owlCarousel({
|
|
loop: true,
|
|
autoplay: true,
|
|
autoplayTimeout: 10000,
|
|
dots: false,
|
|
margin: 30,
|
|
nav: true,
|
|
navText: ["<i class='flaticon flaticon-left-arrow''></i>", "<i class='flaticon flaticon-right-arrow''></i>"],
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 2
|
|
},
|
|
992: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
},
|
|
1920: {
|
|
items: 3
|
|
}
|
|
}
|
|
})
|
|
|
|
// service Active
|
|
$('.service_list').owlCarousel({
|
|
loop: true,
|
|
autoplay: true,
|
|
autoplayTimeout: 10000,
|
|
dots: false,
|
|
margin: 30,
|
|
nav: true,
|
|
navText: ["<i class='bi bi-chevron-left''></i>", "<i class='bi bi-chevron-right''></i>"],
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
480: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 1
|
|
},
|
|
992: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
},
|
|
1920: {
|
|
items: 3
|
|
}
|
|
}
|
|
})
|
|
|
|
// Testi list Active
|
|
$('.testi_list').owlCarousel({
|
|
loop: true,
|
|
autoplay: false,
|
|
autoplayTimeout: 10000,
|
|
dots: false,
|
|
margin: 30,
|
|
nav:true,
|
|
navText: ["<i class='flaticon flaticon-left-arrow''></i>", "<i class='flaticon flaticon-right-arrow''></i>"],
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 1
|
|
},
|
|
992: {
|
|
items: 1
|
|
},
|
|
1000: {
|
|
items: 1
|
|
},
|
|
1920: {
|
|
items: 1
|
|
}
|
|
}
|
|
})
|
|
|
|
// Testi list Active
|
|
$('.testi_list2').owlCarousel({
|
|
loop: true,
|
|
autoplay: true,
|
|
autoplayTimeout: 10000,
|
|
dots: false,
|
|
margin: 30,
|
|
nav: true,
|
|
navText: ["<i class='flaticon flaticon-left-arrow''></i>", "<i class='flaticon flaticon-right-arrow''></i>"],
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
600: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 1
|
|
},
|
|
992: {
|
|
items: 2
|
|
},
|
|
1000: {
|
|
items: 3
|
|
},
|
|
1920: {
|
|
items: 3
|
|
}
|
|
}
|
|
})
|
|
|
|
// Venubox
|
|
$('.venobox').venobox({
|
|
numeratio: true,
|
|
infinigall: true
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
jQuery(document).ready(function ($) {
|
|
"use strict";
|
|
|
|
// =======< accordion js >========
|
|
$(".accordion > li:eq(0) a").addClass("active").next().slideDown();
|
|
$('.accordion a').on('click', function (j) {
|
|
var dropDown = $(this).closest("li").find("p");
|
|
|
|
$(this).closest(".accordion").find("p").not(dropDown).slideUp();
|
|
|
|
if ($(this).hasClass("active")) {
|
|
$(this).removeClass("active");
|
|
} else {
|
|
$(this).closest(".accordion").find("a.active").removeClass("active");
|
|
$(this).addClass("active");
|
|
}
|
|
|
|
dropDown.stop(false, true).slideToggle();
|
|
|
|
j.preventDefault();
|
|
});
|
|
|
|
|
|
//=====< barfiller script >====
|
|
$('#bar1').barfiller({
|
|
duration: 7000
|
|
});
|
|
$('#bar2').barfiller({
|
|
duration: 7000
|
|
});
|
|
$('#bar3').barfiller({
|
|
duration: 7000
|
|
});
|
|
|
|
});
|
|
|
|
|
|
// Team
|
|
$(".team-share").click(function(){
|
|
$(this).siblings(".team-social-icon").toggleClass('active');
|
|
});
|
|
|
|
/*---------------------
|
|
WOW active js
|
|
--------------------- */
|
|
new WOW().init();
|
|
|
|
|
|
|
|
if($('.prgoress_indicator path').length){
|
|
var progressPath = document.querySelector('.prgoress_indicator path');
|
|
var pathLength = progressPath.getTotalLength();
|
|
progressPath.style.transition = progressPath.style.WebkitTransition = 'none';
|
|
progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;
|
|
progressPath.style.strokeDashoffset = pathLength;
|
|
progressPath.getBoundingClientRect();
|
|
progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';
|
|
var updateProgress = function () {
|
|
var scroll = $(window).scrollTop();
|
|
var height = $(document).height() - $(window).height();
|
|
var progress = pathLength - (scroll * pathLength / height);
|
|
progressPath.style.strokeDashoffset = progress;
|
|
}
|
|
updateProgress();
|
|
$(window).on('scroll', updateProgress);
|
|
var offset = 250;
|
|
var duration = 550;
|
|
jQuery(window).on('scroll', function () {
|
|
if (jQuery(this).scrollTop() > offset) {
|
|
jQuery('.prgoress_indicator').addClass('active-progress');
|
|
} else {
|
|
jQuery('.prgoress_indicator').removeClass('active-progress');
|
|
}
|
|
});
|
|
jQuery('.prgoress_indicator').on('click', function (event) {
|
|
event.preventDefault();
|
|
jQuery('html, body').animate({ scrollTop: 0 }, duration);
|
|
return false;
|
|
});
|
|
}
|
|
|
|
/*------------- preloader js --------------*/
|
|
var percentage = 0;
|
|
var LoadingCounter = setInterval(function() {
|
|
if (percentage <= 100) {
|
|
// $('#loading-screen ').css('opacity', (100 - percentage));
|
|
$("#loading-screen .loading-counter").text(percentage + "%");
|
|
$("#loading-screen .bar").css("width", (100 - percentage) / 2 + "%");
|
|
$("#loading-screen .progress-line").css(
|
|
"transform",
|
|
"scale(" + percentage / 100 + ")"
|
|
);
|
|
percentage++;
|
|
} else {
|
|
$("#loading-screen").fadeOut(500);
|
|
setTimeout(() => {
|
|
$("#loading-screen").remove();
|
|
}, 500);
|
|
clearInterval(LoadingCounter);
|
|
}
|
|
}, 10);
|
|
/*----------------- End Percentage loading screen interactions ----------------- */
|
|
|
|
})(jQuery);
|
|
|
|
|
|
|
|
|