Revize 620b8aad

Re #7263 Menu items correctly displayed when selected

frontend/src/app/menu/menu.component.html

@@ -1 +1 @@
 <div class="navigation">
   <nav class="navbar">
     <ul class="navbar-nav">
-      <li *ngFor="let item of menuItems; let i = index" class="nav-item selected">
+      <li *ngFor="let item of menuItems"
+          [class.selected]="item === selectedMenuItem"
+          (click)="onSelect(item)"
+          class="nav-item selected">
         <a routerLink="{{item.routePath}}">{{item.name}}</a>
       </li>
     </ul>

frontend/src/app/menu/menu.component.sass

@@ -37 +37 @@
 
   &:hover
     background-color: #7ad129
+
+

frontend/src/app/menu/menu.component.ts

@@ -9 +9 @@
 })
 export class MenuComponent implements OnInit {
   menuItems: MenuItem[];
+  selectedMenuItem: MenuItem;
 
 
   getMenuItems(): void {
@@ -16 +17 @@
       .subscribe(menuItems => this.menuItems = menuItems);
   }
 
+  onSelect(menuItem: MenuItem): void {
+    this.selectedMenuItem = menuItem;
+  }
+
   constructor(private menuService: MenuService) { }
 
   ngOnInit() {