import {ChangeDetectorRef, Component, OnDestroy, OnInit} from '@angular/core'; import {ActivatedRoute, NavigationEnd, Params, Router} from '@angular/router'; import {EnvProperties} from './openaireLibrary/utils/properties/env-properties'; import {EnvironmentSpecificService} from './openaireLibrary/utils/properties/environment-specific.service'; import {Session, User} from './openaireLibrary/login/utils/helper.class'; import {UserManagementService} from "./openaireLibrary/services/user-management.service"; import {StakeholderService} from "./openaireLibrary/monitor/services/stakeholder.service"; import {BehaviorSubject, Subscriber} from "rxjs"; import {LayoutService} from "./openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; import {MenuItem} from "./openaireLibrary/sharedComponents/menu"; import {Stakeholder} from "./openaireLibrary/monitor/entities/stakeholder"; import {properties} from "../environments/environment"; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit, OnDestroy { properties: EnvProperties; user: User; params: BehaviorSubject = new BehaviorSubject(null); hasSidebar: boolean = false; hasHeader: boolean = false; hasAdminMenu: boolean = false; hasMiniMenu:boolean = false; isFrontPage:boolean = false; userMenuItems: MenuItem[] = []; adminMenuItems: MenuItem[] = []; stakeHolder:Stakeholder = null; private subscriptions: any[] = []; constructor(private route: ActivatedRoute, private propertiesService: EnvironmentSpecificService, private router: Router, private userManagementService: UserManagementService, private layoutService: LayoutService, private stakeholderService: StakeholderService, private cdr: ChangeDetectorRef) { this.subscriptions.push(this.router.events.subscribe(event => { if (event instanceof NavigationEnd) { let r = this.route; while (r.firstChild) { r = r.firstChild; } let params = r.snapshot.params; this.params.next(params); } })); } ngOnInit() { console.log(properties); this.subscriptions.push(this.layoutService.hasSidebar.subscribe(hasSidebar => { this.hasSidebar = hasSidebar; if(this.hasSidebar === false) { this.layoutService.setOpen(false); } this.cdr.detectChanges(); })); this.subscriptions.push(this.layoutService.hasHeader.subscribe(hasHeader => { this.hasHeader = hasHeader; this.cdr.detectChanges(); })); this.subscriptions.push(this.layoutService.hasAdminMenu.subscribe(hasAdminMenu => { this.hasAdminMenu = hasAdminMenu; this.cdr.detectChanges(); })); this.subscriptions.push(this.layoutService.hasMiniMenu.subscribe(hasMiniMenu => { this.hasMiniMenu = hasMiniMenu; this.cdr.detectChanges(); })); this.subscriptions.push(this.layoutService.isFrontPage.subscribe(isFrontPage => { this.isFrontPage = isFrontPage; this.cdr.detectChanges(); })); this.layoutService.setOpen(false); this.propertiesService.loadEnvironment() .then(properties => { this.properties = properties; this.subscriptions.push(this.params.subscribe( params => { if (params && params['stakeholder']) { if (!this.stakeholderService.stakeholder || this.stakeholderService.stakeholder.alias !== params['stakeholder']) { this.stakeholderService.getStakeholder(this.properties.monitorServiceAPIURL, params['stakeholder']).subscribe(stakeholder => { this.stakeholderService.setStakeholder(stakeholder); this.layoutService.setOpen(true); this.stakeHolder = stakeholder; }, error => { this.navigateToError(); }); } } else { this.stakeholderService.setStakeholder(null); this.layoutService.setOpen(true); this.stakeHolder = null; } })); this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => { this.user = user; this.buildMenu(); }, error => { console.log("App couldn't fetch properties"); console.log(error); })); }); } public ngOnDestroy() { this.subscriptions.forEach(value => { if (value instanceof Subscriber) { value.unsubscribe(); } }); } private navigateToError() { this.router.navigate(['/error'], {queryParams: {'page': this.router.url}}); } public get open() { return this.layoutService.open; } public toggleOpen(event: MouseEvent) { event.preventDefault(); this.layoutService.setOpen(!this.open); } buildMenu() { this.userMenuItems = []; /* if (Session.isPortalAdministrator(this.user)) { this.userMenuItems.push(new MenuItem("", "Manage helptexts", "", "/helptexts", true, [], [], {communityId:'openaire'})) }*/ if (Session.isPortalAdministrator(this.user) || Session.isMonitorCurator(this.user) || Session.isCommunityCurator(this.user)) { this.userMenuItems.push(new MenuItem("", "Manage Stakeholders", "", "/admin", true, [], [], {})) } if (this.user) { this.userMenuItems.push(new MenuItem("", "User information", "", "/user-info", false, [], [], {})); } if (this.adminMenuItems.length == 0) { //nstructor(id: string, name: string, route: string, items: Item[], icon, open: boolean) { this.adminMenuItems.push(new MenuItem("stakeholders", "Manage Stakeholders", "", "/admin", false, [], [], {}, "settings")); /*let adminOptions = new MenuItem("adminOptions", "Admin Options", "", "", false, [], [], {}) adminOptions.items.push(new MenuItem("pages", "Pages", "", "/pages", false, [], [], {})); adminOptions.items.push(new MenuItem("portals", "Portals", "", "/portals", false, [], [], {})); adminOptions.items.push(new MenuItem("entities", "Entities", "", "/entities", false, [], [], {})); adminOptions.items.push(new MenuItem("classes", "Class help texts", "", "/classes", false, [], [], {})); this.adminMenuItems.push(adminOptions); let monitorOptions = new MenuItem("monitorOptions", "Monitor Options", "", "", false, [], [], {}) monitorOptions.items.push(new MenuItem("pages", "Pages", "", "/pages", false, [], [], {communityId: 'openaire'})); monitorOptions.items.push(new MenuItem("entities", "Entities", "", "/entities", false, [], [], {communityId: 'openaire'})); monitorOptions.items.push(new MenuItem("classes", "Class help texts", "", "/classContents", false, [], [], {communityId: 'openaire'})); monitorOptions.items.push(new MenuItem("helptexts", "Help texts", "", "/helptexts", false, [], [], {communityId: 'openaire'})); this.adminMenuItems.push(monitorOptions);*/ } } }