2016-04-27 13:17:51 +03:00
|
|
|
<aside class="al-sidebar">
|
|
|
|
|
<ul class="al-sidebar-list">
|
2016-04-27 16:02:27 +03:00
|
|
|
<li *ngFor="#item of menuItems" class="al-sidebar-list-item"
|
2016-04-28 13:08:33 +03:00
|
|
|
[ngClass]="{'selected': item.selected, 'with-sub-menu': item.subMenu}">
|
2016-04-27 16:02:27 +03:00
|
|
|
|
2016-04-28 13:08:33 +03:00
|
|
|
<a *ngIf="!item.subMenu" href="{{ item.root }}" class="al-sidebar-list-link">
|
2016-04-27 16:02:27 +03:00
|
|
|
<i class="{{ item.icon }}"></i><span>{{ item.title }}</span>
|
|
|
|
|
</a>
|
2016-04-28 13:08:33 +03:00
|
|
|
|
|
|
|
|
<a *ngIf="item.subMenu" ng-mouseenter="hoverItem($event, item)" (click)="toggleSubMenu($event, item)" class="al-sidebar-list-link" href>
|
|
|
|
|
<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>
|
|
|
|
|
</a>
|
|
|
|
|
|
2016-04-27 16:02:27 +03:00
|
|
|
</li>
|
2016-04-27 13:17:51 +03:00
|
|
|
</ul>
|
|
|
|
|
<div class="sidebar-hover-elem"></div>
|
|
|
|
|
</aside>
|