252 lines
10 KiB
TypeScript
252 lines
10 KiB
TypeScript
import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';
|
|
import {FormBuilder} from "@angular/forms";
|
|
import {EnvProperties} from "../../utils/properties/env-properties";
|
|
import {SearchCustomFilter} from "./searchUtils.class";
|
|
import {ConfigurationService} from "../../utils/configuration/configuration.service";
|
|
import {Router} from "@angular/router";
|
|
import {LoginErrorCodes} from "../../login/utils/guardHelper.class";
|
|
import {MatSelect} from "@angular/material";
|
|
import {properties} from "../../../../environments/environment";
|
|
import {Subscription} from "rxjs";
|
|
|
|
@Component({
|
|
selector: 'entities-selection',
|
|
template: `
|
|
<span *ngIf="!disableSelect && show>1 && selectedEntity"
|
|
class=" entitiesSelection portal-box uk-text-small clickable" style=""
|
|
(click)="open()">
|
|
<mat-select *ngIf="!onlyresults" [(value)]="selectedEntity"
|
|
(valueChange)="entityChanged()" [disableOptionCentering]="true" [panelClass]="matPanelClass">
|
|
<mat-option *ngIf="simpleView && showAll"
|
|
value="all">All content
|
|
</mat-option>
|
|
<mat-option *ngIf="showResearchOutcomes" value="result">Research outcomes</mat-option>
|
|
<mat-option *ngIf="showProjects" value="project">Projects</mat-option>
|
|
<mat-option *ngIf="showDataProviders" value="dataprovider">Content providers</mat-option>
|
|
<mat-option *ngIf="showOrganizations" value="organization">Organizations</mat-option>
|
|
</mat-select>
|
|
<mat-select *ngIf="onlyresults" [(value)]="selectedEntity"
|
|
(valueChange)="entityChanged()" [disableOptionCentering]="true" [panelClass]="matPanelClass">
|
|
<mat-option
|
|
*ngIf="simpleView && showAll"
|
|
value="all">All research outcomes
|
|
</mat-option>
|
|
<mat-option *ngIf="showPublications" value="publications">Publications</mat-option>
|
|
<mat-option *ngIf="showDatasets" value="datasets">Datasets</mat-option>
|
|
<mat-option *ngIf="showSoftware" value="software">Software</mat-option>
|
|
<mat-option *ngIf="showOther" value="other">Other Research products</mat-option>
|
|
</mat-select>
|
|
|
|
</span>
|
|
<span *ngIf="currentEntity && disableSelect" class="entitiesSelection portal-box uk-text-small " style="">
|
|
<div>
|
|
<span *ngIf="currentEntity=='all'">{{onlyresults ? 'All research outcomes' : 'All content'}}</span>
|
|
<span *ngIf="currentEntity=='result'">Research outcomes</span>
|
|
<span *ngIf="currentEntity=='project'">Projects</span>
|
|
<span *ngIf="currentEntity=='dataprovider'">Content providers</span>
|
|
<span *ngIf="currentEntity=='organization'">Organizations</span>
|
|
<span *ngIf="currentEntity=='publications'">Publications</span>
|
|
<span *ngIf="currentEntity=='datasets'">Datasets</span>
|
|
<span *ngIf="currentEntity=='software'">Software</span>
|
|
<span *ngIf="currentEntity=='other'">Other Research products</span>
|
|
</div>
|
|
</span>
|
|
<!--<span *ngIf="onlyresults && !disableSelect">
|
|
<select *ngIf="show" [(ngModel)]="selectedEntity" class="uk-select uk-width-auto portal-box uk-text-small" (ngModelChange)="entityChanged()" >
|
|
<option
|
|
*ngIf="simpleView && (show)>1 && !(this.customFilter && this.customFilter.queryFieldName=='communityId' )"
|
|
value="all">All research outcomes
|
|
</option>
|
|
<option *ngIf="showPublications" value="publications">Publications</option>
|
|
<option *ngIf="showDatasets" value="datasets">Datasets</option>
|
|
<option *ngIf="showSoftware" value="software">Software</option>
|
|
<option *ngIf="showOther" value="other">Other Research products</option>
|
|
</select>
|
|
</span>-->
|
|
|
|
|
|
|
|
|
|
`
|
|
})
|
|
|
|
export class EntitiesSelectionComponent {
|
|
|
|
showResearchOutcomes: boolean = false;
|
|
showPublications: boolean = false;
|
|
showDatasets: boolean = false;
|
|
showSoftware: boolean = false;
|
|
showOther: boolean = false;
|
|
showProjects: boolean = false;
|
|
showDataProviders: boolean = false;
|
|
showOrganizations: boolean = false;
|
|
showAll: boolean = true;
|
|
@Input() properties: EnvProperties;
|
|
@Input() customFilter: SearchCustomFilter = null;
|
|
@Input() @Output() selectedEntity = "Research Outcomes";
|
|
@Input() currentEntity = "Research Outcomes";
|
|
@Input() simpleView: boolean = true;
|
|
@Input() onChangeNavigate: boolean = true;
|
|
@Output() selectionChange = new EventEmitter();
|
|
@Input() onlyresults: boolean = false;
|
|
@Input() matPanelClass = "matSelectionPanel";
|
|
@Input() disableSelect: boolean = false;
|
|
show = 0;
|
|
@ViewChild(MatSelect) matSelect: MatSelect;
|
|
|
|
subs: Subscription[] = [];
|
|
|
|
constructor(private _fb: FormBuilder, private config: ConfigurationService, private router: Router) {
|
|
|
|
|
|
}
|
|
|
|
|
|
ngOnInit() {
|
|
this.show = 0;
|
|
if (this.properties) {
|
|
if((this.customFilter && this.customFilter.queryFieldName == "communityId") || this.properties.adminToolsCommunity !== "monitor") {
|
|
//this.config.getCommunityInformation(this.properties, (this.customFilter && this.customFilter.queryFieldName == "communityId") ? this.customFilter.valueId : this.properties.adminToolsCommunity).subscribe(data => {
|
|
this.subs.push(this.config.communityInformationState.subscribe(data => {
|
|
if(data) {
|
|
let showEntity = {};
|
|
let showPage = {};
|
|
for (let i = 0; i < data['entities'].length; i++) {
|
|
|
|
showEntity["" + data['entities'][i]["pid"] + ""] = data['entities'][i]["isEnabled"];
|
|
}
|
|
for (let i = 0; i < data['pages'].length; i++) {
|
|
showPage["" + data['pages'][i]["route"] + ""] = data['pages'][i]["isEnabled"];
|
|
}
|
|
this.showResearchOutcomes = showPage[this.properties.searchLinkToResults] && (showEntity["publication"] || showEntity["dataset"] || showEntity["software"] || showEntity["orp"]);
|
|
this.showPublications = showPage[this.properties.searchLinkToResults] && showEntity["publication"];
|
|
this.showDatasets = showPage[this.properties.searchLinkToResults] && showEntity["dataset"];
|
|
this.showSoftware = showPage[this.properties.searchLinkToResults] && showEntity["software"];
|
|
this.showOther = showPage[this.properties.searchLinkToResults] && showEntity["orp"];
|
|
this.showProjects = showPage[this.properties.searchLinkToProjects] && showEntity["project"];
|
|
this.showOrganizations = showPage[this.properties.searchLinkToOrganizations] && showEntity["organization"];
|
|
this.showDataProviders = showPage[this.properties.searchLinkToDataProviders] && showEntity["datasource"];
|
|
if (this.customFilter && this.customFilter.queryFieldName == "communityId") {
|
|
this.showOrganizations = false;
|
|
if (!this.simpleView) {
|
|
this.showProjects = false;
|
|
this.showDataProviders = false;
|
|
}
|
|
}
|
|
if (this.showResearchOutcomes) {
|
|
this.show++;
|
|
}
|
|
if (this.showDataProviders) {
|
|
this.show++;
|
|
}
|
|
if (this.showOrganizations) {
|
|
this.show++;
|
|
}
|
|
if (this.showProjects) {
|
|
this.show++;
|
|
}
|
|
if (this.show == 1) {
|
|
this.disableSelect = true;
|
|
}
|
|
}
|
|
}));
|
|
} else if((this.customFilter && this.customFilter.queryFieldName == "communityId") && this.properties.adminToolsCommunity === "monitor") {
|
|
this.show = 1;
|
|
this.disableSelect = true;
|
|
} else if(this.customFilter && (this.customFilter.queryFieldName == "relfunderid" || this.customFilter.queryFieldName == "funderid")) {
|
|
/*this.showResearchOutcomes = true;
|
|
this.showPublications = true;
|
|
this.showDatasets = true;
|
|
this.showSoftware = true;
|
|
this.showOther = true;
|
|
this.showProjects = true;
|
|
this.showAll = false;
|
|
this.show = 2;*/
|
|
this.show = 1;
|
|
this.disableSelect = true;
|
|
} else if(this.customFilter && this.customFilter.queryFieldName == "relorganizationid") {
|
|
/*this.showResearchOutcomes = true;
|
|
this.showPublications = true;
|
|
this.showDatasets = true;
|
|
this.showSoftware = true;
|
|
this.showOther = true;
|
|
this.showProjects = true;
|
|
this.showDataProviders = true;
|
|
this.showAll = false;
|
|
this.show = 3;*/
|
|
this.show = 1;
|
|
this.disableSelect = true;
|
|
} else {
|
|
this.showResearchOutcomes = true;
|
|
this.showPublications = true;
|
|
this.showDatasets = true;
|
|
this.showSoftware = true;
|
|
this.showOther = true;
|
|
this.showProjects = true;
|
|
this.showOrganizations = true;
|
|
this.showDataProviders = true;
|
|
this.showAll = false;
|
|
this.show = 4;
|
|
}
|
|
}
|
|
this.selectedEntity = this.currentEntity;
|
|
this.selectionChange.emit({
|
|
entity: this.selectedEntity,
|
|
simpleUrl: this.getUrl(true),
|
|
advancedUrl: this.getUrl(false)
|
|
});
|
|
}
|
|
|
|
public ngOnDestroy() {
|
|
for (let sub of this.subs) {
|
|
sub.unsubscribe();
|
|
}
|
|
}
|
|
|
|
entityChanged() {
|
|
if (!this.simpleView || this.onChangeNavigate) {
|
|
this.router.navigate([this.getUrl(this.simpleView)]);
|
|
} else {
|
|
this.selectionChange.emit({
|
|
entity: this.selectedEntity,
|
|
simpleUrl: this.getUrl(true),
|
|
advancedUrl: this.getUrl(false)
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
getUrl(simpleView: boolean) {
|
|
let url = "";
|
|
if (!this.onlyresults) {
|
|
if (this.selectedEntity == "all") {
|
|
url = (simpleView ? "/search/find/" : null);
|
|
} else if (this.selectedEntity == "result") {
|
|
url = (simpleView ? this.properties.searchLinkToResults : this.properties.searchLinkToAdvancedResults);
|
|
} else if (this.selectedEntity == "project") {
|
|
url = (simpleView ? this.properties.searchLinkToProjects : this.properties.searchLinkToAdvancedProjects);
|
|
} else if (this.selectedEntity == "dataprovider") {
|
|
url = (simpleView ? this.properties.searchLinkToDataProviders : this.properties.searchLinkToAdvancedDataProviders);
|
|
} else if (this.selectedEntity == "organization") {
|
|
url = (simpleView ? this.properties.searchLinkToOrganizations : this.properties.searchLinkToAdvancedOrganizations);
|
|
}
|
|
} else {
|
|
url = (simpleView ? this.properties.searchLinkToResults : this.properties.searchLinkToAdvancedResults);
|
|
}
|
|
return url;
|
|
}
|
|
|
|
toggle() {
|
|
if (this.matSelect) {
|
|
this.matSelect.toggle();
|
|
}
|
|
}
|
|
|
|
open() {
|
|
if (this.matSelect && !this.matSelect.focused) {
|
|
this.matSelect.open();
|
|
}
|
|
}
|
|
|
|
}
|