openaire-library/claims/claim-utils/displayClaims/displayClaims.component.ts

632 lines
20 KiB
TypeScript

import {Component, Input, ViewChild} from '@angular/core';
import {Location} from '@angular/common';
import {ActivatedRoute, Router} from '@angular/router';
import {Subject} from 'rxjs';
import {debounceTime, distinctUntilChanged} from 'rxjs/operators';
import {ClaimsService} from '../service/claims.service';
import {ModalLoading} from '../../../utils/modal/loading.component';
import {AlertModal} from '../../../utils/modal/alert';
import {Session, User} from '../../../login/utils/helper.class';
import {EnvProperties} from '../../../utils/properties/env-properties';
import {LoginErrorCodes} from '../../../login/utils/guardHelper.class';
import {SEOService} from '../../../sharedComponents/SEO/SEO.service';
import {IndexInfoService} from "../../../utils/indexInfo.service";
import {ClaimDBRecord} from "../claimHelper.class";
import {Dates} from "../../../utils/string-utils.class";
import {HelperService} from "../../../utils/helper/helper.service";
import {Meta, Title} from "@angular/platform-browser";
import {PiwikService} from "../../../utils/piwik/piwik.service";
import {UserManagementService} from "../../../services/user-management.service";
@Component({
selector: 'displayClaims',
templateUrl: 'displayClaims.component.html',
// providers: [ClaimsService]
})
export class DisplayClaimsComponent {
@Input() piwikSiteId = null;
@Input() title: string = "";
piwiksub: any;
properties: EnvProperties;
public searchTermStream = new Subject<string>();
sub: any;
//string because comes as input from component directive
@Input() enableDelete: boolean = false;
@Input() showUserEmail: boolean = true;
@Input() myClaims: boolean = false;
@Input() isAdmin: boolean = false;
page: number = 1;
size: number = 10;
sizes = [10, 20, 30, 50];
keyword: string; // the keyword string to give to the request as parameter
inputkeyword: string; // the string written in the input field (keyword=inputkeyword when its length is bigger than 3 and the user stops typing)
types = ["All", "Project", "Context", "Result", "User"];
@Input() fetchBy: string;
@Input() fetchId: string;
@Input() user: User;
resultsNum: number;
claims: ClaimDBRecord[];
@Input() externalPortalUrl: string = null;
@Input() claimsInfoURL: string;// ="https://www.openaire.eu/linking";
lastIndexDate = null;
@ViewChild(ModalLoading) loading: ModalLoading;
//checkboxes:
publicationCB = false;
datasetCB = false;
softwareCB = false;
otherCB = false;
contextCB = false;
projectCB = false;
entityTypes: string[] = [];
descending = true;
sortby = "date";
selected = [];
deleteMessage: string = "";
showErrorMessage: boolean = false;
showForbiddenMessage: boolean = false;
userValidMessage: string = "";
//params for pagingFormatter to use when navigate to page
params;
@ViewChild(AlertModal) alert;
claimsDeleted: number = 0;
@Input() communityId: string = null;
url = null;
public pageContents = null;
constructor(private _claimService: ClaimsService, private route: ActivatedRoute, private _router: Router, private location: Location,
private _meta: Meta, private _title: Title, private _piwikService: PiwikService,
private seoService: SEOService, private indexInfoService: IndexInfoService, private helper: HelperService) {
}
ngOnInit() {
this.route.data
.subscribe((data: { envSpecific: EnvProperties }) => {
this.properties = data.envSpecific;
this.url = data.envSpecific.baseLink + this._router.url;
var description = "Openaire, linking, claim, publication, research data, software, other research product, project, community";
this.updateTitle(this.title);
this.updateDescription(description);
this.updateUrl(this.url);
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
this.piwiksub = this._piwikService.trackView(this.properties, this.title, this.piwikSiteId).subscribe();
}
this.helper.getPageHelpContents(this._router.url, this.properties, this.communityId).subscribe(contents => {
this.pageContents = contents;
});
this.indexInfoService.getLastIndexDate(this.properties).subscribe(res => {
this.lastIndexDate = res;
});
this.sub = this.route.queryParams.subscribe(params => {
this.seoService.createLinkForCanonicalURL(this.url, false);
if (this.myClaims) {
this.fetchBy = "User";
this.fetchId = this.user.email;
} else {
this.fetchBy = (this.fetchBy) ? this.fetchBy : params['fetchBy'];
this.fetchBy = (this.types.indexOf(this.fetchBy) != -1) ? this.fetchBy : 'All';
this.fetchId = (this.fetchId) ? this.fetchId : params['fetchId'];
this.fetchId = this.fetchId ? this.fetchId : '';
}
let page = (params['page'] === undefined) ? 1 : +params['page'];
let size = (params['size'] === undefined) ? 10 : +params['size'];
this.keyword = (params['keyword'] ? params['keyword'] : "");
this.inputkeyword = this.keyword;
this.page = (page <= 0) ? 1 : page;
this.size = (size <= 0) ? 10 : size;
this.entityTypes = [];//(params['types']?params['types']:[]);
this.setTypes(params['types']); // check the appropriate checkboxes
this.setSortby(params['sort']);
this.getClaims();
this.searchTermStream
.pipe(debounceTime(300), distinctUntilChanged())
.subscribe((term: string) => {
this.keyword = term;
this.page = 1;
this.goTo();
});
});
});
}
ngOnDestroy() {
this.sub.unsubscribe();
if (this.piwiksub) {
this.piwiksub.unsubscribe();
}
//this.searchTermStreamSub.unsubscribe();
}
getClaims() {
if (!this.user) {
this.userValidMessage = "User session has expired. Please login again.";
this._router.navigate(['/user-info'], {
queryParams: {
"errorCode": LoginErrorCodes.NOT_VALID,
"redirectUrl": this._router.url
}
});
} else {
this.selected = [];
let types = '';
this.showErrorMessage = false;
this.showForbiddenMessage = false;
for (let type of this.entityTypes) {
types += (types.length > 0 ? '&' : '') + "types=" + type;
}
if (this.fetchBy == "Project") {
this._claimService.getClaimsByProject(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
data => {
this.manageAPIData(data);
},
err => {
this.handleErrors(err);
DisplayClaimsComponent.handleError("Error getting claims for project with id: " + this.fetchId, err);
}
);
} else if (this.fetchBy == "User") {
this._claimService.getClaimsByUser(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
data => {
this.manageAPIData(data);
},
err => {
this.handleErrors(err);
DisplayClaimsComponent.handleError("Error getting claims for user with id: " + this.fetchId, err);
}
);
} else if (this.fetchBy == "Result") {
this._claimService.getClaimsByResult(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
data => {
this.manageAPIData(data);
},
err => {
this.handleErrors(err);
DisplayClaimsComponent.handleError("Error getting claims for entity with id: " + this.fetchId, err);
}
);
} else if (this.fetchBy == "Context") {
this._claimService.getClaimsBycontext(this.size, this.page, this.fetchId, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
data => {
this.manageAPIData(data);
},
err => {
this.handleErrors(err);
DisplayClaimsComponent.handleError("Error getting claims for context with id: " + this.fetchId, err);
}
);
} else {
this._claimService.getClaims(this.size, this.page, this.keyword, this.sortby, this.descending, types, this.properties.claimsAPIURL).subscribe(
data => {
this.manageAPIData(data);
},
err => {
this.handleErrors(err);
DisplayClaimsComponent.handleError("Error getting claims", err);
}
);
}
}
}
manageAPIData(data) {
// let d = new Date();
// let dateTomillis = d.getTime();
// let millis24h: number = 24 * 3600000;
// if(this.showLatestClaims && this.recentClaims.length == 0){
// this.recentClaims = [];
// for(var i=0;i<data.data.length;i++){
// var claimDate = new Date(data.data[i].date);
// var claimDateToMillis = claimDate.getTime()
// // console.log("Claim Date is:"+claimDateToMillis + " "+(dateTomillis - claimDateToMillis));
// if((dateTomillis - claimDateToMillis)<millis24h){
// // console.log("Claim in:"+ " "+(dateTomillis - claimDateToMillis)+" < " +(millis24h));
// this.recentClaims.push(data.data[i]);
// }
// }
// }
this.claims = data.data;
this.resultsNum = data.total;
}
handleErrors(err) {
this.showErrorMessage = true;
try {
let error = err.json();
let code = error.code;
if (code == 403) {
this.showErrorMessage = false;
this.showForbiddenMessage = true;
}
} catch (e) {
//console.log("Couldn't parse answer as json")
DisplayClaimsComponent.handleError("Error parsing answer as json", e);
this.showErrorMessage = true;
}
}
private static handleError(message: string, error) {
console.error("Dispaly Claims (component): " + message, error);
}
goTo(page: number = 1) {
this.page = page;
this.location.go(location.pathname, this.getParametersString());
this.getClaims();
}
/*
getParameters() {
var params = {}
if (this.myClaims) {
params = {
page: this.page,
size: this.size,
types: this.entityTypes,
keyword: this.keyword,
sort: this.getSortby()
};
} else {
params = {
page: this.page,
size: this.size,
types: this.entityTypes,
fetchBy: this.fetchBy,
fetchId: this.fetchId,
keyword: this.keyword,
sort: this.getSortby()
};
}
return params;
}*/
getParametersString() {
let params = '';
params += (this.page == 1 ? "" : (params.length > 0 ? '&' : '') + "page=" + this.page);
params += (this.size == 10 ? "" : (params.length > 0 ? '&' : '') + "size=" + this.size);
// params+=(this.validEntityTypes==''?"":(params.length>0?'&':'')+"types="+this.validEntityTypes);
let types = "";
for (let type of this.entityTypes) {
types += (types.length > 0 ? ',' : '') + type;
}
params += (types.length > 0) ? "types=" + types : "";
if (this.isAdmin) {
params += (this.fetchBy == 'All' ? "" : (params.length > 0 ? '&' : '') + "fetchBy=" + this.fetchBy);
params += (this.fetchId == '' ? "" : (params.length > 0 ? '&' : '') + "fetchId=" + this.fetchId);
}
params += (this.getSortby() == 'datedesc' ? "" : (params.length > 0 ? '&' : '') + "sort=" + this.getSortby());
params += (this.keyword == '' ? "" : (params.length > 0 ? '&' : '') + "keyword=" + this.keyword);
if (this.communityId != null) {
params += "&communityId=" + this.communityId;
}
return params;
}
changeSize() {
this.goTo();
}
changeOrderby(sortby: string) {
if (sortby == this.sortby) {
this.descending = !this.descending;
} else {
this.sortby = sortby;
this.descending = false;
}
this.goTo();
}
setSortby(sortby: string) {
if (!sortby || sortby == "datedesc") {
this.descending = true;
this.sortby = "date";
} else if (sortby == "dateasc") {
this.descending = false;
this.sortby = "date";
} else if (sortby == "userasc") {
this.descending = false;
this.sortby = "user";
} else if (sortby == "userdesc") {
this.descending = true;
this.sortby = "user";
}
if (sortby == "sourceasc") {
this.descending = false;
this.sortby = "source";
} else if (sortby == "sourcedesc") {
this.descending = true;
this.sortby = "source";
} else if (sortby == "targetasc") {
this.descending = false;
this.sortby = "target";
} else if (sortby == "targetdesc") {
this.descending = true;
this.sortby = "target";
}
}
getSortby(): string {
if (this.descending) {
return this.sortby + "desc";
} else {
return this.sortby + "asc";
}
}
changeType() {
this.entityTypes = [];
if (this.publicationCB) {
this.entityTypes.push('publication');
}
if (this.datasetCB) {
this.entityTypes.push('dataset');
}
if (this.softwareCB) {
this.entityTypes.push('software');
}
if (this.otherCB) {
this.entityTypes.push('other');
}
if (this.projectCB) {
this.entityTypes.push('project');
}
if (this.contextCB) {
this.entityTypes.push('context');
}
this.goTo();
}
setTypes(types: string) {
if (!types) {
return;
}
if (types.length > 0) {
this.entityTypes = [];
if (types.indexOf("publication") != -1) {
this.publicationCB = true;
this.entityTypes.push("publication");
}
if (types.indexOf("dataset") != -1) {
this.datasetCB = true;
this.entityTypes.push("dataset");
}
if (types.indexOf("software") != -1) {
this.softwareCB = true;
this.entityTypes.push("software");
}
if (types.indexOf("other") != -1) {
this.otherCB = true;
this.entityTypes.push("other");
}
if (types.indexOf("project") != -1) {
this.projectCB = true;
this.entityTypes.push("project");
}
if (types.indexOf("context") != -1) {
this.contextCB = true;
this.entityTypes.push("context");
}
}
if (this.publicationCB && this.datasetCB && this.softwareCB && this.otherCB && this.contextCB && this.projectCB) {
this.entityTypes = [];
}
}
changekeyword() {
if (this.inputkeyword.length >= 3 || this.inputkeyword.length == 0) {
this.searchTermStream.next(this.inputkeyword);
}
}
select(item: any, event) {
this.deleteMessage = "";
let value = event.currentTarget.checked;
if (value) {
this.selected.push(item);
} else {
for (var _i = 0; _i < this.selected.length; _i++) {
let claim = this.selected[_i];
if (claim['id'] == item.id) {
this.selected.splice(_i, 1);
}
}
}
}
selectAll(event) {
let value = event.currentTarget.checked;
if (value) {
this.selected = [];
for (let _i = 0; _i < this.claims.length; _i++) {
let claim = this.claims[_i];
this.selected.push(claim);
}
this.deleteMessage = "";
} else {
this.selected = [];
this.deleteMessage = "";
}
}
isSelected(id: string) {
for (let _i = 0; _i < this.selected.length; _i++) {
let claim = this.selected[_i];
if (claim['id'] == id) {
return true;
}
}
return false;
}
confirmOpen() {
if (this.selected.length <= 0) {
} else {
this.alert.cancelButton = true;
this.alert.okButton = true;
this.alert.alertTitle = "";// "Delete " + this.selected.length + " links(s)";
this.alert.okButtonLeft = false;
// this.alert.message = this.selected.length + " links will be deleted. Do you want to proceed? ";
this.alert.okButtonText = "Delete";
this.alert.cancelButtonText = "Cancel";
this.alert.open();
}
}
confirmClose() {
this.delete();
}
delete() {
this.deleteMessage = "";
this.loading.open();
this.claimsDeleted = 0;
let ids = [];
for (let i = 0; i < this.selected.length; i++) {
let id = this.selected[i].id;
ids.push(id);
}
this.batchDeleteById(ids);
}
batchDeleteById(ids: string[]) {
if (!this.user) {
this.userValidMessage = "User session has expired. Please login again.";
this._router.navigate(['/user-info'], {
queryParams: {
"errorCode": LoginErrorCodes.NOT_VALID,
"redirectUrl": this._router.url
}
});
} else {
//console.warn("Deleting claim with ids:"+ids);
this._claimService.deleteBulk(ids, this.properties.claimsAPIURL).subscribe(
res => {
//console.info('Delete response'+res.code );
//console.warn("Deleted ids:"+ res.deletedIds);
//console.warn("Not found ids:"+ res.notFoundIds);
//remove this claim from the
let newClaims = this.claims;
for (let id of res.deletedIds) {
for (let _i = 0; _i < this.claims.length; _i++) {
let claim = this.claims[_i];
if (claim['id'] == id) {
newClaims.splice(_i, 1);
}
}
for (let _i = 0; _i < this.selected.length; _i++) {
let claim = this.selected[_i];
if (claim['id'] == id) {
this.selected.splice(_i, 1);
}
}
}
this.claims = newClaims;
this.resultsNum = this.resultsNum - res.deletedIds.length;
this.loading.close();
if (res.deletedIds.length > 0) {
this.deleteMessage = this.deleteMessage + '<div class = "uk-alert uk-alert-primary " >' + res.deletedIds.length + ' link(s) successfully deleted.</div>';
}
if (res.notFoundIds.length > 0) {
this.deleteMessage = this.deleteMessage + '<div class = "uk-alert uk-alert-warning " >' + res.notFoundIds.length + ' link(s) couldn\'t be deleted.</div>';
}
let goToPage = this.page;
if (this.totalPages(this.resultsNum) < this.page && this.page > 0) {
goToPage = this.page - 1;
}
this.goTo(goToPage);
}, err => {
//console.log(err);
DisplayClaimsComponent.handleError("Error deleting claims with ids: " + ids, err);
this.showErrorMessage = true;
this.loading.close();
});
}
}
pageChange($event) {
let page: number = +$event.value;
this.goTo(page);
}
isClaimAvailable(claim: ClaimDBRecord): boolean {
//claim.target.collectedFrom == "infrastruct_::openaire" &&
let lastUpdateDate = new Date((this.lastIndexDate != null) ? this.lastIndexDate : this.properties.lastIndexUpdate);
let lastUpdateDateStr = Dates.getDateToString(lastUpdateDate);
let claimDate = new Date(claim.date);
let claimDateStr = Dates.getDateToString(claimDate);
if (claimDateStr < lastUpdateDateStr) {
return true;
} else {
if (claim.target.collectedFrom != "infrastruct_::openaire" && claim.indexed) {
// check if direct index succeded
return true
}
}
return false;
}
totalPages(totalResults: number): number {
let totalPages: any = totalResults / (this.size);
if (!(Number.isInteger(totalPages))) {
totalPages = (parseInt(totalPages, 10) + 1);
}
return totalPages;
}
private updateDescription(description: string) {
this._meta.updateTag({content: description}, "name='description'");
this._meta.updateTag({content: description}, "property='og:description'");
}
private updateTitle(title: string) {
var _prefix = "";
if (!this.communityId) {
_prefix = "OpenAIRE | ";
}
var _title = _prefix + ((title.length > 50) ? title.substring(0, 50) : title);
this._title.setTitle(_title);
this._meta.updateTag({content: _title}, "property='og:title'");
}
private updateUrl(url: string) {
this._meta.updateTag({content: url}, "property='og:url'");
}
}