CHIEFSOFT\ameye
493 lines
15 KiB
JavaScript
493 lines
15 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
$(document).ready(function () {
|
|
|
|
/*
|
|
Jquery Mobile Menu
|
|
============================*/
|
|
$('#main-menu').meanmenu({
|
|
meanMenuContainer: '.te-mobile-nav-menu',
|
|
meanScreenWidth: "991",
|
|
meanExpand: ['<i class="fal fa-plus"></i>'],
|
|
});
|
|
|
|
/*
|
|
Jquery Header Search
|
|
============================*/
|
|
$('.te-search-btn').on('click', function (e) {
|
|
e.preventDefault();
|
|
$('body').css('overflow', 'hidden');
|
|
|
|
$('.te-search-form-wrapper').addClass('te-active');
|
|
});
|
|
$('.te-search-close').on('click', function (e) {
|
|
e.preventDefault();
|
|
$('body').css('overflow', 'auto');
|
|
$('.te-search-form-wrapper').removeClass('te-active');
|
|
});
|
|
|
|
window.onclick = function(e){
|
|
if( e.target.matches(".te-search-form-wrapper") ){
|
|
$('.te-search-form-wrapper').removeClass('te-active');
|
|
}
|
|
}
|
|
/*
|
|
Jquery sidebar Toggle
|
|
============================*/
|
|
$(".te-mobile-menu-toggle-btn").on("click", function () {
|
|
$(".te-menu-sidebar-area").addClass("active");
|
|
$(".te-body-overlay").addClass("active");
|
|
});
|
|
$(".te-menu-sidebar-close-btn").on("click", function () {
|
|
$(".te-menu-sidebar-area").removeClass("active");
|
|
$(".te-body-overlay").removeClass("active");
|
|
});
|
|
|
|
/*
|
|
Jquery Body Overlay
|
|
============================*/
|
|
$(".te-body-overlay").on("click", function () {
|
|
$(".te-menu-sidebar-area").removeClass("active");
|
|
$(".te-body-overlay").removeClass("active");
|
|
});
|
|
/*
|
|
Stikey Js
|
|
============================*/
|
|
|
|
const body = document.body;
|
|
const html = document.documentElement;
|
|
const height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
|
|
if (100 < $(window).scrollTop()) {
|
|
$(".te-header-menu-area.te-sticky-header").addClass("te-sticky_menu");
|
|
}
|
|
if( height > 1400 ) {
|
|
const nav = $(".te-header-menu-area.te-sticky-header");
|
|
let scrolled = false;
|
|
$(window).scroll(function () {
|
|
if (100 < $(window).scrollTop() && !scrolled) {
|
|
nav
|
|
.addClass("te-sticky_menu animated fadeIn")
|
|
.animate({"margin-top": "0px"});
|
|
scrolled = true;
|
|
}
|
|
if (100 > $(window).scrollTop() && scrolled) {
|
|
nav.removeClass("te-sticky_menu animated fadeIn").css("margin-top", "0px");
|
|
scrolled = false;
|
|
}
|
|
});
|
|
}
|
|
|
|
/*
|
|
Jquery Empty Post Content Hide
|
|
============================*/
|
|
$('.blog-area .te-post-content p').filter(function() {
|
|
return /\u00A0/.test($(this).text());
|
|
}).hide();
|
|
|
|
/*
|
|
Skill Progress Bar Js
|
|
============================*/
|
|
$('.skill-progressbar').one('inview', function(event, isInView) {
|
|
if (isInView) {
|
|
$('.progress-inner').each(function() {
|
|
$(this).find('.progress-content').animate({
|
|
width:$(this).attr('data-percentage')
|
|
},2000);
|
|
|
|
$(this).find('.progress-number-count').animate(
|
|
{left:$(this).attr('data-percentage')},
|
|
{
|
|
duration: 2000,
|
|
step: function(now) {
|
|
let data = Math.round(now);
|
|
$(this).find('.progress-percent').html(data + '%');
|
|
}
|
|
});
|
|
});
|
|
|
|
}
|
|
});
|
|
|
|
/*
|
|
Slider
|
|
============================*/
|
|
$(".slider-wrapper").slick({
|
|
slidesToShow: 1,
|
|
infinite: true,
|
|
autoplay: false,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: true,
|
|
speed: 1500,
|
|
prevArrow:
|
|
"<button type='button' class='slider-arrow-btn prev-btn'><i class='fa-solid fa-angle-left'></i></button>",
|
|
nextArrow:
|
|
"<button type='button' class='slider-arrow-btn next-btn'><i class='fa-solid fa-angle-right'></i></button>",
|
|
responsive: [
|
|
{
|
|
breakpoint: 767,
|
|
settings: {
|
|
autoplay: true,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
/*
|
|
Info Card Slider
|
|
============================*/
|
|
$("#info_card_slider_wrapper").slick({
|
|
slidesToShow: 3,
|
|
infinite: true,
|
|
autoplay: true,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 1500,
|
|
prevArrow:
|
|
"<button type='button' class='te-info-card-arrow-btn prev-btn'><i class='fa-solid fa-angle-left'></i></button>",
|
|
nextArrow:
|
|
"<button type='button' class='te-info-card-arrow-btn next-btn'><i class='fa-solid fa-angle-right'></i></button>",
|
|
responsive: [
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
/*
|
|
Team Slider
|
|
============================*/
|
|
$("#team_slider_wrapper").slick({
|
|
slidesToShow: 4,
|
|
infinite: true,
|
|
autoplay: true,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 1500,
|
|
responsive: [
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
$('#team_slider_prev').on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.slick-prev').trigger('click');
|
|
});
|
|
$('#team_slider_next').on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.slick-next').trigger('click');
|
|
});
|
|
/*
|
|
Testimonial Slider
|
|
============================*/
|
|
$("#home3_testimonial").slick({
|
|
slidesToShow: 2,
|
|
infinite: true,
|
|
autoplay: true,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: true,
|
|
speed: 1500,
|
|
prevArrow:
|
|
"<button type='button' class='testimonial-arrow-btn prev-btn'><i class='fa-solid fa-angle-left'></i></button>",
|
|
nextArrow:
|
|
"<button type='button' class='testimonial-arrow-btn next-btn'><i class='fa-solid fa-angle-right'></i></button>",
|
|
responsive: [
|
|
{
|
|
breakpoint: 1023,
|
|
settings: {
|
|
autoplay: true,
|
|
slidesToShow: 1,
|
|
},
|
|
}
|
|
],
|
|
});
|
|
|
|
|
|
/*
|
|
Testimonial Slider
|
|
============================*/
|
|
$("#testimonial_one").slick({
|
|
slidesToShow: 3,
|
|
infinite: true,
|
|
autoplay: false,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 1500,
|
|
responsive: [
|
|
{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
autoplay: true,
|
|
slidesToShow: 1,
|
|
},
|
|
}
|
|
],
|
|
});
|
|
$('#testimonial_slider_prev').on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.slick-prev').trigger('click');
|
|
});
|
|
$('#testimonial_slider_next').on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.slick-next').trigger('click');
|
|
});
|
|
|
|
|
|
/*
|
|
Testimonial Slider Two
|
|
============================*/
|
|
$("#testimonial_two").slick({
|
|
slidesToShow: 2,
|
|
infinite: true,
|
|
autoplay: false,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 1500,
|
|
responsive: [
|
|
{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
autoplay: true,
|
|
slidesToShow: 2,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
autoplay: true,
|
|
slidesToShow: 1,
|
|
},
|
|
}
|
|
],
|
|
});
|
|
|
|
$('#testimonial_slider_prev').on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.slick-prev').trigger('click');
|
|
});
|
|
$('#testimonial_slider_next').on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.slick-next').trigger('click');
|
|
});
|
|
|
|
/*
|
|
Related Portfolio Slider
|
|
============================*/
|
|
$("#related_portfolio").slick({
|
|
slidesToShow: 3,
|
|
infinite: true,
|
|
autoplay: true,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 1500,
|
|
prevArrow:
|
|
"<button type='button' class='portfolio-arrow-btn prev-btn'><i class='fa-solid fa-angle-left'></i></button>",
|
|
nextArrow:
|
|
"<button type='button' class='portfolio-arrow-btn next-btn'><i class='fa-solid fa-angle-right'></i></button>",
|
|
responsive: [
|
|
{
|
|
breakpoint: 767,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 460,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
|
|
/*
|
|
Post Gallery Slider
|
|
============================*/
|
|
$(".post-gallery").slick({
|
|
slidesToShow: 1,
|
|
infinite: true,
|
|
autoplay: true,
|
|
draggable: true,
|
|
arrows: true,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 300,
|
|
prevArrow:
|
|
"<button type='button' class='post-gallery-btn prev-btn'><i class='fa fa-arrow-left'></i></button>",
|
|
nextArrow:
|
|
"<button type='button' class='post-gallery-btn next-btn'><i class='fa fa-arrow-right'></i></button>",
|
|
});
|
|
|
|
/*
|
|
Client Logo Slider
|
|
============================*/
|
|
$(".client-logo-slider-wrapper").slick({
|
|
slidesToShow: 5,
|
|
infinite: true,
|
|
autoplay: true,
|
|
draggable: true,
|
|
arrows: false,
|
|
slidesToScroll: 1,
|
|
loop: true,
|
|
dots: false,
|
|
speed: 1500,
|
|
prevArrow:
|
|
"<button type='button' class='post-gallery-btn prev-btn'><i class='fa fa-arrow-left'></i></button>",
|
|
nextArrow:
|
|
"<button type='button' class='post-gallery-btn next-btn'><i class='fa fa-arrow-right'></i></button>",
|
|
responsive: [
|
|
{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
slidesToShow: 4,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 991,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 767,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 460,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
/*
|
|
Counter Js
|
|
============================*/
|
|
$(".counter").counterUp({
|
|
delay: 10,
|
|
time: 1000,
|
|
});
|
|
|
|
/*
|
|
Magnific Popup
|
|
============================*/
|
|
$(".video-play").magnificPopup({
|
|
disableOn: 700,
|
|
type: "iframe",
|
|
mainClass: "mfp-fade",
|
|
removalDelay: 160,
|
|
preloader: false,
|
|
fixedContentPos: false,
|
|
});
|
|
|
|
/*
|
|
Jquery Wow Js
|
|
============================*/
|
|
// new WOW().init();
|
|
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: false, // trigger animations on mobile devices (default is true)
|
|
live: true // act on asynchronously loaded content (default is true)
|
|
}
|
|
);
|
|
wow.init();
|
|
}
|
|
|
|
|
|
/*
|
|
Jquery Nice Select Js
|
|
============================*/
|
|
$('select.select_option, select.wpcf7-select').niceSelect();
|
|
|
|
|
|
/*
|
|
Portfolio Isotope Js
|
|
============================*/
|
|
$('.te-portfolio-filter').on( 'click', 'li', function() {
|
|
$("li").removeClass("active");
|
|
$(this).addClass("active");
|
|
var filterValue = $(this).attr('data-filter');
|
|
$grid.isotope({ filter: filterValue });
|
|
});
|
|
var $grid = $('.te-portfolio-isotope-wrapper').isotope({
|
|
itemSelector: '.te-single-isotop',
|
|
percentPosition: true,
|
|
masonry: {
|
|
columnWidth: '.te-single-isotop'
|
|
}
|
|
})
|
|
|
|
/*
|
|
Jquery Tilt Js
|
|
============================*/
|
|
$('.tilt-animate').tilt({
|
|
maxTilt: 12,
|
|
perspective: 1500,
|
|
})
|
|
/*
|
|
Preeloader
|
|
============================*/
|
|
$(window).on("load", function () {
|
|
$("#preloader").fadeOut();
|
|
$("#preloader-status").delay(200).fadeOut("slow");
|
|
$("body").delay(200).css({"overflow-x": "hidden"});
|
|
});
|
|
|
|
});
|
|
})(jQuery);
|