X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Ftoolbar%2Ftoolbar.component.ts;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Ftoolbar%2Ftoolbar.component.ts;h=d339aa27101afe8b979641bf072aeed383ae4e08;hb=5c2048d4d3e672783eea4f306aa9a03f33a1a9f2;hp=0000000000000000000000000000000000000000;hpb=59f512662c02a16c1d5c45b090b185d2e773310f;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/toolbar/toolbar.component.ts b/blueprints/common/eliot-ui/frontend-src/src/app/toolbar/toolbar.component.ts
new file mode 100644
index 0000000..d339aa2
--- /dev/null
+++ b/blueprints/common/eliot-ui/frontend-src/src/app/toolbar/toolbar.component.ts
@@ -0,0 +1,193 @@
+import { Component, OnInit } from '@angular/core';
+import { ToolbarService } from './toolbar.service';
+
+@Component({
+  selector: 'app-toolbar',
+  templateUrl: './toolbar.component.html',
+  styleUrls: ['./toolbar.component.scss']
+})
+export class ToolbarComponent implements OnInit {
+  toolbarmenu = [];
+  menuicon: string;
+  constructor(public toolbarService: ToolbarService) { }
+
+  ngOnInit() {
+    this.menuicon = "menu";
+    this.init();
+  }
+
+  init(){
+    this.toolbarmenu = [
+      {
+        displayName: 'ELIOT',
+        route: '/home'
+      },
+      {
+        displayName: 'NETWORK MANAGEMENT',
+        children: [
+          {
+            displayName: 'ELIOT CLUSTER',
+            children: [
+              {
+                displayName: 'NODES',
+                route: '/nodes'
+              },
+              {
+                displayName: 'PODS',
+                route: '/pods'
+              },
+              {
+                displayName: 'SERVICES',
+                route: '/services'
+              },
+              {
+                displayName: 'DEPLOYMENTS',
+                route: ''
+              },
+              {
+                displayName: 'REPLICATION',
+                route: '/replica'
+              }
+            ]
+          },
+          {
+            displayName: 'ELIOT NAMESPACE',
+            route: ''
+          }
+        ]
+      },
+      {
+        displayName: 'APPLICATION MANAGEMENT',
+        children: [
+          {
+            displayName: 'DEPLOYMENT',
+            route: '/deployments'
+          },
+          {
+            displayName: 'UNINSTALLATION',
+            route: '/uninstall'
+          },
+          {
+            displayName: 'MONITORING',
+            route: '',
+            children: [
+              {
+                displayName: 'APPLICATION INFO',
+                route: 'Application Info'
+              },
+              {
+                displayName: 'DEPLOYMENT HISTORY',
+                route: '/history'
+              }
+            ]
+          }
+        ]
+      },
+      {
+        displayName: 'DEVELOPER',
+        children: [
+          {
+            displayName: 'Eliot Application APIs',
+            route: '',
+            children: [
+              {
+                displayName: 'Video Surveilance APIs',
+                route: ''
+              }
+            ]
+          },
+          {
+            displayName: 'ELIOT SDKs',
+            children: [
+              {
+                displayName: 'EdgeX',
+                route: ''
+              },
+              {
+                displayName: 'Face Detection',
+                route: ''
+              },
+              {
+                displayName: 'Model Building',
+                route: ''
+              }
+            ]
+          },
+          {
+            displayName: 'Frameworks',
+          },
+          {
+            displayName: 'Development Flow',
+            route: '',
+            children: [
+              {
+                displayName: 'Model / graph',
+                route: ''
+              }
+            ]
+          }
+        ]
+      },
+      {
+        displayName: 'ELIOT APP SOLUTION',
+        children: [
+          {
+            displayName: 'ELIOT Solutions',
+            route: '',
+            children: [
+              {
+                displayName: 'Video Surveilance',
+                route: ''
+              },
+              {
+                displayName: 'EdgeX',
+                route: ''
+              },
+              {
+                displayName: 'Smart Edge Data Center',
+                route: ''
+              }
+            ]
+          }
+        ]
+      },
+      {
+        displayName: 'HELP',
+        children: [
+          {
+            displayName: 'About ELIOT Portal',
+            route: '/describe'
+          },
+          {
+            displayName: 'Akraino ELIOT wiki',
+            route: '/akrainowiki'
+          }
+        ]
+      },
+      {
+        displayName: 'OTHERS',
+        children: [
+          {
+            displayName: 'Command Prompt',
+            route: '/terminal'
+          }
+        ]
+      },
+      {
+        iconName: 'account_circle',
+        children: [
+          {
+            iconName: 'account_circle',
+            displayName: 'login / signup',
+            route: '/login'
+          },
+          {
+            iconName: 'logout',
+            displayName: 'logout',
+          }
+        ]
+      }
+    ]
+  }
+
+}