167 lines
9.4 KiB
TypeScript
167 lines
9.4 KiB
TypeScript
import {Component} from '@angular/core';
|
|
import {ActivatedRoute, NavigationStart, Router} from '@angular/router';
|
|
|
|
import {EnvProperties} from './openaireLibrary/utils/properties/env-properties';
|
|
import {MenuItem, RootMenuItem} from './openaireLibrary/sharedComponents/menu';
|
|
import {EnvironmentSpecificService} from './openaireLibrary/utils/properties/environment-specific.service';
|
|
|
|
import {Session, User} from './openaireLibrary/login/utils/helper.class';
|
|
import {HelperFunctions} from "./openaireLibrary/utils/HelperFunctions.class";
|
|
import {UserManagementService} from "./openaireLibrary/services/user-management.service";
|
|
import {ConfigurationService} from "./openaireLibrary/utils/configuration/configuration.service";
|
|
import {Header} from "./openaireLibrary/sharedComponents/navigationBar.component";
|
|
import {Subscriber} from "rxjs";
|
|
import {Meta} from "@angular/platform-browser";
|
|
import {properties} from "../environments/environment";
|
|
import {SmoothScroll} from "./openaireLibrary/utils/smooth-scroll";
|
|
import {SEOService} from "./openaireLibrary/sharedComponents/SEO/SEO.service";
|
|
|
|
@Component({
|
|
//changeDetection: ChangeDetectionStrategy.Default,
|
|
//encapsulation: ViewEncapsulation.Emulated,
|
|
selector: 'app-root',
|
|
template: `
|
|
<navbar *ngIf="properties && header" [header]="header" [portal]="properties.dashboard" [properties]=properties
|
|
[onlyTop]=false [user]="user"
|
|
[communityId]="properties.adminToolsCommunity" [userMenuItems]=userMenuItems [menuItems]=menuItems></navbar>
|
|
<schema2jsonld *ngIf="properties" [URL]="properties.domain+properties.baseLink"
|
|
[logoURL]="properties.domain+properties.baseLink+'/assets/common-assets/logo-small-explore.png'"
|
|
type="home"
|
|
name="OpenAIRE | Find and Share research"
|
|
description="OpenAIRE Explore: Over 100M of research deduplicated, 170K research software, 11M research data. One of the largest open scholarly records collection worldwide."></schema2jsonld>
|
|
<div class="custom-main-content">
|
|
<main>
|
|
<router-outlet></router-outlet>
|
|
</main>
|
|
</div>
|
|
<cookie-law *ngIf="isClient" position="bottom">
|
|
<span class="uk-visible@m">OpenAIRE uses cookies in order to function properly.<br>
|
|
Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing
|
|
experience possible.</span>
|
|
By using the OpenAIRE portal you accept our use of cookies. <a
|
|
href="https://www.openaire.eu/privacy-policy#cookies" target="_blank"> Read more <span class="uk-icon">
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right"
|
|
ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
|
|
</span></a>
|
|
</cookie-law>
|
|
<bottom *ngIf="isClient && properties" [properties]="properties"></bottom>
|
|
`
|
|
})
|
|
export class AppComponent {
|
|
isClient: boolean = false;
|
|
userMenuItems: MenuItem[] = [];
|
|
menuItems: RootMenuItem [] = [];
|
|
feedbackmail: string;
|
|
properties: EnvProperties = properties;
|
|
user: User;
|
|
header: Header;
|
|
logoPath: string = 'assets/common-assets/';
|
|
subscriptions = [];
|
|
|
|
constructor(private route: ActivatedRoute, private propertiesService: EnvironmentSpecificService,
|
|
private router: Router, private userManagementService: UserManagementService, private smoothScroll: SmoothScroll,
|
|
private configurationService: ConfigurationService, private _meta: Meta, private seoService: SEOService,) {
|
|
this.userMenuItems.push(new MenuItem("", "My profile", "", "", false, [], [], {}));
|
|
this.userMenuItems.push(new MenuItem("", "My ORCID links", "", "/my-orcid-links", false, [], [""], {}));
|
|
this.userMenuItems.push(new MenuItem("", "My links", "", "/myclaims", false, [], ["/myclaims"], {}));
|
|
|
|
this.subscriptions.push(router.events.forEach((event) => {
|
|
if (event instanceof NavigationStart) {
|
|
HelperFunctions.scroll();
|
|
}
|
|
}));
|
|
}
|
|
|
|
ngOnInit() {
|
|
if (typeof document !== 'undefined') {
|
|
this.isClient = true;
|
|
}
|
|
this.configurationService.initCommunityInformation(this.properties, this.properties.adminToolsCommunity);
|
|
this.feedbackmail = this.properties.feedbackmail;
|
|
if (this.properties.environment == "production" || this.properties.environment == "development") {
|
|
this.subscriptions.push(this.route.queryParams.subscribe(data => {
|
|
this._meta.updateTag({content: 'all', name: 'robots'});
|
|
this.seoService.removeLinkForPrevURL();
|
|
this.seoService.removeLinkForNextURL();
|
|
}));
|
|
}
|
|
this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {
|
|
this.user = user;
|
|
this.buildMenu();
|
|
this.header = {
|
|
route: "/",
|
|
url: null,
|
|
title: 'explore',
|
|
logoUrl: this.logoPath + 'logo-large-explore.png',
|
|
logoSmallUrl: this.logoPath + 'logo-small-explore.png',
|
|
position: 'left',
|
|
badge: true
|
|
};
|
|
}));
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.subscriptions.forEach(subscription => {
|
|
if (subscription instanceof Subscriber) {
|
|
subscription.unsubscribe();
|
|
}
|
|
});
|
|
this.configurationService.clearSubscriptions();
|
|
this.userManagementService.clearSubscriptions();
|
|
this.smoothScroll.clearSubscriptions();
|
|
}
|
|
|
|
buildMenu() {
|
|
let researchOutcomesMenu = new MenuItem("", "Research Outcomes", "", "/search/find/research-outcomes", false, [], ["/search/find/research-outcomes"], {resultbestaccessright: '"' + encodeURIComponent("Open Access") + '"'});
|
|
researchOutcomesMenu.items = [
|
|
new MenuItem("", "Publications", "", "/search/find/research-outcomes", false, [], ["/search/find/research-outcomes"], {type: '"' + encodeURIComponent("publications") + '"'}),
|
|
new MenuItem("", "Research data", "", "/search/find/research-outcomes", false, [], ["/search/find/research-outcomes"], {type: '"' + encodeURIComponent("datasets") + '"'}),
|
|
new MenuItem("", "Software", "", "/search/find/research-outcomes", false, [], ["/search/find/research-outcomes"], {type: '"' + encodeURIComponent("software") + '"'}),
|
|
new MenuItem("", "Other research products", "", "/search/find/research-outcomes", false, [], ["/search/find/research-outcomes"], {type: '"' + encodeURIComponent("other") + '"'})];
|
|
//TODO add check for research results route
|
|
this.menuItems = [
|
|
{
|
|
rootItem: new MenuItem("search", "Search", "", "/search/find", false, [], ["/search/find"], {qf: true}),
|
|
items: [
|
|
researchOutcomesMenu,
|
|
new MenuItem("", "Projects", "", "/search/find/projects/", false, ["project"], ["/search/find/projects"], {}),
|
|
new MenuItem("", "Content Providers", "", "/search/find/dataproviders", false, ["datasource"], ["/search/find/dataproviders"], {}),
|
|
new MenuItem("", "Organizations", "", "/search/find/organizations/", false, ["organization"], ["/search/find/organizations"], {})
|
|
]
|
|
},
|
|
{
|
|
rootItem: new MenuItem("deposit", "Deposit", "", "/participate/deposit/learn-how", false, [], ["/participate/deposit/learn-how"], {}),
|
|
//rootItem: new MenuItem("deposit", "Deposit", "", "/participate/deposit/learn-how", false, [], ["/participate/deposit/learn-how"], {}),
|
|
items: []
|
|
//rootItem: new MenuItem("share", "Share", "", "", false, [], ["/participate/deposit-publications", "/participate/deposit-datasets"], {}),
|
|
//items: [new MenuItem("", "Publications", "", "/participate/deposit-publications", false, ["publication"], ["/participate/deposit-publications"], {}),
|
|
// new MenuItem("", "Research Data", "", "/participate/deposit-datasets", false, ["dataset"], ["/participate/deposit-datasets"], {})]
|
|
},
|
|
{
|
|
rootItem: new MenuItem("link", "Link", "", "/participate/claim", false, [], ["/participate/claim"], {}),
|
|
items: [new MenuItem("", "Start linking", "", "/participate/claim", false, [], ["/participate/claim"], {}),
|
|
new MenuItem("", "Learn more", this.properties.claimsInformationLink, "", false, [], [], {})]
|
|
},
|
|
{
|
|
rootItem: new MenuItem("datasources", "Content Providers", "", "", false, ["datasource"], [], {}),
|
|
items: [new MenuItem("", "Data Policies", "https://beta.openaire.eu/oa-policies-mandates", "", false, ["datasource"], [""], {}),
|
|
new MenuItem("", "Repositories", "", "/search/content-providers", false, ["datasource"], ["/search/content-providers"], {}),
|
|
new MenuItem("", "Journals", "", "/search/journals", false, ["datasource"], ["/search/journals"], {}),
|
|
new MenuItem("", "Registries", "", "/search/entity-registries", false, ["datasource"], ["/search/entity-registries"], {}),
|
|
new MenuItem("", "Browse all", "", "/search/find/dataproviders", false, ["datasource"], ["/search/find/dataproviders"], {})]
|
|
}
|
|
];
|
|
if (Session.isPortalAdministrator(this.user)) {
|
|
this.userMenuItems.push(new MenuItem("", "Manage all links", "", "/claims", false, [], ["/claims"], {}));
|
|
this.userMenuItems.push(new MenuItem("", "Manage helptexts", this.properties.adminPortalURL + "/openaire/admin-tools/pages", "", true, [], [], {}));
|
|
} else if (Session.isClaimsCurator(this.user)) {
|
|
this.userMenuItems.push(new MenuItem("", "Manage all links", "", "/claims", false, [], ["/claims"], {}));
|
|
|
|
}
|
|
if (this.user) {
|
|
this.userMenuItems.push(new MenuItem("", "User information", "", "/user-info", false, [], [], {}));
|
|
}
|
|
}
|
|
}
|
|
|