692 lines
18 KiB
JavaScript
692 lines
18 KiB
JavaScript
(function($) {
|
|
|
|
"use strict";
|
|
|
|
|
|
//Hide Loading Box (Preloader)
|
|
function handlePreloader() {
|
|
if($('.loader-wrap').length){
|
|
$('.loader-wrap').delay(1000).fadeOut(500);
|
|
}
|
|
TweenMax.to($(".loader-wrap .overlay"), 1.2, {
|
|
force3D: true,
|
|
left: "100%",
|
|
ease: Expo.easeInOut,
|
|
});
|
|
}
|
|
|
|
|
|
//Event Countdown Timer
|
|
if($('.time-countdown').length){
|
|
$('.time-countdown').each(function() {
|
|
var $this = $(this), finalDate = $(this).data('countdown');
|
|
$this.countdown(finalDate, function(event) {
|
|
var $this = $(this).html(event.strftime('' + '<div class="counter-column"><span class="count">%D</span>Days</div> ' + '<div class="counter-column"><span class="count">%H</span>Hours</div> ' + '<div class="counter-column"><span class="count">%M</span>Minutes</div> ' + '<div class="counter-column"><span class="count">%S</span>Seconds</div>'));
|
|
});
|
|
});
|
|
}
|
|
|
|
if ($(".preloader-close").length) {
|
|
$(".preloader-close").on("click", function(){
|
|
$('.loader-wrap').delay(200).fadeOut(500);
|
|
})
|
|
}
|
|
|
|
function dynamicCurrentMenuClass(selector) {
|
|
let FileName = window.location.href.split('/').reverse()[0];
|
|
|
|
selector.find('li').each(function () {
|
|
let anchor = $(this).find('a');
|
|
if ($(anchor).attr('href') == FileName) {
|
|
$(this).addClass('current');
|
|
}
|
|
});
|
|
// if any li has .current elmnt add class
|
|
selector.children('li').each(function () {
|
|
if ($(this).find('.current').length) {
|
|
$(this).addClass('current');
|
|
}
|
|
});
|
|
// if no file name return
|
|
if ('' == FileName) {
|
|
selector.find('li').eq(0).addClass('current');
|
|
}
|
|
}
|
|
|
|
// dynamic current class
|
|
let mainNavUL = $('.main-menu').find('.navigation');
|
|
dynamicCurrentMenuClass(mainNavUL);
|
|
|
|
//Update Header Style and Scroll to Top
|
|
function headerStyle() {
|
|
if($('.main-header').length){
|
|
var windowpos = $(window).scrollTop();
|
|
var siteHeader = $('.main-header');
|
|
var scrollLink = $('.scroll-to-top');
|
|
var sticky_header = $('.main-header .sticky-header');
|
|
if (windowpos > 100) {
|
|
siteHeader.addClass('fixed-header');
|
|
sticky_header.addClass("animated slideInDown");
|
|
scrollLink.fadeIn(300);
|
|
} else {
|
|
siteHeader.removeClass('fixed-header');
|
|
sticky_header.removeClass("animated slideInDown");
|
|
scrollLink.fadeOut(300);
|
|
}
|
|
}
|
|
}
|
|
|
|
headerStyle();
|
|
|
|
//Submenu Dropdown Toggle
|
|
if($('.main-header li.dropdown ul').length){
|
|
$('.main-header .navigation li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-right"></span></div>');
|
|
}
|
|
|
|
//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");
|
|
});
|
|
}
|
|
|
|
//Mobile Nav Hide Show
|
|
if($('.mobile-menu').length){
|
|
|
|
$('.mobile-menu .menu-box').mCustomScrollbar();
|
|
|
|
var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
|
|
$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
|
|
$('.sticky-header .main-menu').append(mobileMenuContent);
|
|
|
|
//Dropdown Button
|
|
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
|
|
$(this).toggleClass('open');
|
|
$(this).prev('ul').slideToggle(500);
|
|
});
|
|
//Menu Toggle Btn
|
|
$('.mobile-nav-toggler').on('click', function() {
|
|
$('body').addClass('mobile-menu-visible');
|
|
});
|
|
|
|
//Menu Toggle Btn
|
|
$('.mobile-menu .menu-backdrop,.mobile-menu .close-btn,.scroll-nav li a').on('click', function() {
|
|
$('body').removeClass('mobile-menu-visible');
|
|
});
|
|
}
|
|
|
|
//Sidemenu Nav Hide Show
|
|
if($('.side-menu').length){
|
|
|
|
$('.side-menu .menu-box').mCustomScrollbar();
|
|
|
|
//Dropdown Button
|
|
$('.side-menu li.dropdown .dropdown-btn').on('click', function() {
|
|
$(this).toggleClass('open');
|
|
$(this).prev('ul').slideToggle(500);
|
|
});
|
|
|
|
$('body').addClass('side-menu-visible');
|
|
//Menu Toggle Btn
|
|
$('.side-nav-toggler').on('click', function() {
|
|
$('body').addClass('side-menu-visible');
|
|
});
|
|
|
|
//Menu Toggle Btn
|
|
$('.side-menu .side-menu-resize').on('click', function() {
|
|
$('body').toggleClass('side-menu-visible');
|
|
});
|
|
|
|
//Menu Toggle Btn
|
|
$('.main-header .mobile-nav-toggler-two').on('click', function() {
|
|
$('body').addClass('side-menu-visible-s2');
|
|
});
|
|
|
|
//Menu Overlay
|
|
$('.main-header .side-menu-overlay').on('click', function() {
|
|
$('body').removeClass('side-menu-visible-s2');
|
|
});
|
|
}
|
|
|
|
//Search Popup
|
|
if($('#search-popup').length){
|
|
|
|
//Show Popup
|
|
$('.search-toggler').on('click', function() {
|
|
$('#search-popup').addClass('popup-visible');
|
|
});
|
|
$(document).keydown(function(e){
|
|
if(e.keyCode === 27) {
|
|
$('#search-popup').removeClass('popup-visible');
|
|
}
|
|
});
|
|
//Hide Popup
|
|
$('.close-search,.search-popup .overlay-layer').on('click', function() {
|
|
$('#search-popup').removeClass('popup-visible');
|
|
});
|
|
}
|
|
|
|
// Testimonial
|
|
var galleryThumbs = new Swiper('.testimonial-thumbs', {
|
|
loop: false,
|
|
spaceBetween: 10,
|
|
slidesPerView: 3,
|
|
initialSlide: 1,
|
|
freeMode: true,
|
|
speed: 1400,
|
|
watchSlidesVisibility: true,
|
|
watchSlidesProgress: true,
|
|
centeredSlides: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
});
|
|
var totalSlides = $(".swiper-container").length;
|
|
var galleryTop = new Swiper('.testimonial-content', {
|
|
spaceBetween: 10,
|
|
slidesPerView: 1,
|
|
mousewheel: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
loop: false,
|
|
speed: 1400,
|
|
navigation: {
|
|
nextEl: '.swiper-button-next',
|
|
prevEl: '.swiper-button-prev',
|
|
},
|
|
thumbs: {
|
|
swiper: galleryThumbs
|
|
}
|
|
});
|
|
|
|
// Language Selector
|
|
$(".languages").click(function(){
|
|
$(".languages ul").show();
|
|
})
|
|
$(".languages ul").mouseleave(function(){
|
|
$(".languages ul").hide();
|
|
});
|
|
|
|
$(".languages li a").click(function(){
|
|
$(".languages li a").removeClass('sel');
|
|
$(this).addClass('sel');
|
|
var selectedValue = $(this).text();
|
|
var showLang = selectedValue.substring(0, 2);
|
|
$('.languages .current').html(showLang);
|
|
$('.languages .current').attr("title", selectedValue);
|
|
$('.languages .hover').html(selectedValue);
|
|
})
|
|
|
|
function bannerSlider() {
|
|
if ($(".banner-slider").length > 0) {
|
|
|
|
// Banner Slider
|
|
var bannerSlider = new Swiper('.banner-slider', {
|
|
preloadImages: false,
|
|
loop: true,
|
|
grabCursor: true,
|
|
centeredSlides: false,
|
|
resistance: true,
|
|
resistanceRatio: 0.6,
|
|
speed: 1400,
|
|
spaceBetween: 0,
|
|
parallax: false,
|
|
effect: "fade",
|
|
autoplay: {
|
|
delay: 4000,
|
|
disableOnInteraction: false
|
|
},
|
|
pagination: {
|
|
el: '.banner-slider-pagination',
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.banner-slider-button-next',
|
|
prevEl: '.banner-slider-button-prev',
|
|
},
|
|
});
|
|
}
|
|
|
|
|
|
}
|
|
|
|
//Price Range Slider
|
|
if($('.price-range-slider').length){
|
|
$( ".price-range-slider" ).slider({
|
|
range: true,
|
|
min: 10,
|
|
max: 200,
|
|
values: [ 10, 99 ],
|
|
slide: function( event, ui ) {
|
|
$( "input.property-amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
|
|
}
|
|
});
|
|
|
|
$( "input.property-amount" ).val( $( ".price-range-slider" ).slider( "values", 0 ) + " - $" + $( ".price-range-slider" ).slider( "values", 1 ) );
|
|
}
|
|
|
|
// Lazyload Images
|
|
if($('.lazy-image').length){
|
|
new LazyLoad({
|
|
elements_selector: ".lazy-image",
|
|
load_delay: 0,
|
|
threshold: 300
|
|
});
|
|
}
|
|
|
|
/////////////////////////////
|
|
//Universal Code for All Owl Carousel Sliders
|
|
/////////////////////////////
|
|
|
|
if ($('.theme_carousel').length) {
|
|
$(".theme_carousel").each(function (index) {
|
|
var $owlAttr = {},
|
|
$extraAttr = $(this).data("options");
|
|
$.extend($owlAttr, $extraAttr);
|
|
$(this).owlCarousel($owlAttr);
|
|
});
|
|
}
|
|
|
|
// Donation Progress Bar
|
|
if ($('.count-bar').length) {
|
|
$('.count-bar').appear(function(){
|
|
var el = $(this);
|
|
var percent = el.data('percent');
|
|
$(el).css('width',percent).addClass('counted');
|
|
},{accY: -50});
|
|
|
|
}
|
|
|
|
//Jquery Spinner / Quantity Spinner
|
|
if($('.quantity-spinner').length){
|
|
$("input.quantity-spinner").TouchSpin({
|
|
verticalbuttons: true
|
|
});
|
|
}
|
|
|
|
//Fact Counter + Text Count
|
|
if($('.count-box').length){
|
|
$('.count-box').appear(function(){
|
|
|
|
var $t = $(this),
|
|
n = $t.find(".count-text").attr("data-stop"),
|
|
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
|
|
|
|
if (!$t.hasClass("counted")) {
|
|
$t.addClass("counted");
|
|
$({
|
|
countNum: $t.find(".count-text").text()
|
|
}).animate({
|
|
countNum: n
|
|
}, {
|
|
duration: r,
|
|
easing: "linear",
|
|
step: function() {
|
|
$t.find(".count-text").text(Math.floor(this.countNum));
|
|
},
|
|
complete: function() {
|
|
$t.find(".count-text").text(this.countNum);
|
|
}
|
|
});
|
|
}
|
|
|
|
},{accY: 0});
|
|
}
|
|
|
|
//Tabs Box
|
|
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');
|
|
}
|
|
});
|
|
}
|
|
|
|
//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);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
//LightBox / Fancybox
|
|
if($('.lightbox-image').length) {
|
|
$('.lightbox-image').fancybox({
|
|
openEffect : 'fade',
|
|
closeEffect : 'fade',
|
|
helpers : {
|
|
media : {}
|
|
}
|
|
});
|
|
}
|
|
|
|
//Sortable Masonary with Filters
|
|
function sortableMasonry() {
|
|
if ($('.sortable-masonry').length) {
|
|
var winDow = $(window);
|
|
// Needed variables
|
|
var $container = $('.sortable-masonry .items-container');
|
|
var $filter = $('.filter-btns');
|
|
$container.isotope({
|
|
filter: '.all',
|
|
animationOptions: {
|
|
duration: 500,
|
|
easing: 'linear'
|
|
}
|
|
});
|
|
// Isotope Filter
|
|
$filter.find('li').on('click', function() {
|
|
var selector = $(this).attr('data-filter');
|
|
try {
|
|
$container.isotope({
|
|
filter: selector,
|
|
animationOptions: {
|
|
duration: 500,
|
|
easing: 'linear',
|
|
queue: false
|
|
}
|
|
});
|
|
} catch (err) {}
|
|
return false;
|
|
});
|
|
winDow.on('resize', function() {
|
|
var selector = $filter.find('li.active').attr('data-filter');
|
|
$container.isotope({
|
|
filter: selector,
|
|
animationOptions: {
|
|
duration: 500,
|
|
easing: 'linear',
|
|
queue: false
|
|
}
|
|
});
|
|
$container.isotope()
|
|
});
|
|
var filterItemA = $('.filter-btns li');
|
|
filterItemA.on('click', function() {
|
|
var $this = $(this);
|
|
if (!$this.hasClass('active')) {
|
|
filterItemA.removeClass('active');
|
|
$this.addClass('active');
|
|
}
|
|
});
|
|
$container.isotope("on", "layoutComplete", function(a, b) {
|
|
var a = b.length,
|
|
pcn = $(".filters .count");
|
|
pcn.html(a);
|
|
});
|
|
}
|
|
}
|
|
sortableMasonry();
|
|
|
|
|
|
// Testimonial
|
|
if ($('.testimonial-carousel').length) {
|
|
var testimonialThumb = new Swiper('.testimonial-thumbs', {
|
|
preloadImages: false,
|
|
loop: true,
|
|
speed: 2400,
|
|
slidesPerView: 3,
|
|
centeredSlides: true,
|
|
spaceBetween: 0,
|
|
effect: "slide",
|
|
});
|
|
var totalSlides = $(".swiper-container").length;
|
|
var testimonialContent = new Swiper('.testimonial-content', {
|
|
preloadImages: false,
|
|
loop: true,
|
|
speed: 2400,
|
|
spaceBetween: 0,
|
|
effect: "slide",
|
|
thumbs: {
|
|
swiper: testimonialThumb
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
// Single Image Carousel
|
|
if ($('.single-image-carousel').length) {
|
|
var productThumbs = new Swiper('.single-image-carousel', {
|
|
preloadImages: false,
|
|
loop: true,
|
|
speed: 1400,
|
|
spaceBetween: 0,
|
|
effect: "fade",
|
|
autoplay: {
|
|
delay: 5000,
|
|
disableOnInteraction: false
|
|
},
|
|
|
|
navigation: {
|
|
nextEl: '.slider-button-next',
|
|
prevEl: '.slider-button-prev',
|
|
},
|
|
});
|
|
|
|
}
|
|
|
|
//Projects Tabs
|
|
if($('.project-tab').length){
|
|
$('.project-tab .project-tab-btns .p-tab-btn').on('click', function(e) {
|
|
e.preventDefault();
|
|
var target = $($(this).attr('data-tab'));
|
|
|
|
if ($(target).hasClass('actve-tab')){
|
|
return false;
|
|
}else{
|
|
$('.project-tab .project-tab-btns .p-tab-btn').removeClass('active-btn');
|
|
$(this).addClass('active-btn');
|
|
$('.project-tab .p-tabs-content .p-tab').removeClass('active-tab');
|
|
$(target).addClass('active-tab');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Isotop Layout
|
|
function isotopeBlock() {
|
|
if($(".isotope-block").length){
|
|
var $grid = $('.isotope-block').isotope();
|
|
|
|
}
|
|
}
|
|
|
|
isotopeBlock();
|
|
|
|
//Progress Bar / Levels
|
|
if ($('.progress-levels .progress-box .bar-fill').length) {
|
|
$(".progress-box .bar-fill").each(function() {
|
|
var progressWidth = $(this).attr('data-percent');
|
|
$(this).css('width', progressWidth + '%');
|
|
$(this).children('.percent').html(progressWidth + '%');
|
|
});
|
|
}
|
|
|
|
// Scroll to a Specific Div
|
|
if($('.scroll-to-target').length){
|
|
$(".scroll-to-target").on('click', function() {
|
|
var target = $(this).attr('data-target');
|
|
// animate
|
|
$('html, body').animate({
|
|
scrollTop: $(target).offset().top
|
|
}, 1500);
|
|
});
|
|
}
|
|
|
|
if ($('.ajax-sub-form').length > 0) {
|
|
$('.ajax-sub-form').ajaxChimp({
|
|
language: 'es',
|
|
url: "https://gmail.us17.list-manage.com/subscribe/post?u=8a43765a655b07d21fa500e4e&id=2eda0a58a7" //Replace this with your mailchimp post URL.
|
|
});
|
|
|
|
$.ajaxChimp.translations.es = {
|
|
'submit': 'Submitting...',
|
|
0: 'Thanks for your subscription',
|
|
1: 'Please enter a valid email',
|
|
2: 'An email address must contain a single @',
|
|
3: 'The domain portion of the email address is invalid (the portion after the @: )',
|
|
4: 'The username portion of the email address is invalid (the portion before the @: )',
|
|
5: 'This email address looks fake or invalid. Please enter a real email address'
|
|
};
|
|
}
|
|
|
|
|
|
|
|
|
|
// Elements Animation
|
|
if($('.wow').length){
|
|
var wow = new WOW(
|
|
{
|
|
boxClass: 'wow', // animated element css class (default is wow)
|
|
animateClass: 'animated', // animation css class (default is animated)
|
|
offset: 0, // distance to the element when triggering the animation (default is 0)
|
|
mobile: true, // trigger animations on mobile devices (default is true)
|
|
live: true // act on asynchronously loaded content (default is true)
|
|
}
|
|
);
|
|
wow.init();
|
|
}
|
|
|
|
//Add One Page nav
|
|
if($('.scroll-nav').length) {
|
|
$('.scroll-nav ul').onePageNav();
|
|
}
|
|
|
|
/* ==========================================================================
|
|
When document is Scrollig, do
|
|
========================================================================== */
|
|
|
|
$(window).on('scroll', function() {
|
|
headerStyle();
|
|
});
|
|
|
|
/* ==========================================================================
|
|
When document is loading, do
|
|
========================================================================== */
|
|
|
|
$(window).on('load', function() {
|
|
handlePreloader();
|
|
sortableMasonry();
|
|
isotopeBlock();
|
|
bannerSlider();
|
|
});
|
|
|
|
})(window.jQuery); |