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

fix(sidebar): fix selection issue

Browse source
This commit is contained in:
nixa 2016-07-11 11:09:35 +03:00
parent 0ee317bc4d
commit a74c056065
3 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/app/theme/components/baMenu/baMenu.component.ts
View file

@ -27,6 +27,7 @@ export class BaMenu {
public hoverElemHeight:number;
public hoverElemTop:number;
protected _onRouteChange:Subscription;
public outOfArea:number = -200;
constructor(private _router:Router, private _service:BaMenuService) {

7
src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.component.ts
View file

@ -1,4 +1,4 @@
import {Component, ElementRef, HostListener, ViewEncapsulation, Input, Output, EventEmitter} from '@angular/core';
import {Component, ViewEncapsulation, Input, Output, EventEmitter} from '@angular/core';
@Component({
selector: 'ba-menu-item',
@ -16,11 +16,6 @@ export class BaMenuItem {
@Output() itemHover = new EventEmitter<any>();
@Output() toggleSubMenu = new EventEmitter<any>();
public outOfArea:number = -200;
public ngOnInit():void {
}
public onHoverItem($event):void {
this.itemHover.emit($event);
}

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

@ -1,7 +1,7 @@
<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" [routerLink]="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>
@ -11,7 +11,11 @@
</a>
<ul *ngIf="menuItem.children" class="al-sidebar-sublist" [ngClass]="{'slide-right': menuItem.slideRight}">
<ba-menu-item [menuItem]="subItem" [child]="true" *ngFor="let subItem of menuItem.children"></ba-menu-item>
<ba-menu-item [menuItem]="subItem"
[child]="true"
(itemHover)="onHoverItem($event)"
(toggleSubMenu)="onHoverItem($event, subItem)"
*ngFor="let subItem of menuItem.children"></ba-menu-item>
</ul>
</li>