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