288 lines
9.0 KiB
JavaScript
288 lines
9.0 KiB
JavaScript
|
/*
|
||
|
|
Template: Industrie HTML5 Template
|
||
|
|
Author: peacefulqode.com
|
||
|
|
Version: 1.0
|
||
|
|
Design and Developed by: Peaceful
|
||
|
|
|
||
|
|
NOTE: This is main javasctipt file of template.
|
||
|
|
*/
|
||
|
|
/*====================================
|
||
|
|
[ Table of contents ]
|
||
|
|
======================================
|
||
|
|
==> Page Loader
|
||
|
|
==> Search Button
|
||
|
|
==> Sidebar Toggle
|
||
|
|
==> Sticky Header
|
||
|
|
==> Back To Top
|
||
|
|
|
||
|
|
======================================
|
||
|
|
[ End table content ]
|
||
|
|
======================================
|
||
|
|
*/
|
||
|
|
(function(jQuery) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
jQuery(window).on('load', function(e) {
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var Scrollbar = window.Scrollbar;
|
||
|
|
// console.log('Scrollbar');
|
||
|
|
jQuery('iframe').attr('src', jQuery('iframe').attr('src'));
|
||
|
|
console.log(jQuery('iframe').attr('src', jQuery('iframe').attr('src')));
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Page Loader
|
||
|
|
--------------------------*/
|
||
|
|
jQuery("#pt-loading").fadeOut();
|
||
|
|
jQuery("#pt-loading").delay(0).fadeOut("slow");
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Search Button
|
||
|
|
--------------------------*/
|
||
|
|
jQuery('#pt-seacrh-btn').on('click', function() {
|
||
|
|
|
||
|
|
jQuery('.pt-search-form').slideToggle();
|
||
|
|
jQuery('.pt-search-form').toggleClass('pt-form-show');
|
||
|
|
if (jQuery('.pt-search-form').hasClass("pt-form-show")) {
|
||
|
|
jQuery(this).html('<i class="fa fa-times"></i>');
|
||
|
|
} else {
|
||
|
|
jQuery(this).html('<i class="fa fa-search"></i>');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
/*----------------
|
||
|
|
Counter
|
||
|
|
---------------------*/
|
||
|
|
jQuery('.timer').countTo();
|
||
|
|
|
||
|
|
|
||
|
|
/*----------------
|
||
|
|
image grid
|
||
|
|
---------------------*/
|
||
|
|
// external js: isotope.pkgd.js
|
||
|
|
jQuery(".grid").isotope({
|
||
|
|
itemSelector: ".grid-item",
|
||
|
|
percentPosition: true,
|
||
|
|
masonry: {
|
||
|
|
columnWidth: ".grid-sizer"
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Sidebar Toggle
|
||
|
|
--------------------------*/
|
||
|
|
jQuery("#pt-toggle-btn").on('click', function() {
|
||
|
|
jQuery('#pt-sidebar-menu-contain').toggleClass("active");
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('.pt-toggle-btn').click(function() {
|
||
|
|
jQuery('body').addClass('pt-siderbar-open');
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('.pt-close').click(function() {
|
||
|
|
jQuery('body').removeClass('pt-siderbar-open');
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Sticky Header
|
||
|
|
--------------------------*/
|
||
|
|
if(!jQuery('header').hasClass('pt-header-default'))
|
||
|
|
{
|
||
|
|
jQuery('.pt-breadcrumb').css('padding-top', height * 1.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
if(jQuery('header').hasClass('pt-header-default'))
|
||
|
|
{
|
||
|
|
jQuery(window).scroll(function() {
|
||
|
|
|
||
|
|
var scrollTop = jQuery(window).scrollTop();
|
||
|
|
if (scrollTop > 300) {
|
||
|
|
jQuery('.pt-bottom-header').addClass('pt-header-sticky animated fadeInDown animate__faster');
|
||
|
|
} else {
|
||
|
|
jQuery('.pt-bottom-header').removeClass('pt-header-sticky animated fadeInDown animate__faster');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (jQuery('header').hasClass('pt-has-sticky')) {
|
||
|
|
var height = jQuery('header').height();
|
||
|
|
jQuery(window).scroll(function() {
|
||
|
|
|
||
|
|
var scrollTop = jQuery(window).scrollTop();
|
||
|
|
if (scrollTop > 300) {
|
||
|
|
jQuery('header').addClass('pt-header-sticky animated fadeInDown animate__faster');
|
||
|
|
} else {
|
||
|
|
jQuery('header').removeClass('pt-header-sticky animated fadeInDown animate__faster');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Owl Carousel
|
||
|
|
--------------------------*/
|
||
|
|
jQuery('.owl-carousel').each(function() {
|
||
|
|
var app_slider = jQuery(this);
|
||
|
|
app_slider.owlCarousel({
|
||
|
|
items: app_slider.data("desk_num"),
|
||
|
|
loop: app_slider.data("loop"),
|
||
|
|
margin: app_slider.data("margin"),
|
||
|
|
nav: app_slider.data("nav"),
|
||
|
|
dots: app_slider.data("dots"),
|
||
|
|
autoplay: app_slider.data("autoplay"),
|
||
|
|
autoplayTimeout: app_slider.data("autoplay-timeout"),
|
||
|
|
navText: ["<i class='ion-ios-arrow-back'></i><span>Prev</span>", "<span>Next</span><i class='ion-ios-arrow-forward'></i>"],
|
||
|
|
responsiveClass: true,
|
||
|
|
responsive: {
|
||
|
|
// breakpoint from 0 up
|
||
|
|
0: {
|
||
|
|
items: app_slider.data("mob_sm"),
|
||
|
|
nav: false
|
||
|
|
},
|
||
|
|
// breakpoint from 480 up
|
||
|
|
480: {
|
||
|
|
items: app_slider.data("mob_num"),
|
||
|
|
nav: false
|
||
|
|
},
|
||
|
|
// breakpoint from 786 up
|
||
|
|
786: {
|
||
|
|
items: app_slider.data("tab_num")
|
||
|
|
},
|
||
|
|
// breakpoint from 1023 up
|
||
|
|
1023: {
|
||
|
|
items: app_slider.data("lap_num")
|
||
|
|
},
|
||
|
|
1199: {
|
||
|
|
items: app_slider.data("desk_num")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
/*----------------
|
||
|
|
Tox Progress Bar
|
||
|
|
---------------------*/
|
||
|
|
jQuery('.pt-circle-progress-bar').each(function () {
|
||
|
|
var number = jQuery(this).data('skill-level');
|
||
|
|
var empty_color = jQuery(this).data('empty-color');
|
||
|
|
var fill_color = jQuery(this).data('fill-color');
|
||
|
|
var size = jQuery(this).data('size');
|
||
|
|
var thickness = jQuery(this).data('thickness');
|
||
|
|
|
||
|
|
jQuery(this).circleProgress({
|
||
|
|
value: '0.' + number,
|
||
|
|
size: size,
|
||
|
|
emptyFill: empty_color,
|
||
|
|
fill: {
|
||
|
|
color: fill_color
|
||
|
|
}
|
||
|
|
}).on('circle-animation-progress', function (event, progress) {
|
||
|
|
jQuery(this).find('.pt-progress-count').html(Math.round(number * progress) + '%');
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
jQuery('.pt-progress-bar > span').each(function () {
|
||
|
|
|
||
|
|
var progress_bar = jQuery(this);
|
||
|
|
var width = jQuery(this).data('percent');
|
||
|
|
progress_bar.css({
|
||
|
|
'transition': 'width 2s'
|
||
|
|
});
|
||
|
|
jQuery('.progress-value').css({
|
||
|
|
'transition': 'margin 2s'
|
||
|
|
});
|
||
|
|
|
||
|
|
setTimeout(function () {
|
||
|
|
jQuery(this).show(function () {
|
||
|
|
progress_bar.css('width', width + '%');
|
||
|
|
});
|
||
|
|
}, 500);
|
||
|
|
|
||
|
|
setTimeout(function () {
|
||
|
|
jQuery('.pt-progressbar-style-2 .progress-value').show(function () {
|
||
|
|
jQuery('.pt-progressbar-style-2 .progress-value').css('margin-left', width + 'px');
|
||
|
|
});
|
||
|
|
}, 500);
|
||
|
|
|
||
|
|
setTimeout(function () {
|
||
|
|
jQuery('.pt-progressbar-style-3 .progress-tooltip').show(function () {
|
||
|
|
jQuery('.pt-progressbar-style-3 .progress-tooltip').css('margin-left', width + 'px');
|
||
|
|
});
|
||
|
|
}, 500);
|
||
|
|
});
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Accordion
|
||
|
|
--------------------------*/
|
||
|
|
|
||
|
|
jQuery('.pt-accordion-block .pt-accordion-box .pt-accordion-details').hide();
|
||
|
|
jQuery('.pt-accordion-block .pt-accordion-box:first').addClass('pt-active').children().slideDown('slow');
|
||
|
|
jQuery('.pt-accordion-block .pt-accordion-box').on("click", function () {
|
||
|
|
if (jQuery(this).children('div.pt-accordion-details').is(':hidden')) {
|
||
|
|
jQuery('.pt-accordion-block .pt-accordion-box').removeClass('pt-active').children('div.pt-accordion-details').slideUp('slow');
|
||
|
|
jQuery(this).toggleClass('pt-active').children('div.pt-accordion-details').slideDown('slow');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
subscribe-from
|
||
|
|
--------------------------*/
|
||
|
|
|
||
|
|
(function() {
|
||
|
|
window.mc4wp = window.mc4wp || {
|
||
|
|
listeners: [],
|
||
|
|
forms: {
|
||
|
|
on: function(evt, cb) {
|
||
|
|
window.mc4wp.listeners.push(
|
||
|
|
{
|
||
|
|
event : evt,
|
||
|
|
callback: cb
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})();
|
||
|
|
|
||
|
|
/*----------------
|
||
|
|
Wow
|
||
|
|
---------------------*/
|
||
|
|
new WOW().init();
|
||
|
|
|
||
|
|
/*------------------------
|
||
|
|
Back To Top
|
||
|
|
--------------------------*/
|
||
|
|
jQuery('#back-to-top').fadeOut();
|
||
|
|
jQuery(window).on("scroll", function() {
|
||
|
|
if (jQuery(this).scrollTop() > 250) {
|
||
|
|
jQuery('#back-to-top').fadeIn(1400);
|
||
|
|
} else {
|
||
|
|
jQuery('#back-to-top').fadeOut(400);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
jQuery('#top').on('click', function() {
|
||
|
|
jQuery('top').tooltip('hide');
|
||
|
|
jQuery('body,html').animate({
|
||
|
|
scrollTop: 0
|
||
|
|
}, 800);
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
})(jQuery);
|