199 lines
5.0 KiB
JavaScript
199 lines
5.0 KiB
JavaScript
jQuery(function ($) {
|
|
'use strict';
|
|
|
|
// Menu Shrink JS
|
|
$(window).on('scroll', function() {
|
|
if ($(this).scrollTop() > 50) {
|
|
$('.main-nav').addClass('menu-shrink');
|
|
} else {
|
|
$('.main-nav').removeClass('menu-shrink');
|
|
}
|
|
});
|
|
|
|
// Mean Menu JS
|
|
jQuery('.mean-menu').meanmenu({
|
|
meanScreenWidth: '991'
|
|
});
|
|
|
|
// Odometer JS
|
|
$('.odometer').appear(function(e) {
|
|
var odo = $('.odometer');
|
|
odo.each(function() {
|
|
var countNumber = $(this).attr('data-count');
|
|
$(this).html(countNumber);
|
|
});
|
|
});
|
|
|
|
// Popup Youtube JS
|
|
$('.popup-youtube').magnificPopup({
|
|
disableOn: 320,
|
|
type: 'iframe',
|
|
mainClass: 'mfp-fade',
|
|
removalDelay: 160,
|
|
preloader: false,
|
|
fixedContentPos: false
|
|
});
|
|
|
|
// Review Slider JS
|
|
$('.review-slider').owlCarousel({
|
|
loop: true,
|
|
margin: 0,
|
|
nav: true,
|
|
dots: false,
|
|
smartSpeed: 1000,
|
|
autoplay: true,
|
|
autoplayTimeout: 4000,
|
|
autoplayHoverPause: true,
|
|
navText: [
|
|
"<i class='bx bx-left-arrow-alt'></i>",
|
|
"<i class='bx bx-right-arrow-alt'></i>"
|
|
],
|
|
responsive:{
|
|
0:{
|
|
items: 1,
|
|
},
|
|
600:{
|
|
items: 2,
|
|
},
|
|
1000:{
|
|
items: 2,
|
|
}
|
|
}
|
|
});
|
|
|
|
// Nice Select JS
|
|
$('select').niceSelect();
|
|
|
|
// Accordion JS
|
|
$('.accordion > li:eq(0) a').addClass('active').next().slideDown();
|
|
$('.accordion a').on('click', function(j) {
|
|
var dropDown = $(this).closest('li').find('p');
|
|
$(this).closest('.accordion').find('p').not(dropDown).slideUp();
|
|
if ($(this).hasClass('active')) {
|
|
$(this).removeClass('active');
|
|
} else {
|
|
$(this).closest('.accordion').find('a.active').removeClass('active');
|
|
$(this).addClass('active');
|
|
}
|
|
dropDown.stop(false, true).slideToggle();
|
|
j.preventDefault();
|
|
});
|
|
|
|
// Timer JS
|
|
let getDaysId = document.getElementById('days');
|
|
if(getDaysId !== null){
|
|
|
|
const second = 1000;
|
|
const minute = second * 60;
|
|
const hour = minute * 60;
|
|
const day = hour * 24;
|
|
|
|
let countDown = new Date('December 30, 2022 00:00:00').getTime();
|
|
setInterval(function() {
|
|
let now = new Date().getTime();
|
|
let distance = countDown - now;
|
|
|
|
document.getElementById('days').innerText = Math.floor(distance / (day)),
|
|
document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
|
|
document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
|
|
document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);
|
|
}, second);
|
|
};
|
|
|
|
// Subscribe Form JS
|
|
$('.newsletter-form').validator().on('submit', function (event) {
|
|
if (event.isDefaultPrevented()) {
|
|
// Hande the invalid form...
|
|
formErrorSub();
|
|
submitMSGSub(false, 'Please enter your email correctly.');
|
|
} else {
|
|
// Everything looks good!
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
function callbackFunction (resp) {
|
|
if (resp.result === 'success') {
|
|
formSuccessSub();
|
|
}
|
|
else {
|
|
formErrorSub();
|
|
}
|
|
}
|
|
function formSuccessSub(){
|
|
$('.newsletter-form')[0].reset();
|
|
submitMSGSub(true, 'Thank you for subscribing!');
|
|
setTimeout(function() {
|
|
$('#validator-newsletter').addClass('hide');
|
|
}, 4000)
|
|
}
|
|
function formErrorSub(){
|
|
$('.newsletter-form').addClass('animated shake');
|
|
setTimeout(function() {
|
|
$('.newsletter-form').removeClass('animated shake');
|
|
}, 1000)
|
|
}
|
|
function submitMSGSub(valid, msg){
|
|
if(valid){
|
|
var msgClasses = 'validation-success';
|
|
} else {
|
|
var msgClasses = 'validation-danger';
|
|
}
|
|
$('#validator-newsletter').removeClass().addClass(msgClasses).text(msg);
|
|
}
|
|
|
|
// AJAX Mail Chimp JS
|
|
$('.newsletter-form').ajaxChimp({
|
|
url: 'https://envytheme.us20.list-manage.com/subscribe/post?u=60e1ffe2e8a68ce1204cd39a5&id=42d6d188d9', // Your url MailChimp
|
|
callback: callbackFunction
|
|
});
|
|
|
|
// Preloader JS
|
|
jQuery(window).on('load',function(){
|
|
jQuery('.loader').fadeOut(500);
|
|
});
|
|
|
|
// Back to Top JS
|
|
$('body').append('<div id="toTop" class="back-to-top-btn"><i class="bx bxs-up-arrow-alt"></i></div>');
|
|
$(window).on('scroll', function() {
|
|
if ($(this).scrollTop() != 0) {
|
|
$('#toTop').fadeIn();
|
|
}
|
|
else {
|
|
$('#toTop').fadeOut();
|
|
}
|
|
});
|
|
$('#toTop').on('click', function(){
|
|
$('html, body').animate({ scrollTop: 0 }, 900);
|
|
return false;
|
|
});
|
|
|
|
// Switch Btn
|
|
$('body').append("<div class='switch-box'><label id='switch' class='switch'><input type='checkbox' onchange='toggleTheme()' id='slider'><span class='slider round'></span></label></div>");
|
|
}(jQuery));
|
|
|
|
// function to set a given theme/color-scheme
|
|
function setTheme(themeName) {
|
|
localStorage.setItem('lixi_theme', themeName);
|
|
document.documentElement.className = themeName;
|
|
}
|
|
|
|
// function to toggle between light and dark theme
|
|
function toggleTheme() {
|
|
if (localStorage.getItem('lixi_theme') === 'theme-dark') {
|
|
setTheme('theme-light');
|
|
} else {
|
|
setTheme('theme-dark');
|
|
}
|
|
}
|
|
|
|
// Immediately invoked function to set the theme on initial load
|
|
(function () {
|
|
if (localStorage.getItem('lixi_theme') === 'theme-dark') {
|
|
setTheme('theme-dark');
|
|
document.getElementById('slider').checked = false;
|
|
} else {
|
|
setTheme('theme-light');
|
|
document.getElementById('slider').checked = true;
|
|
}
|
|
})();
|