pcb demo code.

[ealt-edge.git] / example-apps / PDD / frontend-src / src / app / app.component.html

diff --git a/example-apps/PDD/frontend-src/src/app/app.component.html b/example-apps/PDD/frontend-src/src/app/app.component.html
new file mode 100644 (file)
index 0000000..4c8e43d
--- /dev/null
+++ b/example-apps/PDD/frontend-src/src/app/app.component.html
@@ -0,0 +1,132 @@
+<!-- <button mat-button [matMenuTriggerFor]="demo">Demo</button> -->
+<!-- <div>
+  <p>sample</p>
+</div> -->
+<!-- <div class="main">
+  <div class="menu">
+
+    <mat-toolbar color="primary" *ngIf="(toolbarService.visible|async)">
+
+        <mat-toolbar-row>
+
+          <button mat-icon-button>
+            <mat-icon (click)="sidenav.toggle()">menu</mat-icon>
+          </button>
+
+          <div class="options">
+              <button class="home" mat-button [routerLink]="'/home'">ELIOT</button>
+
+              <button mat-button [matMenuTriggerFor]="network">Network Management</button>
+              <button mat-button [matMenuTriggerFor]="application">Application Management</button>
+              
+              <button mat-button [matMenuTriggerFor]="developer">Developer</button>
+              <button mat-button [matMenuTriggerFor]="appsolution">ELIOT App Solution</button>
+
+            <mat-menu #appsolution="matMenu">
+              <button mat-menu-item [matMenuTriggerFor]="solutions">ELIOT Solutions</button>
+            </mat-menu>
+
+            <mat-menu #solutions="matMenu">
+              <button mat-menu-item>Video Surveilance</button>
+              <button mat-menu-item>EdgeX</button>
+              <button mat-menu-item [routerLink]="'/demo/edge-data-center'">Smart Edge Data Center</button>
+            </mat-menu>
+
+            <mat-menu #developer="matMenu">
+              <button mat-menu-item [matMenuTriggerFor]="api">ELIOT Application APIs</button>
+              <button mat-menu-item [matMenuTriggerFor]="sdk">ELIOT SDKs</button>
+              <button mat-menu-item>Frameworks</button>
+              <button mat-menu-item [matMenuTriggerFor]="developmentflow">Development flow</button>
+            </mat-menu>
+
+            <mat-menu #api="matMenu">
+              <button mat-menu-item>Video Surveilance API's</button>
+            </mat-menu>
+
+            <mat-menu #sdk="matMenu">
+              <button mat-menu-item>EdgeX</button>
+              <button mat-menu-item>Face Detection</button>
+              <button mat-menu-item>Model Building</button>
+            </mat-menu>
+
+            <mat-menu #developmentflow="matMenu">
+              <button mat-menu-item>Model / Graph</button>
+            </mat-menu>
+
+            <mat-menu #demo="matMenu">
+              <button mat-menu-item [routerLink]="'/demo/edge-data-center'">Smart Edge Data Center</button>
+            </mat-menu>
+
+            <mat-menu #network="matMenu">
+              <button mat-menu-item [matMenuTriggerFor]="eliotcluster">ELIOT Cluster</button>
+              <button mat-menu-item [matMenuTriggerFor]="eliotnamespace">ELIOT Namespace</button>
+            </mat-menu>
+
+            <mat-menu #application="matMenu">
+              <button mat-menu-item>Deployment</button>
+              <button mat-menu-item>Uninstallation</button>
+              <button mat-menu-item [matMenuTriggerFor]="monitoring">Monitoring</button>
+            </mat-menu>
+
+            <mat-menu #monitoring="matMenu">
+              <button mat-menu-item>Application Info</button>
+            </mat-menu>
+
+            <mat-menu #eliotcluster="matMenu">
+              <button mat-menu-item [routerLink]="'/nodes'">Nodes</button>
+              <button mat-menu-item [routerLink]="'/deployments'">Deployments</button>
+              <button mat-menu-item [routerLink]="'/pods'">Pods</button>
+              <button mat-menu-item [routerLink]="'/services'">Services</button>
+              <button mat-menu-item [routerLink]="'/replica'">Replication</button>
+            </mat-menu>
+
+            <mat-menu #eliotnamespace="matMenu">
+              <button mat-menu-item>Namespace 1</button>
+            </mat-menu>
+
+
+          </div>
+        </mat-toolbar-row>
+    </mat-toolbar>
+
+  </div>
+
+  <div class="sidemenu">
+
+    <mat-sidenav-container >
+
+      <mat-sidenav #sidenav>
+
+        <mat-nav-list>
+
+          <a mat-list-item [matMenuTriggerFor]="network"> Network Management </a>
+          <a mat-list-item [matMenuTriggerFor]="application"> Application Management</a>
+          <a mat-list-item [matMenuTriggerFor]="demo">Demo</a>
+          <a mat-list-item [matMenuTriggerFor]="developer"> Developer </a>
+
+          <a mat-list-item [matMenuTriggerFor]="appsolution">ELIOT App solution</a>
+        </mat-nav-list>
+
+      </mat-sidenav>
+
+      <mat-sidenav-content>
+        <router-outlet></router-outlet>
+      </mat-sidenav-content>
+
+    </mat-sidenav-container>
+
+  </div>
+</div> -->
+
+<!-- <div>
+  <app-login></app-login>
+</div> -->
+
+<!-- <div *ngIf="(toolbarService.visible|async)">
+    <app-toolbar></app-toolbar>
+</div> -->
+  
+
+<div class="main">
+<router-outlet></router-outlet>
+</div>
\ No newline at end of file