2021-04-13 00:21:12 +02:00
|
|
|
import {Component, OnDestroy, OnInit} from '@angular/core';
|
2020-10-05 18:36:30 +02:00
|
|
|
import {MenuItem, RootMenuItem} from './openaireLibrary/sharedComponents/menu';
|
|
|
|
import {EnvProperties} from './openaireLibrary/utils/properties/env-properties';
|
|
|
|
import {User} from './openaireLibrary/login/utils/helper.class';
|
|
|
|
import {properties} from '../environments/environment';
|
|
|
|
import {LayoutService} from './services/layout.service';
|
2020-10-14 13:27:56 +02:00
|
|
|
import {Header} from './openaireLibrary/sharedComponents/navigationBar.component';
|
2021-04-13 00:21:12 +02:00
|
|
|
import {SmoothScroll} from './openaireLibrary/utils/smooth-scroll';
|
2020-10-05 18:36:30 +02:00
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'app',
|
|
|
|
templateUrl: './app.component.html',
|
|
|
|
})
|
|
|
|
|
2021-04-13 00:21:12 +02:00
|
|
|
export class AppComponent implements OnInit, OnDestroy {
|
2020-10-11 16:19:54 +02:00
|
|
|
title = 'OpenAIRE - Research Graph';
|
2020-10-05 18:36:30 +02:00
|
|
|
userMenuItems: MenuItem[] = [];
|
|
|
|
menuItems: RootMenuItem [] = [];
|
|
|
|
logInUrl = null;
|
|
|
|
logOutUrl = null;
|
|
|
|
properties: EnvProperties = properties;
|
|
|
|
showMenu: boolean = false;
|
|
|
|
user: User;
|
2020-10-14 13:27:56 +02:00
|
|
|
header: Header;
|
|
|
|
logoPath: string = 'assets/common-assets/';
|
2020-10-05 18:36:30 +02:00
|
|
|
|
2021-04-13 00:21:12 +02:00
|
|
|
constructor(private layoutService: LayoutService,
|
|
|
|
private smoothScroll: SmoothScroll) {}
|
2020-10-05 18:36:30 +02:00
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
this.logInUrl = this.properties.loginUrl;
|
|
|
|
this.logOutUrl = this.properties.logoutUrl;
|
|
|
|
this.showMenu = true;
|
2020-10-14 13:27:56 +02:00
|
|
|
this.header = {
|
|
|
|
route: "/",
|
|
|
|
url: null,
|
|
|
|
title: 'graph',
|
|
|
|
logoUrl: this.logoPath + 'logo-large-graph.png',
|
|
|
|
logoSmallUrl:this.logoPath + 'logo-small-graph.png',
|
|
|
|
position:'left',
|
|
|
|
badge:true
|
|
|
|
};
|
2020-10-05 18:36:30 +02:00
|
|
|
this.layoutService.isHome.subscribe(isHome => {
|
|
|
|
this.buildMenu(isHome);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2021-04-13 00:21:12 +02:00
|
|
|
ngOnDestroy() {
|
|
|
|
this.smoothScroll.clearSubscriptions();
|
|
|
|
}
|
|
|
|
|
2020-10-05 18:36:30 +02:00
|
|
|
buildMenu(isHome) {
|
|
|
|
this.menuItems = [
|
|
|
|
{
|
|
|
|
rootItem: new MenuItem("about", "About", "", "/about", false, [], null, {}),
|
|
|
|
items: [
|
2020-10-09 11:35:22 +02:00
|
|
|
new MenuItem("overview", "Overview", "", "/about", false, [], null, {}),
|
|
|
|
new MenuItem("architecture", "Architecture", "", "/about", false, [], null, {}, null, 'architecture'),
|
|
|
|
new MenuItem("metrics", "Data and Metrics", "", "/about", false, [], null, {}, null, 'metrics'),
|
|
|
|
new MenuItem("infrastructure", "Infrastructure", "", "/about", false, [], null, {}, null, 'infrastructure'),
|
|
|
|
new MenuItem("team", "Team", "", "/about", false, [], null, {}, null, 'team')
|
2020-10-05 18:36:30 +02:00
|
|
|
]
|
|
|
|
},
|
|
|
|
{
|
|
|
|
rootItem: new MenuItem("resources", "Resources", "", "/resources", false, [], null, {}),
|
|
|
|
items: [
|
2021-04-15 16:39:34 +02:00
|
|
|
new MenuItem("api", "API", "", "/resources", false, [], null, {}),
|
|
|
|
new MenuItem("references", "References", "", "/resources/references", false, [], null, {})
|
2020-10-05 18:36:30 +02:00
|
|
|
]
|
|
|
|
},
|
|
|
|
{
|
|
|
|
rootItem: new MenuItem("contact", "Support", "", "/support", false, [], null, {}),
|
2021-04-15 16:39:34 +02:00
|
|
|
items: []
|
2020-10-05 18:36:30 +02:00
|
|
|
}
|
|
|
|
];
|
|
|
|
if(!isHome) {
|
|
|
|
this.menuItems = [{
|
|
|
|
rootItem: new MenuItem("home", "Home", "", "/", false, [], null, {}),
|
|
|
|
items: []
|
|
|
|
}].concat(this.menuItems);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|