ok
Mini Shell
"use strict";
/*--
preloader
-----------------------------------*/
$(window).on('load', function(event) {
$('#preloader').delay(500).fadeOut(500);
});
/*--
Header Sticky
-----------------------------------*/
$(window).on('scroll', function(event) {
var scroll = $(window).scrollTop();
if (scroll <= 100) {
$(".header").removeClass("sticky");
} else{
$(".header").addClass("sticky");
}
});
/*--
Menu parent Element Icon
-----------------------------------*/
const $subMenu = document.querySelectorAll('.sub-menu');
$subMenu.forEach(function (subMenu) {
const menuExpand = document.createElement('span')
menuExpand.classList.add('menu-icon')
// menuExpand.innerHTML = '+'
subMenu.parentElement.insertBefore(menuExpand, subMenu)
if (subMenu.classList.contains('mega-menu')) {
subMenu.classList.remove('mega-menu')
subMenu.querySelectorAll('ul').forEach(function (ul) {
ul.classList.add('sub-menu')
const menuExpand = document.createElement('span')
menuExpand.classList.add('menu-icon')
menuExpand.innerHTML = '+'
ul.parentElement.insertBefore(menuExpand, ul)
})
}
})
/*--
Menu Script
-----------------------------------*/
function menuScript() {
$('.menu-toggle').on('click', function(){
$('.mobile-menu').addClass('open')
$('.overlay').addClass('open')
});
$('.menu-close').on('click', function(){
$('.mobile-menu').removeClass('open')
$('.overlay').removeClass('open')
});
$('.overlay').on('click', function(){
$('.mobile-menu').removeClass('open')
$('.overlay').removeClass('open')
});
/*Variables*/
var $offCanvasNav = $('.offcanvas-menu'),
$offCanvasNavSubMenu = $offCanvasNav.find('.sub-menu');
/*Add Toggle Button With Off Canvas Sub Menu*/
$offCanvasNavSubMenu.parent().prepend('<span class="mobile-menu-expand"></span>');
/*Close Off Canvas Sub Menu*/
$offCanvasNavSubMenu.slideUp();
/*Category Sub Menu Toggle*/
$offCanvasNav.on('click', 'li a, li .mobile-menu-expand, li .menu-title', function(e) {
var $this = $(this);
if (($this.parent().attr('class').match(/\b(menu-item-has-children|has-children|has-sub-menu)\b/)) && ($this.attr('href') === '#' || $this.hasClass('mobile-menu-expand'))) {
e.preventDefault();
if ($this.siblings('ul:visible').length) {
$this.parent('li').removeClass('active-expand');
$this.siblings('ul').slideUp();
} else {
$this.parent('li').addClass('active-expand');
$this.closest('li').siblings('li').find('ul:visible').slideUp();
$this.closest('li').siblings('li').removeClass('active-expand');
$this.siblings('ul').slideDown();
}
}
});
$( ".sub-menu" ).parent( "li" ).addClass( "menu-item-has-children" );
}
menuScript();
/*--
Mobile Menu
-----------------------------------*/
/* Get Sibling */
const getSiblings = function (elem) {
const siblings = []
let sibling = elem.parentNode.firstChild
while (sibling) {
if (sibling.nodeType === 1 && sibling !== elem) {
siblings.push(sibling)
}
sibling = sibling.nextSibling
}
return siblings
}
/* Slide Up */
const slideUp = (target, time) => {
const duration = time ? time : 500;
target.style.transitionProperty = 'height, margin, padding'
target.style.transitionDuration = duration + 'ms'
target.style.boxSizing = 'border-box'
target.style.height = target.offsetHeight + 'px'
target.offsetHeight
target.style.overflow = 'hidden'
target.style.height = 0
window.setTimeout(() => {
target.style.display = 'none'
target.style.removeProperty('height')
target.style.removeProperty('overflow')
target.style.removeProperty('transition-duration')
target.style.removeProperty('transition-property')
}, duration)
}
/* Slide Down */
const slideDown = (target, time) => {
const duration = time ? time : 500;
target.style.removeProperty('display')
let display = window.getComputedStyle(target).display
if (display === 'none') display = 'block'
target.style.display = display
const height = target.offsetHeight
target.style.overflow = 'hidden'
target.style.height = 0
target.offsetHeight
target.style.boxSizing = 'border-box'
target.style.transitionProperty = 'height, margin, padding'
target.style.transitionDuration = duration + 'ms'
target.style.height = height + 'px'
window.setTimeout(() => {
target.style.removeProperty('height')
target.style.removeProperty('overflow')
target.style.removeProperty('transition-duration')
target.style.removeProperty('transition-property')
}, duration)
}
/* Slide Toggle */
const slideToggle = (target, time) => {
const duration = time ? time : 500;
if (window.getComputedStyle(target).display === 'none') {
return slideDown(target, duration)
} else {
return slideUp(target, duration)
}
}
/*--
Offcanvas/Collapseable Menu
-----------------------------------*/
const offCanvasMenu = function (selector) {
const $offCanvasNav = document.querySelector(selector),
$subMenu = $offCanvasNav.querySelectorAll('.sub-menu');
$subMenu.forEach(function (subMenu) {
const menuExpand = document.createElement('span')
menuExpand.classList.add('menu-expand')
// menuExpand.innerHTML = '+'
subMenu.parentElement.insertBefore(menuExpand, subMenu)
if (subMenu.classList.contains('mega-menu')) {
subMenu.classList.remove('mega-menu')
subMenu.querySelectorAll('ul').forEach(function (ul) {
ul.classList.add('sub-menu')
const menuExpand = document.createElement('span')
menuExpand.classList.add('menu-expand')
menuExpand.innerHTML = '+'
ul.parentElement.insertBefore(menuExpand, ul)
})
}
})
$offCanvasNav.querySelectorAll('.menu-expand').forEach(function (item) {
item.addEventListener('click', function (e) {
e.preventDefault()
const parent = this.parentElement
if (parent.classList.contains('active')) {
parent.classList.remove('active');
parent.querySelectorAll('.sub-menu').forEach(function (subMenu) {
subMenu.parentElement.classList.remove('active');
slideUp(subMenu)
})
} else {
parent.classList.add('active');
slideDown(this.nextElementSibling)
getSiblings(parent).forEach(function (item) {
item.classList.remove('active')
item.querySelectorAll('.sub-menu').forEach(function (subMenu) {
subMenu.parentElement.classList.remove('active');
slideUp(subMenu)
})
})
}
})
})
}
offCanvasMenu('.offcanvas-menu');
/*--
Mousemove Parallax
-----------------------------------*/
var b = document.getElementsByTagName("BODY")[0];
b.addEventListener("mousemove", function(event) {
parallaxed(event);
});
function parallaxed(e) {
var amountMovedX = (e.clientX * -0.3 / 8);
var amountMovedY = (e.clientY * -0.3 / 8);
var x = document.getElementsByClassName("parallaxed");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.transform='translate(' + amountMovedX + 'px,' + amountMovedY + 'px)'
}
}
/*--
Testimonial
-----------------------------------*/
var swiper = new Swiper(".author-images-active .swiper-container", {
loop: true,
spaceBetween: 0,
slidesPerView: 1,
effect: "fade",
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
var swiper2 = new Swiper(".testimonial-content-active .swiper-container", {
loop: true,
spaceBetween: 20,
pagination: {
el: ".testimonial-content-active .swiper-pagination",
clickable: true,
},
thumbs: {
swiper: swiper,
},
});
/*--
Testimonial Two Active
-----------------------------------*/
var swiper = new Swiper(".testimonial-02-active", {
slidesPerView: 2,
spaceBetween: 30,
loop: true,
pagination: {
el: ".testimonial-02-active .swiper-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
spaceBetween: 20,
},
768: {
slidesPerView: 1,
},
992: {
slidesPerView: 1,
},
1400: {
slidesPerView: 2,
},
},
});
/*--
Courses Active
-----------------------------------*/
var swiper = new Swiper(".courses-active", {
slidesPerView: 3,
spaceBetween: 30,
loop: true,
pagination: {
el: ".courses-active .swiper-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
},
});
/*--
Class Active
-----------------------------------*/
var swiper = new Swiper(".class-active .swiper-container", {
slidesPerView: 3,
loop: true,
spaceBetween: 30,
pagination: {
el: ".class-active .swiper-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
}
},
});
/*--
Testimonial Active
-----------------------------------*/
var swiper = new Swiper('.testimonial-3-active', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
pagination: {
el: ".testimonial-3-active .swiper-pagination",
clickable: true,
},
});
/*--
Language Active
-----------------------------------*/
var swiper = new Swiper(".language-active .swiper-container", {
slidesPerView: 4,
spaceBetween: 30,
loop: true,
navigation: {
nextEl: '.language-active .swiper-button-next',
prevEl: '.language-active .swiper-button-prev',
},
breakpoints: {
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
},
},
});
/*--
Brand Active
-----------------------------------*/
var swiper = new Swiper(".brand-active .swiper-container", {
slidesPerView: 6,
spaceBetween: 30,
loop: true,
breakpoints: {
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 3,
},
992: {
slidesPerView: 4,
},
1200: {
slidesPerView: 6,
},
},
});
/*--
Counter Up
-----------------------------------*/
$('.counter').counterUp({
delay: 10,
time: 1500,
});
/*--
magnificPopup video view
-----------------------------------*/
$('.popup-video').magnificPopup({
type: 'iframe'
});
/*--
nice select
-----------------------------------*/
$('select').niceSelect();
/*--
AOS
-----------------------------------*/
AOS.init({
duration: 1200,
once: true,
});
/*--
Back To Top
-----------------------------------*/
// Scroll Event
$(window).on('scroll', function () {
var scrolled = $(window).scrollTop();
if (scrolled > 300) $('.back-btn').addClass('active');
if (scrolled < 300) $('.back-btn').removeClass('active');
});
// Click Event
$('.back-btn').on('click', function () {
$("html, body").animate({
scrollTop: "0"
}, 1200);
});
//hide/show button on scroll up/down
// mouse-on examples
$('.single-course').data('powertiptarget', 'course-hover');
$('.single-course').powerTip({
placement: 'e',
mouseOnToPopup: true,
smartPlacement: true,
});
Zerion Mini Shell 1.0