blueprints/common/eliot-ui/frontend-src/src/app/toolbar/toolbar.component.html

   1 <div class="main">
   2   <div class="menu">
   3
   4     <mat-toolbar color="primary" *ngIf="(toolbarService.visible|async)">
   5
   6       <mat-toolbar-row>
   7         <!-- <mat-icon (click)="sidenav.toggle()">menu</mat-icon> -->
   8         <div class="akraino-icon">
   9           <mat-icon> <img src="./../../assets/images/akraino-icon-5.png" height="35" width="125"> </mat-icon>
  10         </div>
  11
  12         <div class="menu-toolbar" *ngFor="let item of toolbarmenu">
  13
  14           <span *ngIf="item.children && item.children.length > 0">
  15             <button class="eliot-menu" mat-raised-button color="primary"
  16               [matMenuTriggerFor]="menu.childMenu">{{item.displayName}}</button>
  17             <app-menu-item #menu class="menu-item" [items]="item.children"></app-menu-item>
  18           </span>
  19
  20           <span *ngIf="!item.children">
  21             <span *ngIf="item.displayName=='ELIOT';else others">
  22               <button class="home" mat-raised-button color="primary"
  23                 [routerLink]="item.route">{{item.displayName}}</button>
  24             </span>
  25             <ng-template #others>
  26               <button mat-button class="other-button">{{item.displayName}}</button>
  27             </ng-template>
  28           </span>
  29           <span *ngIf="item.iconName">
  30             <button mat-raised-button mat-icon-button color="primary" class="power-button"
  31               [matMenuTriggerFor]="menu.childMenu">
  32               <mat-icon>{{item.iconName}}</mat-icon>
  33               <app-menu-item #menu [items]="item.children"></app-menu-item>
  34             </button>
  35           </span>
  36
  37         </div>
  38       </mat-toolbar-row>
  39     </mat-toolbar>
  40   </div>
  41
  42   <!-- <div class="sidemenu">
  43       <mat-sidenav-container >
  44         <mat-sidenav #sidenav>
  45           <mat-nav-list>
  46             <a mat-list-item [matMenuTriggerFor]="network"> Network Management </a>
  47           </mat-nav-list>
  48
  49         </mat-sidenav>
  50         <mat-sidenav-content>
  51            <router-outlet></router-outlet>
  52         </mat-sidenav-content>
  53       </mat-sidenav-container>
  54     </div> -->
  55 </div>