Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-18 15:35:30 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(sidebar): custom links and 3rd level

Browse source
This commit is contained in:
nixa 2016-07-11 12:23:07 +03:00
parent a74c056065
commit ded87ce527
5 changed files with 64 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/theme/components/baMenu/baMenu.service.ts
View file

@ -65,7 +65,7 @@ export class BaMenuService {
item.skip = true;
}
// we have to collect all pathes to correctly build the url then
// we have to collect all paths to correctly build the url then
item.route.paths = parent && parent.route && parent.route.paths ? parent.route.paths.slice(0) : [];
item.route.paths.push(item.route.path);
@ -84,10 +84,12 @@ export class BaMenuService {
}
protected _prepareItem(object:any):any {
if (!object.disabled && !object.skip) {
if (!object.skip) {
let itemUrl = this._router.serializeUrl(this._router.createUrlTree(object.route.paths));
object.url = object.url ? object.url : '/#' + itemUrl;
object.target = object.target || '';
return this._selectItem(object);
}

6
src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.html
View file

@ -1,20 +1,20 @@
<li [ngClass]="{'al-sidebar-list-item': !child, 'ba-sidebar-sublist-item': child, 'selected': menuItem.selected && !menuItem.expanded, 'with-sub-menu': menuItem.children, 'ba-sidebar-item-expanded': menuItem.expanded}">
<a *ngIf="!menuItem.children" (mouseenter)="onHoverItem($event, item)" [href]="menuItem.url" [target]="menuItem.target || ''" class="al-sidebar-list-link">
<a *ngIf="!menuItem.children" (mouseenter)="onHoverItem($event, item)" [href]="menuItem.url" [target]="menuItem.target" class="al-sidebar-list-link">
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span>
</a>
<a *ngIf="menuItem.children" (mouseenter)="onHoverItem($event, item)" (click)="onToggleSubMenu($event, menuItem)" class="al-sidebar-list-link">
<i *ngIf="menuItem.icon" class="{{ menuItem.icon }}"></i><span>{{ menuItem.title }}</span>
<b class="fa" [ngClass]="{'fa-angle-up': menuItem.expanded, 'fa-angle-down': !menuItem.expanded}"></b>
<b class="fa fa-angle-down" [ngClass]="{'fa-angle-up': menuItem.expanded}"></b>
</a>
<ul *ngIf="menuItem.children" class="al-sidebar-sublist" [ngClass]="{'slide-right': menuItem.slideRight}">
<ba-menu-item [menuItem]="subItem"
[child]="true"
(itemHover)="onHoverItem($event)"
(toggleSubMenu)="onHoverItem($event, subItem)"
(toggleSubMenu)="onToggleSubMenu($event, subItem)"
*ngFor="let subItem of menuItem.children"></ba-menu-item>
</ul>