gerrit.onap Code Review - portal/sdk.git/blob

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