Merge "Home page carousel"
[eliot.git] / 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>