ui/deployment/base-navigation.component.mst

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */


import {NavigationEnd, Router} from "@angular/router";

export abstract class BaseNavigationComponent {

  activePageName: string;
  activePage: any;

  authenticated: boolean = true;

  public menu = [
    {
      link: '',
      title: 'Home',
      icon: 'home'
    },
    {{#modulesActive}}
    {{^admin}}
    {
        link: '{{{link}}}',
        title: '{{{title}}}',
        icon: '{{{icon}}}'
    },
    {{/admin}}
    {{/modulesActive}}
  ];

  admin = [
    {{#modulesActive}}
    {{#admin}}
    {
        link: '{{{link}}}',
        title: '{{{title}}}',
        icon: '{{{icon}}}'
    },
    {{/admin}}
    {{/modulesActive}}
  ];

  constructor(protected Router: Router) {

  }

  onInit() {
    this.activePage = this.Router.url.replace("/", "");
    this.activePageName = this.getPageTitle(this.activePage);
    this.Router.events.subscribe(event => {
      if (event instanceof NavigationEnd) {
        this.activePage = event.url.replace("/", "");
        this.activePageName = this.getPageTitle(this.activePage);
      }
    });
  }

  getActivePage() {
    return this.activePage;
  }

  getPageTitle(path) {
    var allMenuItems = this.menu.concat(this.admin);
    var currentTitle = 'StreamPipes';
    allMenuItems.forEach(m => {
      if (m.link === path) {
        currentTitle = m.title;
      }
    });
    if (path == 'pipeline-details') {
      currentTitle = 'Pipeline Details';
    }
    return currentTitle;
  }

  go(path, payload?) {
    if (payload === undefined) {
      this.Router.navigateByUrl(path);
      this.activePage = path;
    } else {
      this.Router.navigateByUrl(path, payload);
      this.activePage = path;
    }
    this.activePageName = this.getPageTitle(this.activePage);
  };

}