1 <nav class="sidebar" [ngClass]="{sidebarPushRight: isActive, collapsed: collapsed}">
2 <div class="toggle-button" [ngClass]="{collapsed: collapsed}" (click)="toggleCollapsed()">
3 <i class="fa fa-angle-double-{{collapsed?'right':'left'}}"></i>
5 <div class="list-group" *ngFor="let menu of menuData ; index as item">
6 <a href="{{menu.href}}" *ngIf="!(menu.menuItems.length > 0)" class="list-group-item">
7 <i class="fa fa-dashboard"></i>
8 <span>{{menu.name}}</span>
10 <div class="nested-menu" *ngIf="menu.menuItems.length > 0">
11 <a href="javascript:void(0)" class="list-group-item"
12 (click)="addExpandClass(menu.name)">
13 <i class="fa fa-plus"></i>
14 <span>{{menu.name}}</span>
16 <li class="nested" [class.expand]="showMenu === menu.name">
18 <li *ngFor="let menuItems of menu.menuItems">
19 <a href="{{menuItems.href}}" *ngIf="menuItems.href!==null else routerBlock">
20 <i class="fa fa-monument"></i>
21 <span>{{ menuItems.name }}</span>
23 <ng-template #routerBlock>
24 <a [routerLink]="[menuItems.router]">
25 <i class="fa fa-monument"></i>
26 <span>{{ menuItems.name }}</span>