tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Quick-fix mobile menu 

Will be reworked asap.
This commit is contained in:
Eric Lippmann 2015-12-21 14:06:42 +01:00
parent 95879dd26f
commit 887a688781
1 changed files with 46 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
public/js/icinga/ui.js
View File

@ -525,6 +525,24 @@
$('a.close-toggle').show();
},
toggleMobileMenu: function(e) {
var $sidebar = $('#sidebar');
var $target = $(e.target);
var href = $target.attr('href');
if (href) {
if (href !== '#') {
$sidebar.removeClass('expanded');
}
} else if (! $target.is('input')) {
$sidebar.toggleClass('expanded');
}
$('#search').keypress(function(e) {
if (e.which === 13) {
$sidebar.removeClass('expanded');
}
});
},
fixControls: function ($parent) {
var self = this;
if ($('#layout').hasClass('fullscreen-layout')) {
@ -537,36 +555,42 @@
$('#header').css({height: 'auto'});
if ($('#layout').hasClass('minimal-layout')) {
if (! this.mobileMenu) {
$('#header').css({top: $('#sidebar').height() + 'px'});
$('#header-logo').css({
display: 'none'
});
$('#header').css({top: $('#sidebar').outerHeight() + 'px'});
$('#main').css({
top: $('#header').height() + $('#sidebar').height()
top: $('#header').height() + $('#sidebar').outerHeight(),
zIndex: 1
});
$('#sidebar').css({
zIndex: 2
}).on('click', function (e) {
var $sidebar = $('#sidebar');
var $target = $(e.target);
var href = $target.attr('href');
if (href) {
if (href !== '#') {
$sidebar.removeClass('expanded');
}
} else if (! $target.is('input')) {
$sidebar.toggleClass('expanded');
}
$('#search').keypress(function(e) {
if (e.which === 13) {
$sidebar.removeClass('expanded');
}
$('#sidebar')
.css({
top: 0,
zIndex: 2
})
.on('click', this.toggleMobileMenu)
.prepend(
'<i id="mobile-menu-toggle" class="icon-menu" style="vertical-align: middle;"></i>'
)
.css({
paddingBottom: 32
});
}).prepend('<i class="icon-menu" style="vertical-align: middle;"></i>').css({
paddingBottom: 32
});
this.mobileMenu = true;
}
} else {
$('#main').css({top: $('#header').css('height')});
$('#sidebar').css({top: $('#header').height() + 'px'});
if (this.mobileMenu) {
$('#header-logo').css({
display: 'block'
});
$('#sidebar').off('click', this.toggleMobileMenu);
$('#header').css({
top: 0
});
$('#mobile-menu-toggle').remove();
this.mobileMenu = false;
}
}
$('#header').css({height: $('#header').height() + 'px'});
$('#inner-layout').css({top: $('#header').css('height')});