146 lines
4.3 KiB
TypeScript
146 lines
4.3 KiB
TypeScript
import { Component, Input } from '@angular/core';
|
|
// import 'rxjs/Rx';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
import {Observable} from 'rxjs';
|
|
|
|
import {Session} from '../login/utils/helper.class';
|
|
import { ConfigurationService } from '../utils/configuration/configuration.service';
|
|
import{MenuItem,RootMenuItem} from './menu';
|
|
import {EnvProperties} from "../utils/properties/env-properties";
|
|
@Component({
|
|
selector: 'navbar',
|
|
templateUrl: 'navigationBar.component.html'
|
|
})
|
|
export class NavigationBarComponent {
|
|
// [APIUrl]="properties.adminToolsAPIURL" [logOutUrl]="properties.logoutUrl" [cookieDomain]="properties.cookieDomain"
|
|
@Input() portal:string = "connect";
|
|
@Input() onlyTop:boolean ;
|
|
@Input() logoPath:string = "assets/common-assets/";
|
|
@Input() userMenu:boolean = true;
|
|
@Input() showHomeMenuItem:boolean = false;
|
|
@Input() communityId;
|
|
@Input() showCommunityName:boolean = false;
|
|
@Input() userMenuItems:MenuItem[] ;
|
|
@Input() menuItems:RootMenuItem [] ;
|
|
@Input() community: {id:string, name:string, logoUrl:string};
|
|
@Input() showMenu:boolean = true;
|
|
@Input() homeurl:boolean = true;
|
|
@Input() properties:EnvProperties;
|
|
@Input() enableSearch:boolean = false;
|
|
@Input() searchRoute:string = "/search/find";
|
|
@Input() searchPlaceHolder:string = "Search for research results";
|
|
keyword:string = "";
|
|
|
|
|
|
public isAuthorized: boolean = false;
|
|
sub:any;
|
|
isClient:boolean = false;
|
|
showEntity ={};
|
|
showPage ={};
|
|
specialAnnouncementContent:string= null;
|
|
activeRouteEnabled = false;
|
|
|
|
|
|
constructor( private router: Router, private route: ActivatedRoute, private config: ConfigurationService) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
//console.log(this.menuItems);
|
|
if (typeof document !== 'undefined') {
|
|
try{
|
|
this.isClient = true;
|
|
}catch (e) {
|
|
}
|
|
}
|
|
this.activeRouteEnabled = false;
|
|
this.sub = this.route.queryParams.subscribe(params => {
|
|
this.initialize();
|
|
});
|
|
|
|
}
|
|
ngOnDestroy(){
|
|
this.sub.unsubscribe();
|
|
}
|
|
initialize(){
|
|
this.activeRouteEnabled = false;
|
|
if(Session.isLoggedIn() && (Session.isClaimsCurator() || Session.isPortalAdministrator())){
|
|
this.isAuthorized = true;
|
|
}else {
|
|
this.isAuthorized = false;
|
|
}
|
|
|
|
if( this.properties.adminToolsAPIURL && this.communityId ){
|
|
this.config.getCommunityInformation(this.properties, this.communityId ).subscribe(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);
|
|
});
|
|
}
|
|
|
|
}
|
|
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;
|
|
}
|
|
}
|