1
|
<aside id="sidebar_main">
|
2
|
<!-- <div class="sidebar_main_header">-->
|
3
|
<!-- <div *ngIf="name" class="uk-margin-top uk-margin-left">-->
|
4
|
<!-- <div class="uk-text-bold">{{name}}</div>-->
|
5
|
<!-- <div>Monitor Dashboard</div>-->
|
6
|
<!-- </div>-->
|
7
|
<!-- </div>-->
|
8
|
|
9
|
<div class="menu_section" >
|
10
|
<ul>
|
11
|
<ng-template ngFor [ngForOf]="items" let-item let-i="index">
|
12
|
<li [class.current_section]="isTheActiveMenu(item.route)"
|
13
|
[class.art_section]="item.open"
|
14
|
[title]="item.name"
|
15
|
[class.submenu_trigger]="item.items.length > 1">
|
16
|
<a *ngIf="item.items.length < 1 && item.route" [routerLink]="item.route">
|
17
|
<span *ngIf="item.icon" class="menu_icon"><i class="material-icons">{{item.icon}}</i></span>
|
18
|
<span class="menu_title">{{item.name}}</span>
|
19
|
</a>
|
20
|
<ng-template [ngIf]="item.items.length > 1">
|
21
|
<a (click)="item.open = !item.open">
|
22
|
<span *ngIf="item.icon" class="menu_icon"><i class="material-icons">{{item.icon}}</i></span>
|
23
|
<span class="menu_title">{{item.name}}</span>
|
24
|
</a>
|
25
|
<ul [style.display]="(item.open?'block':'none')">
|
26
|
<ng-template ngFor [ngForOf]="item.items" let-subItem let-j="index">
|
27
|
<li *ngIf="subItem.route" [class.act_item]="isTheActiveMenu(subItem.route)">
|
28
|
<a [routerLink]="subItem.route">
|
29
|
<span *ngIf="subItem.icon" class="menu_icon"><i class="material-icons">{{subItem.icon}}</i></span>
|
30
|
<span class="menu_title">{{subItem.name}}</span>
|
31
|
</a>
|
32
|
</li>
|
33
|
</ng-template>
|
34
|
</ul>
|
35
|
</ng-template>
|
36
|
</li>
|
37
|
</ng-template>
|
38
|
</ul>
|
39
|
</div>
|
40
|
</aside>
|