1 |
61381
|
k.triantaf
|
import { Component } from '@angular/core';
|
2 |
|
|
import {ActivatedRoute, Router} from "@angular/router";
|
3 |
|
|
import {Subscriber, Subscription} from "rxjs";
|
4 |
|
|
import {OrcidService} from "./orcid.service";
|
5 |
|
|
import {properties} from "../../../environments/environment";
|
6 |
|
|
import {RouterHelper} from "../utils/routerHelper.class";
|
7 |
|
|
import {Meta, Title} from "@angular/platform-browser";
|
8 |
|
|
import {UserManagementService} from "../services/user-management.service";
|
9 |
|
|
|
10 |
|
|
@Component({
|
11 |
|
|
selector: 'orcid',
|
12 |
|
|
template: `
|
13 |
|
|
<div class="uk-section uk-container">
|
14 |
|
|
<div *ngIf="orcidMessage">{{orcidMessage}}</div>
|
15 |
|
|
<div *ngIf="message" [innerHTML]="message"></div>
|
16 |
|
|
<div *ngIf="showLoading" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">
|
17 |
|
|
<span class="loading-gif uk-align-center"></span>
|
18 |
|
|
</div>
|
19 |
|
|
</div>
|
20 |
|
|
`
|
21 |
|
|
})
|
22 |
|
|
|
23 |
|
|
export class OrcidComponent {
|
24 |
|
|
public subscriptions: Subscription[] = [];
|
25 |
|
|
|
26 |
|
|
public showLoading: boolean = false;
|
27 |
|
|
public message: string = "";
|
28 |
|
|
public orcidMessage: string = "";
|
29 |
|
|
|
30 |
|
|
public source: string = "";
|
31 |
|
|
public code: string = "";
|
32 |
|
|
public gotToken: boolean = false;
|
33 |
|
|
|
34 |
|
|
public routerHelper:RouterHelper = new RouterHelper();
|
35 |
|
|
|
36 |
|
|
constructor(private route: ActivatedRoute,
|
37 |
|
|
private _router: Router,
|
38 |
|
|
private orcidService: OrcidService,
|
39 |
|
|
private userManagementService: UserManagementService,
|
40 |
|
|
private _meta: Meta, private _title: Title) {}
|
41 |
|
|
|
42 |
|
|
ngOnInit() {
|
43 |
|
|
var description = "Openaire, ORCID";
|
44 |
|
|
this.updateTitle("Connect with ORCID");
|
45 |
|
|
this.updateDescription(description);
|
46 |
|
|
this.updateUrl( properties.domain + properties.baseLink + this.route.url);
|
47 |
|
|
|
48 |
|
|
this.subscriptions.push(this.route.queryParams.subscribe(params => {
|
49 |
|
|
this.gotToken = false;
|
50 |
|
|
|
51 |
|
|
this.source = params['source'];
|
52 |
|
|
this.code = params['code'];
|
53 |
|
|
if (this.code) {
|
54 |
|
|
if(this.source == "openaire") {
|
55 |
|
|
this.getToken(params['code']);
|
56 |
|
|
} else {
|
57 |
|
|
this.getPersonalDetails();
|
58 |
|
|
}
|
59 |
|
|
} else if(params['error']) {
|
60 |
|
|
this.showLoading = false;
|
61 |
|
|
this.orcidMessage = params['error_description'];
|
62 |
|
|
this.message = "<div>An error occured while trying to grant access OpenAIRE. </div>" +
|
63 |
|
|
"<div>Please close this window and try again!</div>";
|
64 |
|
|
} else {
|
65 |
|
|
this.message = "No code provided to connect your ORCID with OpenAIRE. Please try again!"
|
66 |
|
|
}
|
67 |
|
|
}));
|
68 |
|
|
}
|
69 |
|
|
|
70 |
|
|
ngOnDestroy() {
|
71 |
|
|
this.subscriptions.forEach(subscription => {
|
72 |
|
|
if (subscription instanceof Subscriber) {
|
73 |
|
|
subscription.unsubscribe();
|
74 |
|
|
}
|
75 |
|
|
});
|
76 |
|
|
}
|
77 |
|
|
|
78 |
|
|
// the following method uses client ID and client Secret, which are sessitive data.
|
79 |
|
|
// Our API should return the response, without revealing the call to ORCID.
|
80 |
|
|
private getToken(code: string) {
|
81 |
|
|
this.showLoading = true;
|
82 |
|
|
this.orcidService.getToken(code).subscribe(
|
83 |
|
|
gotTokens => {
|
84 |
|
|
this.gotToken = true;
|
85 |
|
|
if(gotTokens == null || gotTokens['value'] == false) {
|
86 |
|
|
this.showLoading = false;
|
87 |
|
|
this.message = "<div>An error occured while trying to connect your ORCID iD with OpenAIRE. Please try again!</div>" +
|
88 |
|
|
"<div class='uk-margin-small-top'>Need help? <a href='https://www.openaire.eu/support/helpdesk'>Contact us!</a></div>";
|
89 |
|
|
} else {
|
90 |
|
|
if(this.source == "openaire") {
|
91 |
|
|
this.message = "<div>Thank you for connecting your ORCID iD with OpenAIRE!</div>" +
|
92 |
|
|
"<div class='uk-margin-small-top'>This window will automatically close and you will be ready to link OpenAIRE research results with your ORCID iD.</div>";
|
93 |
|
|
if(window && window.opener) {
|
94 |
|
|
window.opener.postMessage("success");
|
95 |
|
|
window.close();
|
96 |
|
|
}
|
97 |
|
|
setTimeout(() => {
|
98 |
|
|
this.message += "<div class='uk-margin-top'>If this widnow does not close authomatically, please close it and continue!</div>";
|
99 |
|
|
}, 3000);
|
100 |
|
|
} else {
|
101 |
|
|
this.message = "<div>Thank you for connecting your ORCID iD with OpenAIRE!</div>" +
|
102 |
|
|
"<div class='uk-margin-small-top'>You will automatically be redirected to our advanced search page where you can link OpenAIRE research results with your ORCID iD.</div>";
|
103 |
|
|
|
104 |
|
|
this.getPersonalDetails();
|
105 |
|
|
}
|
106 |
|
|
// this.message = "Thank you for connecting your ORCID iD with OpenAIRE! Please close this window and continue!";
|
107 |
|
|
}
|
108 |
|
|
this.showLoading = false;
|
109 |
|
|
},
|
110 |
|
|
error => {
|
111 |
|
|
this.showLoading = false;
|
112 |
|
|
|
113 |
|
|
this.gotToken = true;
|
114 |
|
|
|
115 |
|
|
console.error("Error getting token from code: "+code, error);
|
116 |
|
|
this.message = "An error occured while trying to connect your ORCID iD with OpenAIRE. Please try again!";
|
117 |
|
|
}
|
118 |
|
|
)
|
119 |
|
|
}
|
120 |
|
|
|
121 |
|
|
private getPersonalDetails() {
|
122 |
|
|
//get author name
|
123 |
|
|
this.subscriptions.push(this.orcidService.getPersonalDetails().subscribe(
|
124 |
|
|
details => {
|
125 |
|
|
let author: string = "";
|
126 |
|
|
|
127 |
|
|
if(details && details['name']) {
|
128 |
|
|
let name: string = details['name'];
|
129 |
|
|
if(name['given-names'] && name['given-names']['value']) {
|
130 |
|
|
author = name['given-names']['value'];
|
131 |
|
|
}
|
132 |
|
|
if(name['family-name'] && name['family-name']['value']) {
|
133 |
|
|
author += (author ? " " : "") + name['family-name']['value'];
|
134 |
|
|
}
|
135 |
|
|
}
|
136 |
|
|
|
137 |
|
|
let params = this.routerHelper.createQueryParams(['f0', 'fv0'], ['resultauthor', author]);
|
138 |
|
|
this._router.navigate([properties.searchLinkToAdvancedResults], {queryParams: params});
|
139 |
|
|
},
|
140 |
|
|
error => {
|
141 |
|
|
console.error("Error getting personal details", error);
|
142 |
|
|
if(this.gotToken) {
|
143 |
|
|
this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {
|
144 |
|
|
if (user) {
|
145 |
|
|
let params = this.routerHelper.createQueryParams(['f0', 'fv0'], ['resultauthor', user.fullname]);
|
146 |
|
|
this._router.navigate([properties.searchLinkToAdvancedResults], {queryParams: params});
|
147 |
|
|
} else {
|
148 |
|
|
this._router.navigate([properties.searchLinkToAdvancedResults], {});
|
149 |
|
|
}
|
150 |
|
|
},
|
151 |
|
|
error => {
|
152 |
|
|
setTimeout(() => {
|
153 |
|
|
this.message += "<div class='uk-margin-top'>If you are not authomatically redirected, please navigate to our search pages.</div>";
|
154 |
|
|
}, 3000);
|
155 |
|
|
}));
|
156 |
|
|
} else {
|
157 |
|
|
this.getToken(this.code);
|
158 |
|
|
}
|
159 |
|
|
}
|
160 |
|
|
));
|
161 |
|
|
}
|
162 |
|
|
|
163 |
|
|
private updateTitle(title: string) {
|
164 |
|
|
this._title.setTitle(title);
|
165 |
|
|
this._meta.updateTag({content: title}, "property='og:title'");
|
166 |
|
|
}
|
167 |
|
|
|
168 |
|
|
private updateDescription(description: string) {
|
169 |
|
|
this._meta.updateTag({content: description}, "name='description'");
|
170 |
|
|
this._meta.updateTag({content: description}, "property='og:description'");
|
171 |
|
|
}
|
172 |
|
|
|
173 |
|
|
private updateUrl(url: string) {
|
174 |
|
|
this._meta.updateTag({content: url}, "property='og:url'");
|
175 |
|
|
}
|
176 |
|
|
}
|