/home/moonrcjl/public_html/test/wp-content/themes/arsha/assets/js/main.js
/***************************************************
==================== JS INDEX ======================
****************************************************
01. PreLoader Js
02. Mobile Menu Js
03. Common Js
04. Menu Controls JS
05. Offcanvas Js
06. Search Js
07. cartmini Js
08. filter
09. Body overlay Js
10. Sticky Header Js
11. Theme Settings Js
12. Nice Select Js
13. Smooth Scroll Js
14. Slider Activation Area Start
15. Masonary Js
16. Wow Js
17. Counter Js
18. InHover Active Js
19. Line Animation Js
20. Video Play Js
21. Password Toggle Js
****************************************************/
(function ($) {
"use strict";
var windowOn = $(window);
windowOn.on("load", function () {
wowAnimation();
});
////////////////////////////////////////////////////
// 1. preloader Js
windowOn.on("load", function () {
$("#loading").fadeOut(500);
});
$(".mtheader__menu > nav > ul > li").slice(-2).addClass("menu-last");
////////////////////////////////////////////////////
// 2. Back-to-top Js
var btn = $("#back-to-top");
windowOn.scroll(function () {
if (windowOn.scrollTop() > 300) {
btn.addClass("show");
} else {
btn.removeClass("show");
}
});
btn.on("click", function () {
$("html, body").animate({ scrollTop: 0 }, "300");
});
////////////////////////////////////////////////////
// 3. Sticky Js
windowOn.on("scroll", function () {
var scroll = windowOn.scrollTop();
if (scroll < 100) {
$("#mt-header-sticky").removeClass("header-sticky");
} else {
$("#mt-header-sticky").addClass("header-sticky");
}
});
// mobile menu
var tpMenuWrap = $(".mt-mobile-menu-active > ul").clone();
var tpSideMenu = $(".mt-offcanvas-menu nav");
tpSideMenu.append(tpMenuWrap);
if ($(tpSideMenu).find(".sub-menu, .mt-mega-menu").length != 0) {
$(tpSideMenu)
.find(".sub-menu, .mt-mega-menu")
.parent()
.append(
'<button class="mt-menu-close"><i class="fas fa-chevron-right"></i></button>'
);
}
var sideMenuList = $(
".mt-offcanvas-menu nav > ul > li button.mt-menu-close, .mt-offcanvas-menu nav > ul li.has-dropdown > a"
);
$(sideMenuList).on("click", function (e) {
e.preventDefault();
if (!$(this).parent().hasClass("active")) {
$(this).parent().addClass("active");
$(this).siblings(".sub-menu, .mt-mega-menu").slideDown();
} else {
$(this).siblings(".sub-menu, .mt-mega-menu").slideUp();
$(this).parent().removeClass("active");
}
});
////////////////////////////////////////////////////
// 4. Offcanvas bar Js
$(".mt-offcanvas-toogle").on("click", function () {
$(".mt-offcanvas").addClass("mt-offcanvas-open");
$(".mt-offcanvas-overlay").addClass("mt-offcanvas-overlay-open");
});
$(".mt-offcanvas-close-toggle,.mt-offcanvas-overlay").on(
"click",
function () {
$(".mt-offcanvas").removeClass("mt-offcanvas-open");
$(".mt-offcanvas-overlay").removeClass("mt-offcanvas-overlay-open");
}
);
////////////////////////////////////////////////////
// 5. Offcanvas bar Js
$(".mt-search-toggle").on("click", function () {
$(".mt-header-search-bar").addClass("mt-search-open");
$(".mt-offcanvas-overlay").addClass("mt-offcanvas-overlay-open");
});
$(".mt-search-close,.mt-offcanvas-overlay").on("click", function () {
$(".mt-header-search-bar").removeClass("mt-search-open");
$(".mt-offcanvas-overlay").removeClass("mt-offcanvas-overlay-open");
});
// grid active
if ($(".grid").length != 0) {
var $grid = $(".grid").imagesLoaded(function () {
$(".grid").isotope({
itemSelector: ".grid-item",
percentPosition: true,
masonry: {
columnWidth: 1,
},
});
// filter items on button click
$(".mt-portfolio-filter").on("click", "button", function () {
var filterValue = $(this).attr("data-filter");
$grid.isotope({ filter: filterValue });
});
//for menu active class
$(".mt-portfolio-filter button").on("click", function (event) {
$(this).siblings(".active").removeClass("active");
$(this).addClass("active");
event.preventDefault();
});
});
}
// data bg img
$("[data-background]").each(function () {
$(this).css(
"background-image",
"url(" + $(this).attr("data-background") + ")"
);
});
// data bg color
$("[data-bg-color]").each(function () {
$(this).css("background-color", $(this).attr("data-bg-color"));
});
// data color
$("[data-color]").each(function () {
$(this).css("color", $(this).attr("data-color"));
});
$(".popup-image").magnificPopup({
type: "image",
// other options
});
$(".popup-video").magnificPopup({
type: "iframe",
// other options
});
////////////////////////////////////////////////////
// 01. Swiper mt-hero-2-active slider
var swiper = new Swiper(".mtservice__active", {
slidesPerView: 3,
spaceBetween: 24,
breakpoints: {
1781: {
slidesPerView: 3,
},
1199: {
slidesPerView: 3,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
550: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
pagination: {
el: ".mtservie-pagination",
clickable: true,
},
});
////////////////////////////////////////////////////
// 02. Swiper mtproject__active slider
var swiper = new Swiper(".mtproject__active", {
slidesPerView: 5,
spaceBetween: 24,
breakpoints: {
1781: {
slidesPerView: 4,
},
1199: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
550: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
navigation: {
nextEl: ".mtproject-arrow-left",
prevEl: ".mtproject-arrow-right",
},
});
////////////////////////////////////////////////////
// 03. Swiper mtshowcase__active slider
var swiper = new Swiper(".mtshowcase__active", {
slidesPerView: "1.3",
spaceBetween: 40,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
////////////////////////////////////////////////////
// 04. Swiper mtteam__active slider
var swiper = new Swiper(".mtteam__active", {
slidesPerView: 4.3,
spaceBetween: 24,
loop: true,
breakpoints: {
1781: {
slidesPerView: 4.5,
},
1199: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
767: {
slidesPerView: 2,
},
550: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
navigation: {
nextEl: ".mtteam__button-next",
prevEl: ".mtteam__button-prev",
},
});
////////////////////////////////////////////////////
// 05. Swiper mtteam__active slider
var swiper = new Swiper(".mtservice-active-3", {
slidesPerView: 3,
spaceBetween: 24,
loop: true,
breakpoints: {
1781: {
slidesPerView: 3,
},
1199: {
slidesPerView: 3,
},
991: {
slidesPerView: 2,
},
767: {
slidesPerView: 1,
},
550: {
slidesPerView: 1,
},
0: {
slidesPerView: 1,
},
},
navigation: {
nextEl: ".mtteam__button-next",
prevEl: ".mtteam__button-prev",
},
});
////////////////////////////////////////////////////
// 06. Swiper mt-testimonial-active slider
var swiper = new Swiper(".mt-testimonial-active", {
slidesPerView: 1,
loop: true,
navigation: {
nextEl: ".mttestimonial__button-next",
prevEl: ".mttestimonial__button-prev",
},
});
////////////////////////////////////////////////////
// 07. Swiper mt-testimonial-active-2 slider
var swiper = new Swiper(".mt-testimonial-4-active", {
slidesPerView: 3,
spaceBetween: 25,
loop: true,
breakpoints: {
1200: {
slidesPerView: 3,
},
992: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
navigation: {
nextEl: ".mttestimonial__arrow-next",
prevEl: ".mttestimonial__arrow-prev",
},
});
////////////////////////////////////////////////////
// 08. Swiper mt-testimonial-active-2 slider
var swiper = new Swiper(".mt-slider-effect-active", {
slidesPerView: 3.5,
spaceBetween: 25,
loop: true,
breakpoints: {
1200: {
slidesPerView: 3.5,
},
992: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
navigation: {
nextEl: ".mttestimonial__arrow-next",
prevEl: ".mttestimonial__arrow-prev",
},
});
////////////////////////////////////////////////////
// 09. Swiper mt-blog-slider-active slider
var swiper = new Swiper(".mt-blog-slider-active", {
slidesPerView: 2,
spaceBetween: 23,
loop: true,
breakpoints: {
1200: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
768: {
slidesPerView: 2,
},
550: {
slidesPerView: 1,
},
0: {
slidesPerView: 1,
},
},
navigation: {
nextEl: ".mtblog__button-next",
prevEl: ".mtblog__button-prev",
},
});
////////////////////////////////////////////////////
// 10. Swiper mt-brand-title-active slider
var swiper = new Swiper(".mt-brand-title-active", {
slidesPerView: "auto",
spaceBetween: 20,
freemode: true,
centeredSlides: true,
loop: true,
speed: 9000,
allowTouchMove: false,
autoplay: {
delay: 1,
disableOnInteraction: true,
},
});
////////////////////////////////////////////////////
// 11. Swiper mt-brand-2-active slider
var swiper = new Swiper(".mt-brand-2-active", {
slidesPerView: 1,
spaceBetween: 16,
breakpoints: {
1200: {
slidesPerView: 7,
},
992: {
slidesPerView: 5,
},
768: {
slidesPerView: 4,
},
575: {
slidesPerView: 3,
},
0: {
slidesPerView: 3,
},
},
pagination: {
el: ".mtteam__pagination",
clickable: true,
},
navigation: {
nextEl: ".mtteam__arrow-next",
prevEl: ".mtteam__arrow-prev",
},
});
////////////////////////////////////////////////////
// 12. Swiper mt-brand-2-active slider
var swiper = new Swiper(".mt-brand-3-active", {
slidesPerView: 1,
spaceBetween: 0,
breakpoints: {
1200: {
slidesPerView: 7,
},
992: {
slidesPerView: 3,
},
768: {
slidesPerView: 2,
},
575: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
},
},
pagination: {
el: ".mtteam__pagination",
clickable: true,
},
navigation: {
nextEl: ".mtteam__arrow-next",
prevEl: ".mtteam__arrow-prev",
},
});
////////////////////////////////////////////////////
// 13. Swiper mt-brand-2-active slider
var swiper = new Swiper(".mt-blog-active", {
slidesPerView: 1,
spaceBetween: 0,
keyboard: {
enabled: true,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".mt-swiper-blog-button-next",
prevEl: ".mt-swiper-blog-button-prev",
},
});
////////////////////////////////////////////////////
// 22. jarallax Js
$("select").niceSelect();
////////////////////////////////////////////////////
// 17. Counter Js
new PureCounter();
new PureCounter({
filesizing: true,
selector: ".filesizecount",
pulse: 2,
});
// wow
function wowAnimation() {
var wow = new WOW({
boxClass: "wow",
animateClass: "animated",
offset: 0,
mobile: false,
live: true,
});
wow.init();
}
// jarallax
if ($(".jarallax").length) {
$(".jarallax").jarallax({
speed: 0.2,
});
}
})(jQuery);