update
This commit is contained in:
@@ -0,0 +1,372 @@
|
||||
(function ($) {
|
||||
"use strict";
|
||||
$(document).on('click', function (e) {
|
||||
var outside_space = $(".outside");
|
||||
if (!outside_space.is(e.target) &&
|
||||
outside_space.has(e.target).length === 0) {
|
||||
$(".menu-to-be-close").removeClass("d-block");
|
||||
$('.menu-to-be-close').css('display', 'none');
|
||||
}
|
||||
})
|
||||
|
||||
$('.prooduct-details-box .close').on('click', function (e) {
|
||||
var tets = $(this).parent().parent().parent().parent().addClass('d-none');
|
||||
console.log(tets);
|
||||
})
|
||||
|
||||
|
||||
|
||||
if ($('.page-wrapper').hasClass('horizontal-wrapper')){
|
||||
|
||||
$(".sidebar-list").hover(
|
||||
function () {
|
||||
$(this).addClass("hoverd");
|
||||
},
|
||||
function () {
|
||||
$(this).removeClass("hoverd");
|
||||
}
|
||||
);
|
||||
$(window).on('scroll', function () {
|
||||
if ($(this).scrollTop() < 600) {
|
||||
$(".sidebar-list").removeClass("hoverd");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*----------------------------------------
|
||||
passward show hide
|
||||
----------------------------------------*/
|
||||
$('.show-hide').show();
|
||||
$('.show-hide span').addClass('show');
|
||||
|
||||
$('.show-hide span').click(function () {
|
||||
if ($(this).hasClass('show')) {
|
||||
$('input[name="login[password]"]').attr('type', 'text');
|
||||
$(this).removeClass('show');
|
||||
} else {
|
||||
$('input[name="login[password]"]').attr('type', 'password');
|
||||
$(this).addClass('show');
|
||||
}
|
||||
});
|
||||
$('form button[type="submit"]').on('click', function () {
|
||||
$('.show-hide span').addClass('show');
|
||||
$('.show-hide').parent().find('input[name="login[password]"]').attr('type', 'password');
|
||||
});
|
||||
|
||||
/*=====================
|
||||
02. Background Image js
|
||||
==========================*/
|
||||
$(".bg-center").parent().addClass('b-center');
|
||||
$(".bg-img-cover").parent().addClass('bg-size');
|
||||
$('.bg-img-cover').each(function () {
|
||||
var el = $(this),
|
||||
src = el.attr('src'),
|
||||
parent = el.parent();
|
||||
parent.css({
|
||||
'background-image': 'url(' + src + ')',
|
||||
'background-size': 'cover',
|
||||
'background-position': 'center',
|
||||
'display': 'block'
|
||||
});
|
||||
el.hide();
|
||||
});
|
||||
|
||||
$(".mega-menu-container").css("display", "none");
|
||||
$(".header-search").click(function () {
|
||||
$(".search-full").addClass("open");
|
||||
});
|
||||
$(".close-search").click(function () {
|
||||
$(".search-full").removeClass("open");
|
||||
$("body").removeClass("offcanvas");
|
||||
});
|
||||
$(".mobile-toggle").click(function () {
|
||||
$(".nav-menus").toggleClass("open");
|
||||
});
|
||||
$(".mobile-toggle-left").click(function () {
|
||||
$(".left-header").toggleClass("open");
|
||||
});
|
||||
$(".bookmark-search").click(function () {
|
||||
$(".form-control-search").toggleClass("open");
|
||||
})
|
||||
$(".filter-toggle").click(function () {
|
||||
$(".product-sidebar").toggleClass("open");
|
||||
});
|
||||
$(".toggle-data").click(function () {
|
||||
$(".product-wrapper").toggleClass("sidebaron");
|
||||
});
|
||||
$(".form-control-search input").keyup(function (e) {
|
||||
if (e.target.value) {
|
||||
$(".page-wrapper").addClass("offcanvas-bookmark");
|
||||
} else {
|
||||
$(".page-wrapper").removeClass("offcanvas-bookmark");
|
||||
}
|
||||
});
|
||||
$(".search-full input").keyup(function (e) {
|
||||
console.log(e.target.value);
|
||||
if (e.target.value) {
|
||||
$("body").addClass("offcanvas");
|
||||
} else {
|
||||
$("body").removeClass("offcanvas");
|
||||
}
|
||||
});
|
||||
|
||||
$('body').keydown(function (e) {
|
||||
if (e.keyCode == 27) {
|
||||
$('.search-full input').val('');
|
||||
$('.form-control-search input').val('');
|
||||
$('.page-wrapper').removeClass('offcanvas-bookmark');
|
||||
$('.search-full').removeClass('open');
|
||||
$('.search-form .form-control-search').removeClass('open');
|
||||
$("body").removeClass("offcanvas");
|
||||
}
|
||||
});
|
||||
$(".mode").on("click", function () {
|
||||
const bodyModeDark = $("body").hasClass("dark-only")
|
||||
|
||||
if(!bodyModeDark){
|
||||
$(".mode").addClass("active")
|
||||
localStorage.setItem("mode","dark-only")
|
||||
$("body").addClass("dark-only")
|
||||
$("body").removeClass("light")
|
||||
}
|
||||
if(bodyModeDark){
|
||||
|
||||
$(".mode").removeClass("active")
|
||||
localStorage.setItem("mode","light")
|
||||
$("body").removeClass("dark-only")
|
||||
$("body").addClass("light")
|
||||
}
|
||||
|
||||
})
|
||||
$("body").addClass(localStorage.getItem("mode") ? localStorage.getItem("mode") : "light")
|
||||
$(".mode").addClass(localStorage.getItem("mode") === "dark-only" ? "active" : " ")
|
||||
|
||||
// sidebar filter
|
||||
$('.md-sidebar .md-sidebar-toggle ').on('click', function(e) {
|
||||
$(".md-sidebar .md-sidebar-aside ").toggleClass("open");
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
$('.loader-wrapper').fadeOut('slow', function () {
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
$(window).on('scroll', function () {
|
||||
if ($(this).scrollTop() > 600) {
|
||||
$('.tap-top').fadeIn();
|
||||
} else {
|
||||
$('.tap-top').fadeOut();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('.tap-top').click(function () {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 600);
|
||||
return false;
|
||||
});
|
||||
(function ($, window, document, undefined) {
|
||||
"use strict";
|
||||
var $ripple = $(".js-ripple");
|
||||
$ripple.on("click.ui.ripple", function (e) {
|
||||
var $this = $(this);
|
||||
var $offset = $this.parent().offset();
|
||||
var $circle = $this.find(".c-ripple__circle");
|
||||
var x = e.pageX - $offset.left;
|
||||
var y = e.pageY - $offset.top;
|
||||
$circle.css({
|
||||
top: y + "px",
|
||||
left: x + "px"
|
||||
});
|
||||
$this.addClass("is-active");
|
||||
});
|
||||
$ripple.on(
|
||||
"animationend webkitAnimationEnd oanimationend MSAnimationEnd",
|
||||
function (e) {
|
||||
$(this).removeClass("is-active");
|
||||
});
|
||||
|
||||
|
||||
})(jQuery, window, document);
|
||||
|
||||
|
||||
// active link
|
||||
|
||||
$(".chat-menu-icons .toogle-bar").click(function () {
|
||||
$(".chat-menu").toggleClass("show");
|
||||
});
|
||||
|
||||
|
||||
// Language
|
||||
var tnum = 'en';
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
if (localStorage.getItem("primary") != null) {
|
||||
var primary_val = localStorage.getItem("primary");
|
||||
$("#ColorPicker1").val(primary_val);
|
||||
var secondary_val = localStorage.getItem("secondary");
|
||||
$("#ColorPicker2").val(secondary_val);
|
||||
}
|
||||
|
||||
|
||||
$(document).click(function (e) {
|
||||
$('.translate_wrapper, .more_lang').removeClass('active');
|
||||
});
|
||||
$('.translate_wrapper .current_lang').click(function (e) {
|
||||
e.stopPropagation();
|
||||
$(this).parent().toggleClass('active');
|
||||
|
||||
setTimeout(function () {
|
||||
$('.more_lang').toggleClass('active');
|
||||
}, 5);
|
||||
});
|
||||
|
||||
|
||||
/*TRANSLATE*/
|
||||
translate(tnum);
|
||||
|
||||
$('.more_lang .lang').click(function () {
|
||||
$(this).addClass('selected').siblings().removeClass('selected');
|
||||
$('.more_lang').removeClass('active');
|
||||
|
||||
var i = $(this).find('i').attr('class');
|
||||
var lang = $(this).attr('data-value');
|
||||
var tnum = lang;
|
||||
translate(tnum);
|
||||
|
||||
$('.current_lang .lang-txt').text(lang);
|
||||
$('.current_lang i').attr('class', i);
|
||||
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
function translate(tnum) {
|
||||
$('.lan-1').text(trans[0][tnum]);
|
||||
$('.lan-2').text(trans[1][tnum]);
|
||||
$('.lan-3').text(trans[2][tnum]);
|
||||
$('.lan-4').text(trans[3][tnum]);
|
||||
$('.lan-5').text(trans[4][tnum]);
|
||||
$('.lan-6').text(trans[5][tnum]);
|
||||
$('.lan-7').text(trans[6][tnum]);
|
||||
$('.lan-8').text(trans[7][tnum]);
|
||||
$('.lan-9').text(trans[8][tnum]);
|
||||
}
|
||||
|
||||
var trans = [{
|
||||
en: 'General',
|
||||
pt: 'Geral',
|
||||
es: 'Generalo',
|
||||
fr: 'Générale',
|
||||
de: 'Generel',
|
||||
cn: '一般',
|
||||
ae: 'ØØ¬Ù†Ø±Ø§Ù„ لواء'
|
||||
}, {
|
||||
en: 'Dashboards,widgets & layout.',
|
||||
pt: 'Painéis, widgets e layout.',
|
||||
es: 'Paneloj, fenestraĵoj kaj aranÄo.',
|
||||
fr: "Tableaux de bord, widgets et mise en page.",
|
||||
de: 'Dashboards, widgets en lay-out.',
|
||||
cn: '仪表æ¿ï¼Œå°å·¥å…·å’Œå¸ƒå±€ã€‚',
|
||||
ae: 'Ù„ÙˆØØ§Øª المعلومات والأدوات والتخطيط.'
|
||||
}, {
|
||||
en: 'Dashboards',
|
||||
pt: 'Painéis',
|
||||
es: 'Paneloj',
|
||||
fr: 'Tableaux',
|
||||
de: 'Dashboards',
|
||||
cn: ' ä»ªè¡¨æ¿ ',
|
||||
ae: 'ÙˆØØ§Øª القيادة '
|
||||
}, {
|
||||
en: 'Default',
|
||||
pt: 'Padrão',
|
||||
es: 'Vaikimisi',
|
||||
fr: 'Défaut',
|
||||
de: 'Standaard',
|
||||
cn: 'é›»å商務',
|
||||
ae: 'ÙˆØ¥ÙØªØ±Ø§Ø¶ÙŠ'
|
||||
}, {
|
||||
en: 'Ecommerce',
|
||||
pt: 'Comércio eletrônico',
|
||||
es: 'Komerco',
|
||||
fr: 'Commerce électronique',
|
||||
de: 'E-commerce',
|
||||
cn: 'é›»å商務',
|
||||
ae: 'والتجارة الإلكترونية'
|
||||
}, {
|
||||
en: 'Widgets',
|
||||
pt: 'Ferramenta',
|
||||
es: 'Vidin',
|
||||
fr: 'Widgets',
|
||||
de: 'Widgets',
|
||||
cn: 'å°éƒ¨ä»¶',
|
||||
ae: 'ÙˆØ§Ù„ØØ§Ø¬ÙŠØ§Øª'
|
||||
}, {
|
||||
en: 'Page layout',
|
||||
pt: 'Layout da página',
|
||||
es: 'PaÄa aranÄo',
|
||||
fr: 'Tableaux',
|
||||
de: 'Mise en page',
|
||||
cn: 'é é¢ä½ˆå±€',
|
||||
ae: 'وتخطيط Ø§Ù„ØµÙØØ©'
|
||||
}, {
|
||||
en: 'Applications',
|
||||
pt: 'Formulários',
|
||||
es: 'Aplikoj',
|
||||
fr: 'Applications',
|
||||
de: 'Toepassingen',
|
||||
cn: 'æ‡‰ç”¨é ˜åŸŸ',
|
||||
ae: 'والتطبيقات'
|
||||
}, {
|
||||
en: 'Ready to use Apps',
|
||||
pt: 'Pronto para usar aplicativos',
|
||||
es: 'Preta uzi Apps',
|
||||
fr: ' Applications prêtes à lemploi ',
|
||||
de: 'Klaar om apps te gebruiken',
|
||||
cn: '仪表æ¿',
|
||||
ae: 'جاهز لاستخدام التطبيقات'
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
$(".mobile-title svg").click(function () {
|
||||
$(".header-mega").toggleClass("d-block");
|
||||
});
|
||||
|
||||
$(".onhover-dropdown").on("click", function () {
|
||||
$(this).children('.onhover-show-div').toggleClass("active");
|
||||
});
|
||||
|
||||
// if ($(window).width() <= 991) {
|
||||
// $(".left-header .link-section").children('ul').css('display', 'none');
|
||||
// $(this).parent().children('ul').toggleClass("d-block").slideToggle();
|
||||
// }
|
||||
|
||||
|
||||
// if ($(window).width() < 991) {
|
||||
// $('<div class="bg-overlay"></div>').appendTo($('body'));
|
||||
// $(".bg-overlay").on("click", function () {
|
||||
// $(".page-header").addClass("close_icon");
|
||||
// $(".sidebar-wrapper").addClass("close_icon");
|
||||
// $(this).removeClass("active");
|
||||
// });
|
||||
|
||||
// $(".toggle-sidebar").on("click", function () {
|
||||
// $(".bg-overlay").addClass("active");
|
||||
// });
|
||||
// $(".back-btn").on("click", function () {
|
||||
// $(".bg-overlay").removeClass("active");
|
||||
// });
|
||||
// }
|
||||
|
||||
$("#flip-btn").click(function(){
|
||||
$(".flip-card-inner").addClass("flipped")
|
||||
});
|
||||
|
||||
$("#flip-back").click(function(){
|
||||
$(".flip-card-inner").removeClass("flipped")
|
||||
})
|
||||
Reference in New Issue
Block a user