ymanager/webapp/src/app/menu/menu.component.ts @ 2ca79f0a

import {Component, OnInit} from '@angular/core';
import {MenuItem} from '../models/menu-item.model';
import {Location, LocationStrategy, PathLocationStrategy} from '@angular/common';
import {MenuService} from '../services/util/menu.service';

@Component({
  selector: 'app-menu',
  templateUrl: './menu.component.html',
  styleUrls: ['./menu.component.sass'],
  providers: [Location, {provide: LocationStrategy, useClass: PathLocationStrategy}]
})
export class MenuComponent implements OnInit {
  _menuItems: MenuItem[];
  private _selectedMenuItem: MenuItem;

  constructor(private location: Location, private menuService: MenuService) {
  }

  ngOnInit() {
    this.menuService.getMenuItems()
      .subscribe((data: MenuItem[]) => {
        this._menuItems = data;
        this._selectedMenuItem = this._menuItems[0];
        const path = this.location.path().split('/');
        const endOfPath = path[path.length - 1];

        this.setCorrectItemMenu(endOfPath);
      });
  }

  onSelect(menuItem: MenuItem): void {
    this.menuService.getMenuItems(true)
      .subscribe((menuItems: MenuItem[]) => {
        this._menuItems = menuItems;
        this.setCorrectItemMenu(menuItem.routePath);
      });
  }

  private setCorrectItemMenu(routePath: string) {
    for (const item of this._menuItems) {
      if (item.routePath === routePath) {
        this._selectedMenuItem = item;
      }
    }
  }
}