Update design and fix minor bugs

1 files changed, 26 insertions, 3 deletions

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index cb12491..5ee4946 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -23,14 +23,37 @@
  */
 
 import { Component } from '@angular/core';
+import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
+
+
+import { filter } from 'rxjs/operators';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  //styleUrls: ['./../scss/main.scss']
+  templateUrl: './app.component.html'
 })
 
 
 export class AppComponent {
-  title = '';
+
+  private active: number = 0;
+
+  menu : any[] = [
+    {id:0, name: 'Main', link: ''},
+    {id:1, name: 'Identities', link: 'identity'},
+    {id:2, name: 'Names', link: 'namestore'},
+    {id:3, name: 'Peers', link: 'peerstore'},
+  ];
+
+  constructor(private router: Router) {
+    router.events.pipe(filter(event => event instanceof NavigationEnd))
+    .subscribe((route: ActivatedRoute) => {
+      let index = this.menu.find(x => {
+        let url = '/'+x.link;
+        return url == route.url+'';
+      });
+      this.active = this.menu.indexOf(index);
+    });
+  }
+
 }