4 <mat-toolbar color="primary">
8 <button mat-icon-button>
9 <mat-icon (click)="sidenav.toggle()">menu</mat-icon>
13 <button class="home" mat-button [routerLink]="'/home'">ELIOT</button>
15 <button mat-button [matMenuTriggerFor]="network">Network Management</button>
16 <button mat-button [matMenuTriggerFor]="application">Application Management</button>
17 <!-- <button mat-button [matMenuTriggerFor]="demo">Demo</button> -->
18 <button mat-button [matMenuTriggerFor]="developer">Developer</button>
19 <button mat-button [matMenuTriggerFor]="appsolution">ELIOT App Solution</button>
21 <mat-menu #appsolution="matMenu">
22 <button mat-menu-item [matMenuTriggerFor]="solutions">ELIOT Solutions</button>
25 <mat-menu #solutions="matMenu">
26 <button mat-menu-item>Video Surveilance</button>
27 <button mat-menu-item>EdgeX</button>
28 <button mat-menu-item [routerLink]="'/demo/edge-data-center'">Smart Edge Data Center</button>
31 <mat-menu #developer="matMenu">
32 <button mat-menu-item [matMenuTriggerFor]="api">ELIOT Application APIs</button>
33 <button mat-menu-item [matMenuTriggerFor]="sdk">ELIOT SDKs</button>
34 <button mat-menu-item>Frameworks</button>
35 <button mat-menu-item [matMenuTriggerFor]="developmentflow">Development flow</button>
38 <mat-menu #api="matMenu">
39 <button mat-menu-item>Video Surveilance API's</button>
42 <mat-menu #sdk="matMenu">
43 <button mat-menu-item>EdgeX</button>
44 <button mat-menu-item>Face Detection</button>
45 <button mat-menu-item>Model Building</button>
48 <mat-menu #developmentflow="matMenu">
49 <button mat-menu-item>Model / Graph</button>
52 <mat-menu #demo="matMenu">
53 <button mat-menu-item [routerLink]="'/demo/edge-data-center'">Smart Edge Data Center</button>
56 <mat-menu #network="matMenu">
57 <button mat-menu-item [matMenuTriggerFor]="eliotcluster">ELIOT Cluster</button>
58 <button mat-menu-item [matMenuTriggerFor]="eliotnamespace">ELIOT Namespace</button>
61 <mat-menu #application="matMenu">
62 <button mat-menu-item>Deployment</button>
63 <button mat-menu-item>Uninstallation</button>
64 <button mat-menu-item [matMenuTriggerFor]="monitoring">Monitoring</button>
67 <mat-menu #monitoring="matMenu">
68 <button mat-menu-item>Application Info</button>
71 <mat-menu #eliotcluster="matMenu">
72 <button mat-menu-item [routerLink]="'/nodes'">Nodes</button>
73 <button mat-menu-item [routerLink]="'/deployments'">Deployments</button>
74 <button mat-menu-item [routerLink]="'/pods'">Pods</button>
75 <button mat-menu-item [routerLink]="'/services'">Services</button>
76 <button mat-menu-item [routerLink]="'/replica'">Replication</button>
79 <mat-menu #eliotnamespace="matMenu">
80 <button mat-menu-item>Namespace 1</button>
90 <div class="sidemenu">
92 <mat-sidenav-container >
94 <mat-sidenav #sidenav>
98 <a mat-list-item [matMenuTriggerFor]="network"> Network Management </a>
99 <a mat-list-item [matMenuTriggerFor]="application"> Application Management</a>
100 <a mat-list-item [matMenuTriggerFor]="demo">Demo</a>
101 <a mat-list-item [matMenuTriggerFor]="developer"> Developer </a>
103 <a mat-list-item [matMenuTriggerFor]="appsolution">ELIOT App solution</a>
108 <mat-sidenav-content>
109 <router-outlet></router-outlet>
110 </mat-sidenav-content>
112 </mat-sidenav-container>