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

   1 <!-- <button mat-button [matMenuTriggerFor]="demo">Demo</button> -->
   2 <!-- <div>
   3   <p>sample</p>
   4 </div> -->
   5 <!-- <div class="main">
   6   <div class="menu">
   7
   8     <mat-toolbar color="primary" *ngIf="(toolbarService.visible|async)">
   9
  10         <mat-toolbar-row>
  11
  12           <button mat-icon-button>
  13             <mat-icon (click)="sidenav.toggle()">menu</mat-icon>
  14           </button>
  15
  16           <div class="options">
  17               <button class="home" mat-button [routerLink]="'/home'">ELIOT</button>
  18
  19               <button mat-button [matMenuTriggerFor]="network">Network Management</button>
  20               <button mat-button [matMenuTriggerFor]="application">Application Management</button>
  21
  22               <button mat-button [matMenuTriggerFor]="developer">Developer</button>
  23               <button mat-button [matMenuTriggerFor]="appsolution">ELIOT App Solution</button>
  24
  25             <mat-menu #appsolution="matMenu">
  26               <button mat-menu-item [matMenuTriggerFor]="solutions">ELIOT Solutions</button>
  27             </mat-menu>
  28
  29             <mat-menu #solutions="matMenu">
  30               <button mat-menu-item>Video Surveilance</button>
  31               <button mat-menu-item>EdgeX</button>
  32               <button mat-menu-item [routerLink]="'/demo/edge-data-center'">Smart Edge Data Center</button>
  33             </mat-menu>
  34
  35             <mat-menu #developer="matMenu">
  36               <button mat-menu-item [matMenuTriggerFor]="api">ELIOT Application APIs</button>
  37               <button mat-menu-item [matMenuTriggerFor]="sdk">ELIOT SDKs</button>
  38               <button mat-menu-item>Frameworks</button>
  39               <button mat-menu-item [matMenuTriggerFor]="developmentflow">Development flow</button>
  40             </mat-menu>
  41
  42             <mat-menu #api="matMenu">
  43               <button mat-menu-item>Video Surveilance API's</button>
  44             </mat-menu>
  45
  46             <mat-menu #sdk="matMenu">
  47               <button mat-menu-item>EdgeX</button>
  48               <button mat-menu-item>Face Detection</button>
  49               <button mat-menu-item>Model Building</button>
  50             </mat-menu>
  51
  52             <mat-menu #developmentflow="matMenu">
  53               <button mat-menu-item>Model / Graph</button>
  54             </mat-menu>
  55
  56             <mat-menu #demo="matMenu">
  57               <button mat-menu-item [routerLink]="'/demo/edge-data-center'">Smart Edge Data Center</button>
  58             </mat-menu>
  59
  60             <mat-menu #network="matMenu">
  61               <button mat-menu-item [matMenuTriggerFor]="eliotcluster">ELIOT Cluster</button>
  62               <button mat-menu-item [matMenuTriggerFor]="eliotnamespace">ELIOT Namespace</button>
  63             </mat-menu>
  64
  65             <mat-menu #application="matMenu">
  66               <button mat-menu-item>Deployment</button>
  67               <button mat-menu-item>Uninstallation</button>
  68               <button mat-menu-item [matMenuTriggerFor]="monitoring">Monitoring</button>
  69             </mat-menu>
  70
  71             <mat-menu #monitoring="matMenu">
  72               <button mat-menu-item>Application Info</button>
  73             </mat-menu>
  74
  75             <mat-menu #eliotcluster="matMenu">
  76               <button mat-menu-item [routerLink]="'/nodes'">Nodes</button>
  77               <button mat-menu-item [routerLink]="'/deployments'">Deployments</button>
  78               <button mat-menu-item [routerLink]="'/pods'">Pods</button>
  79               <button mat-menu-item [routerLink]="'/services'">Services</button>
  80               <button mat-menu-item [routerLink]="'/replica'">Replication</button>
  81             </mat-menu>
  82
  83             <mat-menu #eliotnamespace="matMenu">
  84               <button mat-menu-item>Namespace 1</button>
  85             </mat-menu>
  86
  87
  88           </div>
  89         </mat-toolbar-row>
  90     </mat-toolbar>
  91
  92   </div>
  93
  94   <div class="sidemenu">
  95
  96     <mat-sidenav-container >
  97
  98       <mat-sidenav #sidenav>
  99
 100         <mat-nav-list>
 101
 102           <a mat-list-item [matMenuTriggerFor]="network"> Network Management </a>
 103           <a mat-list-item [matMenuTriggerFor]="application"> Application Management</a>
 104           <a mat-list-item [matMenuTriggerFor]="demo">Demo</a>
 105           <a mat-list-item [matMenuTriggerFor]="developer"> Developer </a>
 106
 107           <a mat-list-item [matMenuTriggerFor]="appsolution">ELIOT App solution</a>
 108         </mat-nav-list>
 109
 110       </mat-sidenav>
 111
 112       <mat-sidenav-content>
 113         <router-outlet></router-outlet>
 114       </mat-sidenav-content>
 115
 116     </mat-sidenav-container>
 117
 118   </div>
 119 </div> -->
 120
 121 <!-- <div>
 122   <app-login></app-login>
 123 </div> -->
 124
 125 <!-- <div *ngIf="(toolbarService.visible|async)">
 126     <app-toolbar></app-toolbar>
 127 </div> -->
 128
 129
 130 <div class="main">
 131 <router-outlet></router-outlet>
 132 </div>