mirror of
https://github.com/OpenXE-org/OpenXE.git
synced 2024-11-15 20:47:15 +01:00
142 lines
2.8 KiB
JavaScript
142 lines
2.8 KiB
JavaScript
$(function() {
|
|
|
|
|
|
/* initialize tabs */
|
|
$( "#tabs" ).tabs();
|
|
|
|
|
|
/* Maken Menu Sticky on Scroll */
|
|
var mainMenu = $("#main"),
|
|
header = $("#header"),
|
|
sidebar = $("#sidebar"),
|
|
sidebarToggle = $(".sidebar-toggle"),
|
|
scrollTop,
|
|
headerOuterheight = header.outerHeight();
|
|
|
|
$(window).on( 'scroll', function(){
|
|
scrollTop = $(this).scrollTop();
|
|
|
|
if(scrollTop > 0 && sidebar.hasClass("collapsed")){
|
|
sidebarToggle.hide();
|
|
} else {
|
|
sidebarToggle.show();
|
|
}
|
|
|
|
if(scrollTop >= headerOuterheight &&
|
|
window.matchMedia("(min-width: 1000px)").matches){
|
|
mainMenu.addClass("fixed");
|
|
} else {
|
|
|
|
mainMenu.removeClass("fixed");
|
|
}
|
|
});
|
|
|
|
/* Check if mobile */
|
|
|
|
function checkMobile(x) {
|
|
if (mob.matches) {
|
|
$mobil = false;
|
|
} else {
|
|
$mobil = true;
|
|
}
|
|
}
|
|
|
|
/* Set mobile width */
|
|
var mob = window.matchMedia("(min-width: 1000px)")
|
|
checkMobile(mob)
|
|
mob.addListener(checkMobile)
|
|
|
|
|
|
|
|
|
|
/* Make Menu Merge on linebreak */
|
|
|
|
var mainmenu = {
|
|
menu : $('#mainmenu'),
|
|
fullw : 0
|
|
},
|
|
submenu = {
|
|
menu : $('#submenu'),
|
|
fullw : 0
|
|
};
|
|
|
|
|
|
mainmenu.menu.attr('data-items', mainmenu.menu.children().length);
|
|
submenu.menu.attr('data-items', submenu.menu.children().length);
|
|
|
|
|
|
function menu_merge(m){
|
|
|
|
var childw = 0,
|
|
menu = m.menu;
|
|
|
|
menu.children().outerWidth(function(i,w){childw+=w+1;},true);
|
|
|
|
|
|
if(childw >= menu.width()) {
|
|
|
|
if(m.fullw == 0){
|
|
menu.children().outerWidth(function(i,w){m.fullw+=w+1;},true);
|
|
}
|
|
|
|
menu.addClass("merged");
|
|
}
|
|
|
|
if(m.fullw != 0 && menu.width() >= m.fullw){
|
|
menu.removeClass("merged");
|
|
}
|
|
}
|
|
|
|
|
|
/* run on load */
|
|
if(!$mobil){
|
|
menu_merge(mainmenu);
|
|
menu_merge(submenu);
|
|
}
|
|
|
|
/* run on resize */
|
|
$(window).on('resize', function(){
|
|
|
|
if(!$mobil){
|
|
menu_merge(mainmenu);
|
|
menu_merge(submenu);
|
|
} else {
|
|
mainmenu.menu.removeClass("merged");
|
|
submenu.menu.removeClass("merged");
|
|
}
|
|
});
|
|
|
|
$menuOpener = $("#header .menu-opener");
|
|
$closem = $(".close-mobile");
|
|
|
|
|
|
$menuOpener.on("click", function(){
|
|
mainmenu.menu.toggleClass("fixed");
|
|
$closem.addClass("display");
|
|
$("body").css("overflow", "hidden");
|
|
});
|
|
|
|
|
|
mainmenu.menu.find(" > li > a").on("click", function(){
|
|
submenu.menu.removeClass("fixed");
|
|
$(this).siblings("ul.submenu").addClass("fixed");
|
|
mainmenu.menu.find(" > li").removeClass("show").addClass("mobilehide");
|
|
$(this).parent().removeClass("mobilehide").addClass("show");
|
|
|
|
});
|
|
|
|
|
|
$(".menu-wrapper").on("click", ".close-mobile", function(){
|
|
mainmenu.menu.removeClass("fixed").find("ul.submenu").removeClass("fixed");
|
|
mainmenu.menu.find(" > li").removeClass("mobilehide").removeClass("show");
|
|
$(this).removeClass("display");
|
|
$("body").css("overflow", "visible");
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|