X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Ftoolbar%2Ftoolbar.component.html;fp=example-apps%2FPDD%2Ffrontend-src%2Fsrc%2Fapp%2Ftoolbar%2Ftoolbar.component.html;h=ee216516c916bbe62d6e23c7716439ea6bd4bfe4;hb=93556d64f8727eb386792f412ed85170cb70e48d;hp=0000000000000000000000000000000000000000;hpb=5f7e757b5f667f7d9e4f3fbccaabae91ffd0feec;p=ealt-edge.git

diff --git a/example-apps/PDD/frontend-src/src/app/toolbar/toolbar.component.html b/example-apps/PDD/frontend-src/src/app/toolbar/toolbar.component.html
new file mode 100644
index 0000000..ee21651
--- /dev/null
+++ b/example-apps/PDD/frontend-src/src/app/toolbar/toolbar.component.html
@@ -0,0 +1,55 @@
+<div class="main">
+  <div class="menu">
+
+    <mat-toolbar color="primary" *ngIf="(toolbarService.visible|async)">
+
+      <mat-toolbar-row>
+        <!-- <mat-icon (click)="sidenav.toggle()">menu</mat-icon> -->
+        <div class="akraino-icon">
+          <mat-icon> <img src="./../../assets/images/akraino3.png" height="45" width="55"> </mat-icon>
+        </div>
+
+        <div class="menu-toolbar" *ngFor="let item of toolbarmenu">
+          
+          <span *ngIf="item.children && item.children.length > 0">
+            <button class="ealt-menu" mat-raised-button color="primary"
+              [matMenuTriggerFor]="menu.childMenu">{{item.displayName}}</button>
+            <app-menu-item #menu class="menu-item" [items]="item.children"></app-menu-item>
+          </span>
+
+          <span *ngIf="!item.children">
+            <span *ngIf="item.displayName=='EALT-EDGE';else others">
+              <button class="home" mat-raised-button color="primary"
+                [routerLink]="item.route">{{item.displayName}}</button>
+            </span>
+            <ng-template #others>
+              <button mat-button class="other-button">{{item.displayName}}</button>
+            </ng-template>
+          </span>
+          <span *ngIf="item.iconName">
+            <button mat-raised-button mat-icon-button color="primary" class="power-button"
+              [matMenuTriggerFor]="menu.childMenu">
+              <mat-icon>{{item.iconName}}</mat-icon>
+              <app-menu-item #menu [items]="item.children"></app-menu-item>
+            </button>
+          </span>
+
+        </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>
+          </mat-nav-list>
+  
+        </mat-sidenav>
+        <mat-sidenav-content>
+           <router-outlet></router-outlet> 
+        </mat-sidenav-content>
+      </mat-sidenav-container>
+    </div> -->
+</div>
\ No newline at end of file