maxmustermann/AdminLTE
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge pull request #1084 from blz-ea/master

Browse source 
Add "disable sidebar accordion feature" to preserve active classes in the sidebar.
This commit is contained in:
Abdullah Almsaeed 2016-06-28 16:02:43 -04:00 committed by GitHub
parent 8438a30eaa 0c4ebb13c2
commit 9b80592460
2 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
dist/css/AdminLTE.css vendored
View file

@ -541,7 +541,8 @@ a:focus {
margin-right: 10px;
margin-top: 3px;
}
.sidebar-menu li.active > a > .fa-angle-left {
.sidebar-menu > li.open > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li.open > a > .fa-angle-left {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);

31
dist/js/app.js vendored
View file

@ -53,6 +53,8 @@ $.AdminLTE.options = {
//This option is forced to true if both the fixed layout and sidebar mini
//are used together
sidebarExpandOnHover: false,
//Do not close menu after opening
sidebarKeepMenuOpen: false,
//BoxRefresh Plugin
enableBoxRefresh: true,
//Bootstrap.js tooltip
@ -388,10 +390,17 @@ function _init() {
$.AdminLTE.tree = function (menu) {
var _this = this;
var animationSpeed = $.AdminLTE.options.animationSpeed;
var keepMenuOpen = $.AdminLTE.options.sidebarKeepMenuOpen;
//Find active li and set open class
$(menu + ' .sidebar-menu').find('li.active').addClass('open');
$(document).on('click', menu + ' li a', function (e) {
//Get the clicked link and the next element
var $this = $(this);
var checkElement = $this.next();
//Get the parent li
var parent_li = $this.parent("li");
//Check if the next element is a menu and is visible
if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible')) && (!$('body').hasClass('sidebar-collapse'))) {
@ -401,25 +410,27 @@ function _init() {
//Fix the layout in case the sidebar stretches over the height of the window
//_this.layout.fix();
});
checkElement.parent("li").removeClass("active");
parent_li.removeClass('open');
}
//If the menu is not visible
else if ((checkElement.is('.treeview-menu')) && (!checkElement.is(':visible'))) {
//Get the parent menu
var parent = $this.parents('ul').first();
//Close all open menus within the parent
var ul = parent.find('ul:visible').slideUp(animationSpeed);
//Remove the menu-open class from the parent
ul.removeClass('menu-open');
//Get the parent li
var parent_li = $this.parent("li");
//
var ul = parent.find('ul:visible').not(':has(".active")');
if (!keepMenuOpen) {
//Close all open menus within the parent
ul.slideUp(animationSpeed);
//Remove the menu-open class from the parent
ul.removeClass('menu-open');
//Remove all open classes except active
parent.find('.treeview').not(':has(".active")').removeClass('open');
}
parent_li.addClass('open');
//Open the target menu and add the menu-open class
checkElement.slideDown(animationSpeed, function () {
//Add the class active to the parent li
checkElement.addClass('menu-open');
parent.find('li.active').removeClass('active');
parent_li.addClass('active');
//Fix the layout in case the sidebar stretches over the height of the window
_this.layout.fix();
});