openaire-library/sharedComponents/navigationBar.component.ts

import {Component, Input} 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";

@Component({
  selector: 'navbar',
  templateUrl: 'navigationBar.component.html'
})
export class NavigationBarComponent {
  @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() community: { id: string, name: string, logoUrl: string };
  @Input() header: { route: string, url: string, title: string, logoUrl: string, logoSmallUrl:string, position:'left'|'center'|'right' , badge: boolean };
  @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 = "";

  logosrc: string = "";
  logoUrl:string;
  logoRoute:string;
  logoName:string;


  public isAuthorized: boolean = false;
  subs: Subscription[] = [];

  showEntity = {};
  showPage = {};
  specialAnnouncementContent: string = null;
  activeRouteEnabled = false;


  constructor(private router: Router,
              private  route: ActivatedRoute,
              private config: ConfigurationService) {
  }

  ngOnInit() {
    this.activeRouteEnabled = false;
    //this.sub = this.route.queryParams.subscribe(params => {
      //console.log("params: ",params);
      this.initialize();
    //});
  }

  ngOnDestroy() {
    for (let sub of this.subs) {
      sub.unsubscribe();
    }
  }

  initialize() {
    if((['explore','connect','monitor','provide','develop', 'usage-counts', 'graph']).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.community){
      this.header = { route: (this.homeurl?"/":null), url: (!this.homeurl?'https://'+(this.properties.environment =='beta'?'beta.':'')+this.community.id+'.openaire.eu':null), title: this.community.name, logoUrl: this.community.logoUrl, logoSmallUrl:this.community.logoUrl, 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.activeRouteEnabled = false;
    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) {
          for (var i = 0; i < data['entities'].length; i++) {

            this.showEntity["" + data['entities'][i]["pid"] + ""] = data['entities'][i]["isEnabled"];
          }
          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);
      }));
    }
    if(!this.community){
      this.logosrc = this.logoPath + "logo-large-"+this.portal+".png";
      this.logoRoute = "/";
      this.logoName = "OpenAIRE";

    }else if( this.community){
      this.logosrc = this.community.logoUrl;
      if(this.homeurl){
        this.logoRoute = "/";
      }else{
        this.logoUrl = 'https://'+(this.properties.environment =='beta'?'beta.':'')+this.community.id+'.openaire.eu';
      }
      this.logoName = this.community.name;
    }

  }

  onClick(id: string) {
    var el: HTMLElement = document.getElementById(id);
    el.classList.remove('uk-open');
  }

  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);
  }

  getCurrentRoute() {
    return this.router.url.split('?')[0];
  }

  isTheActiveMenu(menu: RootMenuItem): boolean {
    let currentRoute = this.getCurrentRoute();
    if (!menu.rootItem.markAsActive) {
      return false;
    }
    if (currentRoute == menu.rootItem.route) {
      this.activeRouteEnabled = true;
      return true;
    } else if (menu.items.length > 0) {
      for (let menuItem of menu.items) {
        if (menuItem.route == currentRoute) {
          this.activeRouteEnabled = true;
          return true;
        }
      }
    }
    return false;
  }
}