[Library | Trunk]: Finish annotations. Add new registry url property. Add new registry service
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59228 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
e3ea7dc45a
commit
ae76e56dab
|
@ -1,15 +1,18 @@
|
|||
import {Component, HostListener, Input, OnDestroy, OnInit} from "@angular/core";
|
||||
import {Component, ElementRef, HostListener, Input, OnDestroy, OnInit, ViewChild} from "@angular/core";
|
||||
import {Annotation, AnnotationService} from "./annotation.service";
|
||||
import {ResultLandingInfo} from "../../utils/entities/resultLandingInfo";
|
||||
import {EnvProperties} from "../../utils/properties/env-properties";
|
||||
import {properties} from "../../../../environments/environment";
|
||||
import {UserManagementService} from "../../services/user-management.service";
|
||||
import {COOKIE} from "../../login/utils/helper.class";
|
||||
import {Subscriber} from "rxjs";
|
||||
|
||||
@Component({
|
||||
selector: 'b2note',
|
||||
template: `
|
||||
<div class="sideInfoTitle uk-margin-small-bottom">Annotations</div>
|
||||
<div class="b2note">
|
||||
<form ngNoForm *ngIf="pid"
|
||||
<form ngNoForm *ngIf="pid && user"
|
||||
[action]="properties.b2noteAPIURL + 'widget'"
|
||||
method="post"
|
||||
target="b2note_iframe"
|
||||
|
@ -38,8 +41,10 @@ import {properties} from "../../../../environments/environment";
|
|||
<span>add annotation</span>
|
||||
</button>
|
||||
</form>
|
||||
<div *ngIf="!pid">
|
||||
<button class="uk-flex uk-flex-middle disabled" title="Annotations are only available for resources with a PID (persistent identifier) like DOI, handle, PMID">
|
||||
<div *ngIf="!pid || !user">
|
||||
<button class="uk-flex uk-flex-middle disabled"
|
||||
[title]="!pid?'Annotations are only available for resources with a PID (persistent identifier) like DOI, handle, PMID':
|
||||
'Annotations are only available for logged in users'">
|
||||
<img src="assets/common-assets/b2note.png" width="48" height="24">
|
||||
<span>add annotation</span>
|
||||
</button>
|
||||
|
@ -65,7 +70,7 @@ import {properties} from "../../../../environments/environment";
|
|||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<!--The glorious iframe with the running app!-->
|
||||
<iframe id="b2note_iframe" name="b2note_iframe" class="b2note-iframe">
|
||||
<iframe #iframe id="b2note_iframe" name="b2note_iframe" class="b2note-iframe">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>`,
|
||||
|
@ -84,19 +89,33 @@ export class AnnotationComponent implements OnInit, OnDestroy {
|
|||
public visible: boolean = false;
|
||||
public annotations: Annotation[] = [];
|
||||
public annotationSize: number = 3;
|
||||
public user;
|
||||
public visibleAnnotations: number;
|
||||
@ViewChild('iframe') iframe: ElementRef;
|
||||
private subscriptions: any[] = [];
|
||||
|
||||
constructor(private annotationService: AnnotationService) {
|
||||
constructor(private annotationService: AnnotationService,
|
||||
private userManagementService: UserManagementService) {
|
||||
}
|
||||
|
||||
@HostListener('window:message', ['$event'])
|
||||
public onChange(event) {
|
||||
if(this.properties.b2noteAPIURL.includes(event.origin)) {
|
||||
if(event.data === "B2NOTE loaded") {
|
||||
this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {
|
||||
let token = COOKIE.getCookie('AccessToken');
|
||||
this.iframe.nativeElement.contentWindow.postMessage({token: token}, this.properties.b2noteAPIURL);
|
||||
}));
|
||||
} else {
|
||||
this.getAnnotations();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {
|
||||
this.user = user;
|
||||
}));
|
||||
this.visibleAnnotations = this.annotationSize;
|
||||
if (typeof window !== "undefined") {
|
||||
let id = this.id;
|
||||
|
@ -121,6 +140,15 @@ export class AnnotationComponent implements OnInit, OnDestroy {
|
|||
}
|
||||
}
|
||||
|
||||
private clearSubscriptions() {
|
||||
this.subscriptions.forEach(subscription => {
|
||||
if (subscription instanceof Subscriber) {
|
||||
subscription.unsubscribe();
|
||||
}
|
||||
});
|
||||
this.subscriptions = [];
|
||||
}
|
||||
|
||||
private getAnnotations() {
|
||||
this.annotationService.getAllAnnotations(this.properties, this.pid).subscribe(annotations => {
|
||||
this.annotations = annotations;
|
||||
|
@ -131,6 +159,7 @@ export class AnnotationComponent implements OnInit, OnDestroy {
|
|||
}
|
||||
|
||||
ngOnDestroy(): void {
|
||||
this.clearSubscriptions();
|
||||
}
|
||||
|
||||
public toggleAnnotation(event) {
|
||||
|
|
|
@ -52,32 +52,46 @@ export class Session{
|
|||
//Methods to check roles
|
||||
public static isClaimsCurator(user: User): boolean {
|
||||
return user &&
|
||||
user.role.indexOf('urn:geant:openaire.eu:group:Curator+-+Claim#aai.openaire.eu') !== -1;
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:Curator+-+Claim#aai.openaire.eu') !== -1 ||
|
||||
user.role.indexOf('CURATOR_CLAIM') !== -1);
|
||||
}
|
||||
|
||||
public static isCommunityCurator(user: User): boolean {
|
||||
return user &&
|
||||
user.role.indexOf('urn:geant:openaire.eu:group:Curator+-+Community#aai.openaire.eu') !== -1;
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:Curator+-+Community#aai.openaire.eu') !== -1||
|
||||
user.role.indexOf('CURATOR_COMMUNITY') !== -1);
|
||||
}
|
||||
|
||||
public static isMonitorCurator(user: User): boolean {
|
||||
return user &&
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:Expert+-+Funder#aai.openaire.eu') !== -1 || user.role.indexOf('urn:geant:openaire.eu:group:Curator+-+Funder#aai.openaire.eu') !== -1);
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:Expert+-+Funder#aai.openaire.eu') !== -1 ||
|
||||
user.role.indexOf('urn:geant:openaire.eu:group:Curator+-+Funder#aai.openaire.eu') !== -1);
|
||||
}
|
||||
|
||||
public static isPortalAdministrator(user: User): boolean {
|
||||
return user &&
|
||||
user.role.indexOf('urn:geant:openaire.eu:group:Portal+Administrator#aai.openaire.eu') !== -1;
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:Portal+Administrator#aai.openaire.eu') !== -1 ||
|
||||
user.role.indexOf('PORTAL_ADMINISTRATOR') !== -1);
|
||||
}
|
||||
|
||||
public static isUserManager(user: User): boolean {
|
||||
return user &&
|
||||
user.role.indexOf('urn:geant:openaire.eu:group:User+Manager#aai.openaire.eu') !== -1;
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:User+Manager#aai.openaire.eu') !== -1 ||
|
||||
user.role.indexOf('USER_MANAGER') !== -1);
|
||||
}
|
||||
|
||||
public static isSubscriber(type: string, id: string, user: User): boolean {
|
||||
return user && user.role.indexOf(type.toUpperCase() + '_' + id.toUpperCase()) !== -1
|
||||
}
|
||||
|
||||
public static isManager(type: string, id: string, user: User): boolean {
|
||||
return user && user.role.indexOf(type.toUpperCase() + '_' + id.toUpperCase() + '_MANAGER') !== -1
|
||||
}
|
||||
|
||||
public static isRegisteredUser(user: User): boolean {
|
||||
return user &&
|
||||
user.role.indexOf('urn:geant:openaire.eu:group:Registered+User#aai.openaire.eu') !== -1;
|
||||
(user.role.indexOf('urn:geant:openaire.eu:group:Registered+User#aai.openaire.eu') !== -1 ||
|
||||
user.role.indexOf('REGISTERED_USER') !== -1);
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -4,38 +4,29 @@ import {HttpHeaders} from "@angular/common/http";
|
|||
|
||||
export class CustomOptions {
|
||||
|
||||
/*
|
||||
public static getAuthOptionsWithBody(): RequestOptions {
|
||||
const headers = new Headers();
|
||||
headers.append('Content-Type', 'application/json');
|
||||
headers.append('X-XSRF-TOKEN', COOKIE.getCookie(COOKIE.cookieName_id));
|
||||
const options = new RequestOptions({ headers: headers, withCredentials: true });
|
||||
return options;
|
||||
public static registryOptions(): any {
|
||||
return {
|
||||
headers: new HttpHeaders({
|
||||
'Content-Type': 'application/json',
|
||||
}), withCredentials: true
|
||||
};
|
||||
}
|
||||
*/
|
||||
|
||||
public static getAuthOptionsWithBody():{} {
|
||||
return {
|
||||
headers: new HttpHeaders({
|
||||
'Content-Type': 'application/json',
|
||||
'X-XSRF-TOKEN': COOKIE.getCookie(COOKIE.cookieName_id)?COOKIE.getCookie(COOKIE.cookieName_id):''
|
||||
'X-XSRF-TOKEN': COOKIE.getCookie(COOKIE.cookieName_id)?COOKIE.getCookie(COOKIE.cookieName_id):'',
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}), withCredentials: true
|
||||
};
|
||||
}
|
||||
|
||||
/*
|
||||
public static getAuthOptions(): RequestOptions {
|
||||
const headers = new Headers();
|
||||
headers.append('X-XSRF-TOKEN', COOKIE.getCookie(COOKIE.cookieName_id));
|
||||
const options = new RequestOptions({ headers: headers, withCredentials: true });
|
||||
return options;
|
||||
}
|
||||
*/
|
||||
|
||||
public static getAuthOptions():any {
|
||||
const httpOptions = {
|
||||
headers: new HttpHeaders({
|
||||
'X-XSRF-TOKEN': (COOKIE.getCookie(COOKIE.cookieName_id))?COOKIE.getCookie(COOKIE.cookieName_id):'',
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}), withCredentials: true
|
||||
};
|
||||
return httpOptions;
|
||||
|
|
|
@ -4,8 +4,8 @@ import {BehaviorSubject, from, Observable, of} from "rxjs";
|
|||
import {COOKIE, User} from "../login/utils/helper.class";
|
||||
import {catchError, map, timeout} from "rxjs/operators";
|
||||
import {NavigationEnd, Router} from "@angular/router";
|
||||
import {EnvironmentSpecificService} from "../utils/properties/environment-specific.service";
|
||||
import {properties} from "../../../environments/environment";
|
||||
import {CustomOptions} from "./servicesUtils/customOptions.class";
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
|
@ -18,6 +18,7 @@ export class UserManagementService {
|
|||
constructor(private http: HttpClient,
|
||||
private router: Router) {
|
||||
this.promise = new Promise<any>((resolve => {
|
||||
if(properties.environment !== 'development') {
|
||||
const token = COOKIE.getCookie('AccessToken');
|
||||
if (!token) {
|
||||
this.getUserInfoSubject.next(null);
|
||||
|
@ -32,6 +33,14 @@ export class UserManagementService {
|
|||
resolve();
|
||||
});
|
||||
}
|
||||
} else {
|
||||
if(!COOKIE.getCookie('AccessToken')) {
|
||||
this.getUserInfoSubject.next(null);
|
||||
resolve();
|
||||
} else {
|
||||
this.updateUserInfo(resolve);
|
||||
}
|
||||
}
|
||||
}));
|
||||
this.router.events.subscribe(event => {
|
||||
if (event instanceof NavigationEnd) {
|
||||
|
@ -51,6 +60,19 @@ export class UserManagementService {
|
|||
}
|
||||
}
|
||||
|
||||
public updateUserInfo(resolve: Function = null) {
|
||||
this.http.get<User>(properties.userInfoUrl, CustomOptions.registryOptions()).pipe(map(userInfo => {
|
||||
return this.parseUserInfo(userInfo);
|
||||
})).pipe(timeout(3000), catchError(() => {
|
||||
return of(null);
|
||||
})).subscribe(user => {
|
||||
this.getUserInfoSubject.next(user);
|
||||
if(resolve) {
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
private async getUserInfoAsync(): Promise<User> {
|
||||
await this.promise;
|
||||
return this.getUserInfoSubject.getValue();
|
||||
|
@ -76,10 +98,12 @@ export class UserManagementService {
|
|||
}
|
||||
if (info.edu_person_entitlements) {
|
||||
user.role = info.edu_person_entitlements;
|
||||
} else if (info.roles) {
|
||||
user.role = info.roles;
|
||||
} else {
|
||||
user.role = [];
|
||||
}
|
||||
user.expirationDate = info.exp;
|
||||
user.expirationDate = info.exp_date;
|
||||
return user;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,45 @@
|
|||
import {Injectable} from '@angular/core';
|
||||
import {HttpClient} from '@angular/common/http';
|
||||
import {Observable} from "rxjs";
|
||||
import {properties} from "../../../environments/environment";
|
||||
import {CustomOptions} from "./servicesUtils/customOptions.class";
|
||||
import {map} from "rxjs/operators";
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class UserRegistryService {
|
||||
|
||||
constructor(private http: HttpClient) {
|
||||
}
|
||||
|
||||
public getSubscribersCount(type: string, id: string): Observable<any> {
|
||||
return this.http.get(properties.registryUrl + encodeURIComponent(type) + '/' + encodeURIComponent(id) + '/subscribers/count');
|
||||
}
|
||||
|
||||
public subscribeTo(type: string, id: string): Observable<any> {
|
||||
return this.http.post(properties.registryUrl + 'subscribe/' + encodeURIComponent(type) + '/' + encodeURIComponent(id),
|
||||
null, CustomOptions.registryOptions())
|
||||
}
|
||||
|
||||
public unsubscribeFrom(type: string, id: string): Observable<any> {
|
||||
return this.http.post(properties.registryUrl + 'unsubscribe/' + encodeURIComponent(type) + '/' + encodeURIComponent(id),
|
||||
null, CustomOptions.registryOptions())
|
||||
}
|
||||
|
||||
public getSubscribers(type: string, id: string): Observable<any[]> {
|
||||
return this.http.get<any>(properties.registryUrl + encodeURIComponent(type) + '/' + encodeURIComponent(id) + '/subscribers/').pipe(map(response => response.response));
|
||||
}
|
||||
|
||||
public getManagers(type: string, id: string): Observable<any[]> {
|
||||
return this.http.get<any>(properties.registryUrl + encodeURIComponent(type) + '/' + encodeURIComponent(id) + '/managers/').pipe(map(response => response.response));
|
||||
}
|
||||
|
||||
public getSubscribersEmail(type: string, id: string): Observable<any[]> {
|
||||
return this.http.get<any>(properties.registryUrl + encodeURIComponent(type) + '/' + encodeURIComponent(id) + '/subscribers/email').pipe(map(response => response.response));
|
||||
}
|
||||
|
||||
public getManagersEmail(type: string, id: string): Observable<any[]> {
|
||||
return this.http.get<any>(properties.registryUrl + encodeURIComponent(type) + '/' + encodeURIComponent(id) + '/managers/email').pipe(map(response => response.response));
|
||||
}
|
||||
}
|
|
@ -50,6 +50,7 @@ export interface EnvProperties {
|
|||
piwikBaseUrl?: string;
|
||||
piwikSiteId?: string;
|
||||
loginUrl?: string;
|
||||
registryUrl?: string;
|
||||
logoutUrl?: string;
|
||||
userInfoUrl?: string;
|
||||
cookieDomain?: string;
|
||||
|
|
Loading…
Reference in New Issue