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

selected and expanded fixed

Browse source
This commit is contained in:
nixa 2016-04-28 16:37:07 +03:00
parent e9b55acbb2
commit cfd93118df
3 changed files with 16 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/app/theme/sidebar/sidebar.component.ts
View file

@ -49,28 +49,18 @@ export class Sidebar {
if (this.isMenuCollapsed) { if (this.isMenuCollapsed) {
this.menuExpand(); this.menuExpand();
if (!item.expanded) { if (!item.expanded) {
setTimeout(function () { item.expanded = !item.expanded;
item.expanded = !item.expanded; submenu.slideToggle();
// TODO: incomplete
// submenu.slideToggle();
}, 0);
} }
} else { } else {
item.expanded = !item.expanded; item.expanded = !item.expanded;
submenu.slideToggle();
// TODO: incomplete
// submenu.slideToggle();
} }
return false; return false;
} }
private isActive(instruction: any[]): boolean {
return ;
}
private selectMenuItem() { private selectMenuItem() {
let isCurrent = (instruction) => (this.router.isRouteActive(this.router.generate([instruction]))); let isCurrent = (instruction) => (instruction ? this.router.isRouteActive(this.router.generate([instruction])): false);
this.menuItems.forEach(function (menu) { this.menuItems.forEach(function (menu) {

12
src/app/theme/sidebar/sidebar.html
View file

@ -7,21 +7,21 @@
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span> <i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
</a> </a>
<a *ngIf="item.subMenu" ng-mouseenter="hoverItem($event, item)" (click)="toggleSubMenu($event, item)" class="al-sidebar-list-link" href> <a *ngIf="item.subMenu" ng-mouseenter="hoverItem($event, item)" (click)="toggleSubMenu($event, item)" class="al-sidebar-list-link">
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span> <i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
<b class="fa" [ngClass]="{'fa-angle-up': item.expanded, 'fa-angle-down': !item.expanded}" *ngIf="item.subMenu"></b> <b class="fa" [ngClass]="{'fa-angle-up': item.expanded, 'fa-angle-down': !item.expanded}" *ngIf="item.subMenu"></b>
</a> </a>
<ul *ngIf="item.subMenu" class="al-sidebar-sublist" <ul *ngIf="item.subMenu" class="al-sidebar-sublist"
ngClass="{expanded: item.expanded, 'slide-right': item.slideRight}"> [ngClass]="{expanded: item.expanded, 'slide-right': item.slideRight}">
<li *ngFor="#subitem of item.subMenu" ngClass="{'selected': subitem.selected, 'with-sub-menu': subitem.subMenu}"> <li *ngFor="#subitem of item.subMenu" [ngClass]="{'selected': subitem.selected, 'with-sub-menu': subitem.subMenu}">
<a ng-mouseenter="hoverItem($event, item)" *ngIf="subitem.subMenu" (click)="toggleSubMenu($event, subitem);" <a ng-mouseenter="hoverItem($event, item)" *ngIf="subitem.subMenu" (click)="toggleSubMenu($event, subitem);"
class="al-sidebar-list-link subitem-submenu-link"><span>{{ subitem.title }}</span> class="al-sidebar-list-link subitem-submenu-link"><span>{{ subitem.title }}</span>
<b class="fa" *ngIf="subitem.subMenu" ngClass="{'fa-angle-up': subitem.expanded, 'fa-angle-down': !subitem.expanded}"></b> <b class="fa" *ngIf="subitem.subMenu" [ngClass]="{'fa-angle-up': subitem.expanded, 'fa-angle-down': !subitem.expanded}"></b>
</a> </a>
<ul *ngIf="subitem.subMenu" class="al-sidebar-sublist subitem-submenu-list" <ul *ngIf="subitem.subMenu" class="al-sidebar-sublist subitem-submenu-list"
ngClass="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}"> [ngClass]="{expanded: subitem.expanded, 'slide-right': subitem.slideRight}">
<li *ngFor="#subSubitem of subitem.subMenu" ng-mouseenter="hoverItem($event, item)" ngClass="{selected: subitem.selected}"> <li *ngFor="#subSubitem of subitem.subMenu" ng-mouseenter="hoverItem($event, item)" [ngClass]="{selected: subitem.selected}">
<a ng-mouseenter="hoverItem($event, item)" [routerLink]="[subSubitem.name]"> <a ng-mouseenter="hoverItem($event, item)" [routerLink]="[subSubitem.name]">
{{ subSubitem.title }}</a> {{ subSubitem.title }}</a>
</li> </li>

8
src/app/theme/sidebar/sidebar.service.ts
View file

@ -39,13 +39,17 @@ export class SidebarService {
subMenu: [ subMenu: [
{ {
title: 'Menu Level 1.1', title: 'Menu Level 1.1',
disabled: true disabled: true,
selected: false,
expanded: false
}, },
{ {
title: 'Menu Level 1.2', title: 'Menu Level 1.2',
subMenu: [{ subMenu: [{
title: 'Menu Level 1.2.1', title: 'Menu Level 1.2.1',
disabled: true disabled: true,
selected: false,
expanded: false
}] }]
} }
] ]