55ok
Mini
(function ($) {
"use strict";
var page_wrapper = localStorage.getItem("page-wrapper", null);
$(".toggle-nav").on("click", function () {
$("#sidebar-links .nav-menu").css("left", "0px");
});
$(".mobile-back").on("click", function () {
$("#sidebar-links .nav-menu").css("left", "-410px");
});
$(".page-wrapper").attr("class", "page-wrapper " + page_wrapper);
if (page_wrapper === null) {
$(".page-wrapper").addClass("compact-wrapper");
}
// left sidebar and vertical menu
if ($("#pageWrapper").hasClass("compact-wrapper")) {
$(".sidebar-title").append(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".sidebar-title").on("click", function () {
$(".sidebar-title")
.removeClass("active")
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".sidebar-submenu, .menu-content").slideUp("normal");
$(".menu-content").slideUp("normal");
if ($(this).next().is(":hidden") == true) {
$(this).addClass("active");
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
);
$(this).next().slideDown("normal");
} else {
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
}
});
$(".sidebar-submenu, .menu-content").hide();
$(".submenu-title").append(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".submenu-title").on("click", function () {
$(".submenu-title")
.removeClass("active")
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".submenu-content").slideUp("normal");
if ($(this).next().is(":hidden") == true) {
$(this).addClass("active");
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
);
$(this).next().slideDown("normal");
} else {
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
}
});
$(".submenu-content").hide();
} else if ($("#pageWrapper").hasClass("horizontal-wrapper")) {
$(window).on("load", function () {
$(document).load($(window).bind("resize", checkPosition));
function checkPosition() {
if (window.matchMedia("(max-width: 991px)").matches) {
$("#pageWrapper")
.removeClass("horizontal-wrapper")
.addClass("compact-wrapper");
$(".page-body-wrapper")
.removeClass("horizontal-menu")
.addClass("sidebar-icon");
$(".submenu-title").append(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".submenu-title").on("click", function () {
$(".submenu-title").removeClass("active");
$(".submenu-title")
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".submenu-content").slideUp("normal");
if ($(this).next().is(":hidden") == true) {
$(this).addClass("active");
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
);
$(this).next().slideDown("normal");
} else {
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
}
});
$(".submenu-content").hide();
$(".sidebar-title").append(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".sidebar-title").on("click", function () {
$(".sidebar-title").removeClass("active");
$(".sidebar-title")
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
$(".sidebar-submenu, .menu-content").slideUp("normal");
if ($(this).next().is(":hidden") == true) {
$(this).addClass("active");
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
);
$(this).next().slideDown("normal");
} else {
$(this)
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
);
}
});
$(".sidebar-submenu, .menu-content").hide();
}
}
});
}
$("#left-arrow").addClass("disabled");
$("#right-arrow").on("click", function () {
var currentPosition = parseInt(view.css("marginLeft"));
if (currentPosition >= sliderLimit) {
$("#left-arrow").removeClass("disabled");
view.stop(false, true).animate(
{
marginLeft: "-=" + move,
},
{
duration: 400,
}
);
if (currentPosition == sliderLimit) {
$(this).addClass("disabled");
console.log("sliderLimit", sliderLimit);
}
}
});
$("#left-arrow").on("click", function () {
var currentPosition = parseInt(view.css("marginLeft"));
if (currentPosition < 0) {
view.stop(false, true).animate(
{
marginLeft: "+=" + move,
},
{
duration: 400,
}
);
$("#right-arrow").removeClass("disabled");
$("#left-arrow").removeClass("disabled");
if (currentPosition >= leftsideLimit) {
$(this).addClass("disabled");
}
}
});
// page active
$(".sidebar-wrapper nav").find("a").removeClass("active");
$(".sidebar-wrapper nav").find("li").removeClass("active");
var current = window.location.pathname;
$(".sidebar-wrapper nav ul>li a").filter(function () {
var link = $(this).attr("href");
if (link) {
if (current.indexOf(link) != -1) {
$(this).parents().children("a").addClass("active");
$(this).parents().parents().children("ul").css("display", "block");
$(this).addClass("active");
$(this)
.parent()
.parent()
.parent()
.children("a")
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
);
$(this)
.parent()
.parent()
.parent()
.parent()
.parent()
.children("a")
.find("div")
.replaceWith(
'<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
);
return false;
}
}
});
$(".left-header .mega-menu .nav-link").on("click", function (event) {
event.stopPropagation();
$(this).parent().children(".mega-menu-container").toggleClass("show");
});
$(".left-header .level-menu .nav-link").on("click", function (event) {
event.stopPropagation();
$(this).parent().children(".header-level-menu").toggleClass("show");
});
$(document).on("click", function () {
$(".mega-menu-container").removeClass("show");
$(".header-level-menu").removeClass("show");
});
$(window).scroll(function () {
var scroll = $(window).scrollTop();
if (scroll >= 50) {
$(".mega-menu-container").removeClass("show");
$(".header-level-menu").removeClass("show");
}
});
$(".left-header .level-menu .nav-link").on("click", function () {
if ($(".mega-menu-container").hasClass("show")) {
$(".mega-menu-container").removeClass("show");
}
});
$(".left-header .mega-menu .nav-link").on("click", function () {
if ($(".header-level-menu").hasClass("show")) {
$(".header-level-menu").removeClass("show");
}
});
$(document).ready(function () {
$(".outside").on("click", function () {
$(this).find(".menu-to-be-close").slideToggle("fast");
});
});
$(document).on("click", function (event) {
var $trigger = $(".outside");
if ($trigger !== event.target && !$trigger.has(event.target).length) {
$(".menu-to-be-close").slideUp("fast");
}
});
$(".left-header .link-section > div").on("click", function (e) {
if ($(window).width() <= 1199) {
$(".left-header .link-section > div").removeClass("active");
$(this).toggleClass("active");
$(this).parent().children("ul").toggleClass("d-block").slideToggle();
}
});
if ($(window).width() <= 1199) {
$(".left-header .link-section").children("ul").css("display", "none");
$(this).parent().children("ul").toggleClass("d-block").slideToggle();
}
if (
$("#sidebar-menu .simplebar-content-wrapper").hasClass(
"a.sidebar-link.sidebar-title.active"
)
) {
$("#sidebar-menu .simplebar-content-wrapper").animate(
{
scrollTop: $("a.sidebar-link.sidebar-title.active").offset().top - 200,
},
1000
);
}
// toggle sidebar
var $nav = $(".sidebar-wrapper");
var $header = $(".page-header");
var $toggle_nav_top = $(".toggle-sidebar");
$toggle_nav_top.on("click", function () {
$nav.toggleClass("close_icon");
$header.toggleClass("close_icon");
$(window).trigger("overlay");
});
$(".sidebar-wrapper .back-btn").click(function (e) {
$(".page-header").toggleClass("close_icon");
$(".sidebar-wrapper").toggleClass("close_icon");
$(window).trigger("overlay");
});
//
var $body_part_side = $(".body-part");
$body_part_side.on("click", function () {
$toggle_nav_top.attr("checked", false);
$nav.addClass("close_icon");
$header.addClass("close_icon");
});
// responsive sidebar
var $window = $(window);
var widthwindow = $window.width();
(function ($) {
"use strict";
if (widthwindow <= 1385) {
$toggle_nav_top.attr("checked", false);
$nav.addClass("close_icon");
$header.addClass("close_icon");
}
})(jQuery);
$(window).resize(function () {
var widthwindaw = $window.width();
if (widthwindaw <= 1385) {
$toggle_nav_top.attr("checked", false);
$nav.addClass("close_icon");
$header.addClass("close_icon");
} else {
$toggle_nav_top.attr("checked", true);
$nav.removeClass("close_icon");
$header.removeClass("close_icon");
}
});
// horizontal arrows
var view = $("#sidebar-menu");
var move = "500px";
var leftsideLimit = -500;
var getMenuWrapperSize = function () {
return $(".sidebar-wrapper").innerWidth();
};
var menuWrapperSize = getMenuWrapperSize();
if (menuWrapperSize >= "1660") {
var sliderLimit = -3000;
} else if (menuWrapperSize >= "1440") {
var sliderLimit = -3600;
} else {
var sliderLimit = -4200;
}
// active link
if($('.simplebar-wrapper .simplebar-content-wrapper') && $('#pageWrapper').hasClass('compact-wrapper')) {
$('.simplebar-wrapper .simplebar-content-wrapper').animate({
scrollTop: $('.simplebar-wrapper .simplebar-content-wrapper a.active').offset().top - 400
}, 1000);
}
})(jQuery);
Zerion Mini 1.0