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

   1 <div class="sidebar" [ngClass]="{'siderbar-height': showHeader, 'siderbar-height-noHeader': !showHeader}" >
   2         <div class="sidebar-list" [ngClass]="{collapsed: collapsed}">
   3
   4          <nav  [ngClass]="{sidebarPushRight: isActive, collapsed: collapsed}">
   5
   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                                 <!-- </br></br></br> -->
  46                          </div>
  47                  </div>
  48          </nav>
  49  </div>
  50          <div class="toggle-button" [ngClass]="{collapsed: collapsed}" (click)="toggleCollapsed()">
  51                  <!-- <i class="fa fa-angle-double-{{collapsed?'right':'left'}}"></i>&nbsp; -->
  52                  <i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i>
  53                          <i class="icon ion-md-arrow-{{collapsed?'dropright':'dropleft'}}" style="float:right"></i>&nbsp;
  54          </div>
  55  </div>