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

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