ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/layout/components/sidebar/sidebar.component.html


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

<nav class="sidebar" [ngClass]="{sidebarPushRight: isActive, collapsed: collapsed}">
    <div class="toggle-button" [ngClass]="{collapsed: collapsed}" (click)="toggleCollapsed()">
            <i class="fa fa-angle-double-{{collapsed?'right':'left'}}"></i>&nbsp;
        </div>
<div class="list-group" *ngFor="let menu of menuData ; index as item">
    <a href="{{menu.href}}" *ngIf="!(menu.menuItems.length > 0)" class="list-group-item">
        <i class="fa fa-dashboard"></i>&nbsp;
        <span>{{menu.name}}</span>
    </a>
    <div class="nested-menu" *ngIf="menu.menuItems.length > 0">
    <a href="javascript:void(0)" class="list-group-item"
            (click)="addExpandClass(menu.name)">
            <i class="fa fa-plus"></i>&nbsp;
            <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}}" *ngIf="menuItems.href!==null else routerBlock">
                        <i class="fa fa-monument"></i>&nbsp;
                        <span>{{ menuItems.name }}</span>
                    </a>
                    <ng-template #routerBlock>
                    <a  [routerLink]="[menuItems.router]">
                        <i class="fa fa-monument"></i>&nbsp;
                        <span>{{ menuItems.name }}</span>
                    </a>
                    </ng-template>
                </li>
            </ul>
        </li>
    </div>
</div>
</nav>