mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2025-03-01 10:33:28 +00:00
3e8c6f3b25
* Update Gijgo to 1.9.13 * Update DOMPurify 2.3.6 * Update Marked 4.0.12 * Update metismenu 3.0.7 * Issue Update Priority, if first LED changes for COLOR update (to reflect color correctly in UI) * Add Yeelight W3 MultiColor * Update to jquery 3.6.0
75 lines
2.0 KiB
JavaScript
75 lines
2.0 KiB
JavaScript
|
|
$(function() {
|
|
|
|
$('#side-menu').metisMenu();
|
|
|
|
});
|
|
|
|
var mInit = false;
|
|
|
|
//Loads the correct sidebar on window load,
|
|
//collapses the sidebar on window resize.
|
|
// Sets the min-height of #page-wrapper to window size
|
|
$(function() {
|
|
$(window).on("load resize", function() {
|
|
var topOffset = 50;
|
|
var width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
|
|
if (width < 768)
|
|
{
|
|
if(!mInit)
|
|
{
|
|
mInit = true;
|
|
$('#main-nav').css({"position":"fixed","right":"-235px","top":"45px","width":"230px","border":"1px solid rgba(0, 0, 0, .2)","box-shadow":"0 3px 9px rgba(0, 0, 0, .5)"});
|
|
topOffset = 100; // 2-row-menu
|
|
|
|
$('.mnava').bind('click.smnav', function(){
|
|
$( "#main-nav" ).animate({right: "-235px",}, 300 );
|
|
$(".navbar-toggle").addClass("closed");
|
|
});
|
|
}
|
|
}
|
|
else
|
|
{
|
|
$( "#main-nav" ).removeAttr('style').css({"position":"fixed"});
|
|
$( ".mnava" ).off('click.smnav');
|
|
mInit = false;
|
|
}
|
|
|
|
var height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1;
|
|
height = height - topOffset;
|
|
if (height < 1) height = 1;
|
|
if (height > topOffset) {
|
|
$("#page-wrapper").css("min-height", (height-11) + "px");
|
|
}
|
|
});
|
|
|
|
var url = window.location;
|
|
// var element = $('ul.nav a').filter(function() {
|
|
// return this.href == url;
|
|
// }).addClass('active').parent().parent().addClass('in').parent();
|
|
var element = $('ul.nav a').filter(function() {
|
|
return this.href == url;
|
|
}).addClass('active').parent();
|
|
|
|
while(true){
|
|
if (element.is('li')){
|
|
element = element.parent().addClass('in').parent();
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
|
|
$('.navbar-toggle').on('click', function(){
|
|
if($('#main-nav').css("right") != "-2px")
|
|
{
|
|
$('#main-nav').animate({right: "-2px",}, 300 );
|
|
$(".navbar-toggle").removeClass("closed");
|
|
}
|
|
else
|
|
{
|
|
$('#main-nav').animate({right: "-235px",}, 300 );
|
|
$(".navbar-toggle").addClass("closed");
|
|
}
|
|
});
|