Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

sidebar logic updates and fixes

Browse source
This commit is contained in:
nixa 2016-05-19 13:11:31 +03:00
parent 2c2e93f355
commit 69acf25d43
2 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/app/theme/components/baSidebar/baSidebar.component.ts
View file

@ -16,7 +16,7 @@ export class BaSidebar {
public menuItems:Array<any>;
public menuHeight:number;
public isMenuCollapsed:boolean;
public isMenuCollapsed:boolean = false;
public showHoverElem:boolean;
public hoverElemHeight:number;
@ -33,6 +33,7 @@ export class BaSidebar {
this.menuItems = this._sidebarService.getMenuItems();
this._router.root.subscribe((path) => this._selectMenuItem(path));
this._state.subscribe('menu.isCollapsed', (isCollapsed) => { this.isMenuCollapsed = isCollapsed; });
}
public ngOnInit():void {
@ -65,7 +66,7 @@ export class BaSidebar {
this.menuCollapseStateChange(true);
}
public menuCollapseStateChange(isCollapsed):void {
public menuCollapseStateChange(isCollapsed:boolean):void {
this.isMenuCollapsed = isCollapsed;
this._state.notifyDataChanged('menu.isCollapsed', this.isMenuCollapsed);
}
@ -88,13 +89,13 @@ export class BaSidebar {
if (this.isMenuCollapsed) {
this.menuExpand();
if (!item.expanded) {
item.expanded = !item.expanded;
submenu.slideToggle();
item.expanded = true;
}
} else {
item.expanded = !item.expanded;
submenu.slideToggle();
}
return false;
}
@ -106,5 +107,9 @@ export class BaSidebar {
let currentMenu = this._sidebarService.setRouter(this._router).selectMenuItem(this.menuItems, currentPath);
this._state.notifyDataChanged('menu.activeLink', currentMenu);
// hide menu after natigation on mobile devises
if (this._shouldMenuCollapse()) {
this.menuCollapse();
}
}
}

7
src/app/theme/components/baSidebar/baSidebar.scss
View file

@ -49,6 +49,13 @@ $angle-right: "\f101";
}
}
.ba-sidebar-item-expanded {
> ul.al-sidebar-sublist {
display: block!important;
}
}
.al-sidebar-list-item, .ba-sidebar-sublist-item {
&.ba-sidebar-item-expanded {
> .al-sidebar-list-link {