blob: 5f8a2ec53881419b82b59cf84c24507ec4a6f1bb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
<div class="sidebar" [ngClass]="{'siderbar-height': showHeader, 'siderbar-height-noHeader': !showHeader, collapsed:collapsed}" >
<nav [ngClass]="{sidebarPushRight: isActive, collapsed: collapsed}">
<div class="toggle-button" [ngClass]="{collapsed: collapsed}" (click)="toggleCollapsed()">
<!--<i class="fa fa-angle-double-{{collapsed?'right':'left'}}"></i> -->
<i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i>
<i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i>
</div>
<div class="list-group" *ngFor="let menu of menuData ; index as item">
<div class="nested-menu" *ngIf="!(menu.menuItems.length > 0)">
<a href="{{menu.href}}" target="{{menu.target}}" *ngIf="menu.target!==null else routerBlock" class="list-group-item">
<i class="icon ion-ios-home"></i>
<span>{{menu.name}}</span>
</a>
<ng-template #routerBlock>
<a [routerLink]="[menu.href]" class="list-group-item">
<i class="{{menu.imageSrc}}"></i>
<span>{{menu.name}}</span>
</a>
</ng-template>
</div>
<div class="nested-menu" *ngIf="menu.menuItems.length > 0">
<a href="javascript:void(0)" class="list-group-item"
(click)="addExpandClass(menu.name)">
<i class="{{menu.imageSrc}}"></i>
<i *ngIf = "!collapsed" style="float: right;" class="icon ion-ios-add-circle-outline"></i>
<span>{{menu.name}}</span>
</a>
<li class="nested" [class.expand]="showMenu === menu.name">
<ul class="submenu">
<li *ngFor="let menuItems of menu.menuItems">
<a href="{{menuItems.href}}" target="{{menuItems.target}}" *ngIf="menuItems.href!==null else routerBlock">
<i class="{{menuItems.imageSrc}}"></i>
<span>{{ menuItems.name }}</span>
</a>
<ng-template #routerBlock>
<a [routerLink]="[menuItems.router]">
<i class="{{menuItems.imageSrc}}"></i>
<span>{{ menuItems.name }}</span>
</a>
</ng-template>
</li>
</ul>
</li>
</div>
</div>
</nav>
</div>
|
