D-Net

import {Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges} from '@angular/core';

import {ActivatedRoute, Router} from '@angular/router';

import {Session, User} from '../login/utils/helper.class';

import {ConfigurationService} from '../utils/configuration/configuration.service';

import {MenuItem, RootMenuItem} from './menu';

import {EnvProperties} from '../utils/properties/env-properties';

import {Stakeholder} from '../monitor/entities/stakeholder';

import {Subscription} from 'rxjs';

export interface Header {

  route?: string,

  url?: string,

  title: string,

  logoUrl: string,

  logoSmallUrl: string,

  position: 'left' | 'center' | 'right',

  badge: boolean

  stickyAnimation?: boolean

}

@Component({

  selector: 'navbar',

  templateUrl: 'navigationBar.component.html'

})

export class NavigationBarComponent implements OnInit, OnDestroy {

  @Input() portal: string = 'connect';

  @Input() dark: boolean = false;

  @Input() onlyTop: boolean;

  @Input() logoPath: string = 'assets/common-assets/';

  @Input() userMenu: boolean = true;

  @Input() showHomeMenuItem: boolean = false;

  @Input() communityId;

  @Input() stakeholder: Stakeholder;

  @Input() showCommunityName: boolean = false;

  @Input() userMenuItems: MenuItem[];

  @Input() menuItems: RootMenuItem [];

  @Input() header: Header;

  @Input() showMenu: boolean = true;

  @Input() homeurl: boolean = true;

  @Input() properties: EnvProperties;

  @Input() user: User;

  @Input() enableSearch: boolean = false;

  @Input() searchRoute: string = '/search/find';

  @Input() searchPlaceHolder: string = 'Search for research results';

  @Input() showLogo: boolean = true;

  @Input() offCanvasFlip: boolean = false;

  keyword: string = '';

  public isAuthorized: boolean = false;

  subs: Subscription[] = [];

  showEntity = {};

  showPage = {};

  specialAnnouncementContent: string = null;

  constructor(private router: Router,

              private  route: ActivatedRoute,

              private config: ConfigurationService) {

  }

  ngOnInit() {

    this.initialize();

  }

  ngOnDestroy() {

    for (let sub of this.subs) {

      sub.unsubscribe();

    }

  }

  initialize() {

    if ((['provide', 'develop']).indexOf(this.portal) != -1) {

      this.header = {

        route: '/',

        url: null,

        title: this.portal,

        logoUrl: this.logoPath + 'logo-large-' + this.portal + '.png',

        logoSmallUrl: this.logoPath + 'logo-small-' + this.portal + '.png',

        position: 'left',

        badge: true

      };

    } else if (this.stakeholder) {

      this.header = {

        route: '',

        url: null,

        title: this.stakeholder.name,

        logoUrl: this.stakeholder.logoUrl,

        logoSmallUrl: this.stakeholder.logoUrl,

        position: 'left',

        badge: true

      };

    }

    this.isAuthorized = Session.isClaimsCurator(this.user) || Session.isPortalAdministrator(this.user);

    if (this.properties.adminToolsAPIURL && this.communityId) {

      //this.config.getCommunityInformation(this.properties, this.communityId).subscribe(data => {

      this.subs.push(this.config.communityInformationState.subscribe(data => {

          if (data) {

            if (data['entities']) {

              for (var i = 0; i < data['entities'].length; i++) {

                this.showEntity['' + data['entities'][i]['pid'] + ''] = data['entities'][i]['isEnabled'];

              }

            }

            if (data['pages']) {

              for (var i = 0; i < data['pages'].length; i++) {

                this.showPage[data['pages'][i]['route']] = data['pages'][i]['isEnabled'];

              }

            }

          }

        },

        error => {

          this.handleError('Error getting community information (e.g. pages,entities) for community with id: ' + this.communityId, error);

        }));

    }

  }

  isEnabled(required, enabled) {

    if (!required) {

      return true;

    }

    for (let requiredEntity of required) {

      if (typeof enabled[requiredEntity] === 'undefined' || enabled[requiredEntity] == false) {

        return false;

      }

    }

    return true;

  }

  isAtleastOneEnabled(required, enabled) {

    if (!required || required.length == 0) {

      return true;

    }

    var count = required.length;

    for (let requiredEntity of required) {

      if (typeof enabled[requiredEntity] === 'undefined' || enabled[requiredEntity] == false) {

        count--;

      }

    }

    return (count > 0) ? true : false;

  }

  private handleError(message: string, error) {

    console.error('NavigationBar (component): ' + message, error);

  }

  get currentRoute() {

    return {

      route: this.router.url.split('?')[0].split('#')[0],

      fragment: this.route.snapshot.fragment

    }

  }

  isTheActiveMenu(menu: RootMenuItem): boolean {

    if (!menu.rootItem.markAsActive) {

      return false;

    }

    if (this.isTheActiveMenuItem(menu.rootItem)) {

      return true;

    } else if (menu.items.length > 0) {

      for (let menuItem of menu.items) {

        if (this.isTheActiveMenuItem(menuItem)) {

          return true;

        }

      }

    }

    return false;

  }

  isTheActiveMenuItem(menuItem: MenuItem): boolean {

    let currentRoute = this.currentRoute;

    return (menuItem.route == currentRoute.route || menuItem.route == (currentRoute.route + "/")) &&

      currentRoute.fragment == menuItem.fragment;

  }

}