MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Override Reference Stakeholders - Generate Stakeholders from file #55

Merged
k.triantafyllou merged 4 commits from angular-18-override-references into angular-18 2024-11-14 11:30:20 +01:00
Conversation 0 Commits 4 Files Changed 12 +432 -189
12 changed files with 432 additions and 189 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
monitor-admin/general/edit-stakeholder/edit-stakeholder.component.ts
View File

@ -161,7 +161,6 @@ export class EditStakeholderComponent extends StakeholderBaseComponent {
public isFull: boolean; public isFull: boolean;
public loading: boolean = false; public loading: boolean = false;
public typesByRole: Option[]; public typesByRole: Option[];
public statsProfiles: string[];
/** /**
* Photo upload * Photo upload
* */ * */
@ -176,8 +175,9 @@ export class EditStakeholderComponent extends StakeholderBaseComponent {
constructor(private fb: UntypedFormBuilder, constructor(private fb: UntypedFormBuilder,
private stakeholderService: StakeholderService, private stakeholderService: StakeholderService,
private statsProfileService: StatsProfilesService, private utilsService: UtilitiesService,
private utilsService: UtilitiesService, private userManagementService: UserManagementService,) { private userManagementService: UserManagementService,
protected statsProfileService: StatsProfilesService) {
super(); super();
} }
@ -201,11 +201,7 @@ export class EditStakeholderComponent extends StakeholderBaseComponent {
this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => { this.subscriptions.push(this.userManagementService.getUserInfo().subscribe(user => {
this.user = user; this.user = user;
if (this.isCurator) { if (this.isCurator) {
this.subscriptions.push(this.statsProfileService.getStatsProfiles().subscribe(statsProfiles => { this.setStatsProfiles();
this.statsProfiles = statsProfiles;
}, error => {
this.statsProfiles = [];
}));
} else { } else {
this.statsProfiles = []; this.statsProfiles = [];
} }
@ -297,6 +293,14 @@ export class EditStakeholderComponent extends StakeholderBaseComponent {
})); }));
} }
public get isStandalone() {
return this.stakeholderCategory?.value !== 'dependent';
}
public get isUmbrella() {
return this.stakeholderCategory?.value === 'umbrella';
}
public get isDefault() { public get isDefault() {
return this.stakeholderCategory?.value === 'templates'; return this.stakeholderCategory?.value === 'templates';
} }
@ -340,7 +344,7 @@ export class EditStakeholderComponent extends StakeholderBaseComponent {
}); });
} }
onTypeChange(value, defaultStakeholders: Stakeholder[]) { onTypeChange(value: string, defaultStakeholders: Stakeholder[]) {
this.stakeholderFb.setControl('defaultId', this.fb.control(this.stakeholder.defaultId, (this.isDefault && !this.isNew) ? [] : Validators.required)); this.stakeholderFb.setControl('defaultId', this.fb.control(this.stakeholder.defaultId, (this.isDefault && !this.isNew) ? [] : Validators.required));
this.defaultStakeholdersOptions = [{ this.defaultStakeholdersOptions = [{
label: 'New blank profile', label: 'New blank profile',
@ -384,8 +388,8 @@ export class EditStakeholderComponent extends StakeholderBaseComponent {
this.removePhoto(); this.removePhoto();
this.subscriptions.push(this.stakeholderService.buildStakeholder( this.subscriptions.push(this.stakeholderService.buildStakeholder(
this.stakeholderFb.getRawValue(), copyId, this.stakeholderFb.getRawValue(), copyId,
this.stakeholderCategory.value !== 'dependent', this.isStandalone,
this.stakeholderCategory.value === 'umbrella') this.isUmbrella)
.subscribe(stakeholder => { .subscribe(stakeholder => {
this.notification.entity = stakeholder._id; this.notification.entity = stakeholder._id;
this.notification.stakeholder = stakeholder.alias; this.notification.stakeholder = stakeholder.alias;

75
monitor-admin/manageStakeholders/manageStakeholders.component.html
View File

@ -5,6 +5,9 @@
<a *ngIf="stakeholderCategory.tooltip" class="uk-margin-small-left uk-button uk-button-link" [attr.uk-tooltip]="stakeholderCategory.tooltip"> <a *ngIf="stakeholderCategory.tooltip" class="uk-margin-small-left uk-button uk-button-link" [attr.uk-tooltip]="stakeholderCategory.tooltip">
<icon name="info" [flex]="true" [ratio]="0.8"></icon> <icon name="info" [flex]="true" [ratio]="0.8"></icon>
</a> </a>
<button *ngIf="!isDefault && stakeholderUtils.hasMultiBuild" class="uk-button uk-button-link uk-margin-small-left" (click)="buildMultiStakeholderOpen()">
<icon name="upload" [flex]="true"></icon>
</button>
</div> </div>
<paging-no-load *ngIf="filteredStakeholders?.length > pageSize" <paging-no-load *ngIf="filteredStakeholders?.length > pageSize"
(pageChange)="updateCurrentPage($event)" (pageChange)="updateCurrentPage($event)"
@ -26,7 +29,7 @@
<li> <li>
<a (click)="editStakeholder(stakeholder); hide(element)">Edit</a> <a (click)="editStakeholder(stakeholder); hide(element)">Edit</a>
</li> </li>
<li *ngIf="isCurator && stakeholderUtils.isCachingIndicators"> <li *ngIf="isCurator && stakeholderUtils.hasCachingIndicators">
<a (click)="createReport(stakeholder);hide(element)">Cache Indicators</a> <a (click)="createReport(stakeholder);hide(element)">Cache Indicators</a>
</li> </li>
<li *ngIf="showVisibility" class="uk-nav-divider"></li> <li *ngIf="showVisibility" class="uk-nav-divider"></li>
@ -76,6 +79,76 @@
</div> </div>
</div> </div>
</div> </div>
<modal-alert *ngIf="stakeholderUtils.hasMultiBuild" #buildStakeholderModal [large]="true"
(cancelOutput)="clear()"
(alertOutput)="generate()"
[okDisabled]="stakeholderFb?.invalid || !indexFields"
classTitle="uk-background-primary uk-light">
<input #file id="photo" type="file" class="uk-hidden" (change)="fileChangeEvent($event)"/>
<div class="uk-height-large uk-position-relative" *ngIf="loading">
<loading class="uk-position-center"></loading>
</div>
<div *ngIf="!isDefault && stakeholderFb" class="uk-padding" [class.uk-hidden]="loading">
<div class="uk-margin-medium-bottom">
<form *ngIf="stakeholderFb" [formGroup]="stakeholderFb">
<div class="uk-grid" uk-grid>
<div class="uk-width-1-1 uk-margin-medium-bottom uk-text-center">
<div class="uk-width-auto@l uk-width-1-1 uk-flex uk-flex-center">
<button class="uk-button uk-button-primary uk-flex uk-flex-middle"
(click)="file.value = ''; file.click()">
<icon name="cloud_upload" [flex]="true"></icon>
<span class="uk-margin-small-left">Upload a file</span>
</button>
</div>
<div *ngIf="indexFields && file" class="uk-margin-xsmall-top">{{file.files.item(0).name}}</div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('index_id')"
placeholder="Index ID Field"></div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('index_name')"
placeholder="Index Name Field"></div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('index_shortName')"
placeholder="Index Short Name Field"></div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('alias')"
[type]="'select'" [options]="['index_id', 'index_name', 'index_shortName']"
placeholder="URL Alias Generator Field"></div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('statsProfile')"
[type]="'select'" [options]="statsProfiles" [disabled]="statsProfiles?.length === 0">
placeholder="Stats Profile"></div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('locale')" [type]="'select'"
[options]="stakeholderUtils.locales"
placeholder="Locale"></div>
</div>
<div *ngIf="showVisibility" class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('visibility')"
[placeholder]="'Select a status'"
[options]="stakeholderUtils.visibilities" type="select"></div>
</div>
<div class="uk-width-1-3@m">
<div input [formInput]="stakeholderFb.get('type')"
[placeholder]="'Select a type of ' + entities.stakeholder"
[options]="typesByRole" type="select"></div>
</div>
<div *ngIf="canChooseTemplate" class="uk-width-1-3@m">
<div [placeholder]="'Select a template'"
input [formInput]="stakeholderFb.get('defaultId')"
[options]="defaultStakeholdersOptions" type="select"></div>
</div>
</div>
</form>
</div>
</div>
</modal-alert>
<modal-alert #editStakeholderModal [large]="true" classTitle="uk-background-primary uk-light" <modal-alert #editStakeholderModal [large]="true" classTitle="uk-background-primary uk-light"
(alertOutput)="editStakeholderComponent.save(callback)" (alertOutput)="editStakeholderComponent.save(callback)"
(cancelOutput)="editStakeholderComponent.removePhoto()" (cancelOutput)="editStakeholderComponent.removePhoto()"

171
monitor-admin/manageStakeholders/manageStakeholders.component.ts
View File

@ -7,6 +7,10 @@ import {EditStakeholderComponent} from "../general/edit-stakeholder/edit-stakeho
import {CacheIndicatorsService} from "../utils/cache-indicators/cache-indicators.service"; import {CacheIndicatorsService} from "../utils/cache-indicators/cache-indicators.service";
import {NotificationHandler} from "../../utils/notification-handler"; import {NotificationHandler} from "../../utils/notification-handler";
import {FilteredStakeholdersBaseComponent} from "../shared/filtered-stakeholders-base.component"; import {FilteredStakeholdersBaseComponent} from "../shared/filtered-stakeholders-base.component";
import {FormBuilder, UntypedFormGroup, Validators} from "@angular/forms";
import {UploadFileService} from "../../services/upload-file.service";
import {Option} from "../../sharedComponents/input/input.component";
import {StatsProfilesService} from "../utils/services/stats-profiles.service";
declare var UIkit; declare var UIkit;
@ -17,6 +21,7 @@ declare var UIkit;
styleUrls: ["manageStakeholders.component.less"] styleUrls: ["manageStakeholders.component.less"]
}) })
export class ManageStakeholdersComponent extends FilteredStakeholdersBaseComponent { export class ManageStakeholdersComponent extends FilteredStakeholdersBaseComponent {
filesToUpload: Array<File> = [];
@Input() @Input()
public defaultStakeholders: Stakeholder[]; public defaultStakeholders: Stakeholder[];
/** /**
@ -37,21 +42,30 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
public user = null; public user = null;
public callback: Function; public callback: Function;
/** /**
* Grid or List View * Build Multi Stakeholders
*/ * */
@ViewChild('editStakeholderModal', { static: true }) editStakeholderModal: AlertModal; public indexFields: any[];
@ViewChild('deleteStakeholderModal', { static: true }) deleteStakeholderModal: AlertModal; public stakeholderFb: UntypedFormGroup;
@ViewChild('editStakeholderComponent', { static: true }) editStakeholderComponent: EditStakeholderComponent; public loading: boolean = false;
public typesByRole: Option[] = [];
public defaultStakeholdersOptions: Option[];
@ViewChild('editStakeholderModal', {static: true}) editStakeholderModal: AlertModal;
@ViewChild('buildStakeholderModal') buildStakeholderModal: AlertModal;
@ViewChild('deleteStakeholderModal', {static: true}) deleteStakeholderModal: AlertModal;
@ViewChild('editStakeholderComponent', {static: true}) editStakeholderComponent: EditStakeholderComponent;
constructor(private stakeholderService: StakeholderService, constructor(private stakeholderService: StakeholderService,
private cacheIndicatorsService: CacheIndicatorsService, private cacheIndicatorsService: CacheIndicatorsService,
protected cdr: ChangeDetectorRef) { private fb: FormBuilder,
private uploadFileService: UploadFileService,
protected cdr: ChangeDetectorRef,
protected statsProfileService: StatsProfilesService) {
super(); super();
} }
ngOnInit(): void { ngOnInit(): void {
super.ngOnInit(); super.ngOnInit();
if(this.stakeholderCategory.value === 'templates') { if (this.stakeholderCategory.value === 'templates') {
this.message = 'Create a new ' + this.stakeholderCategory.name + ' profile.'; this.message = 'Create a new ' + this.stakeholderCategory.name + ' profile.';
} else { } else {
this.message = 'Create a new ' + this.stakeholderCategory.name + this.message = 'Create a new ' + this.stakeholderCategory.name +
@ -68,11 +82,82 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
super.changed(); super.changed();
} }
onTypeChange(value: string, defaultStakeholders: Stakeholder[]) {
this.stakeholderFb.setControl('defaultId', this.fb.control(this.stakeholder.defaultId, Validators.required));
this.defaultStakeholdersOptions = [{
label: 'New blank profile',
value: '-1'
}];
defaultStakeholders.filter(stakeholder => stakeholder.type === value).forEach(stakeholder => {
this.defaultStakeholdersOptions.push({
label: 'Use ' + stakeholder.name + ' profile',
value: stakeholder._id
})
});
}
public clear() {
this.stakeholderFb = null;
this.indexFields = null;
}
public buildMultiStakeholderOpen() {
this.setStatsProfiles();
this.stakeholder = new Stakeholder(null, null, null,
null, null, 'index_id', null, null);
this.typesByRole = this.stakeholderUtils.getTypesByUserRoles(this.user, this.stakeholder.alias);
this.stakeholderFb = this.fb.group({
alias: this.fb.control(this.stakeholder.alias, Validators.required),
index_name: this.fb.control(this.stakeholder.index_name, Validators.required),
index_id: this.fb.control(this.stakeholder.index_id, Validators.required),
index_shortName: this.fb.control(this.stakeholder.index_shortName),
statsProfile: this.fb.control(this.stakeholder.statsProfile, Validators.required),
locale: this.fb.control(this.stakeholder.locale, Validators.required),
type: this.fb.control(this.stakeholder.type, Validators.required),
visibility: this.fb.control(this.stakeholder.visibility, Validators.required),
defaultId: this.fb.control(this.stakeholder.defaultId, Validators.required)
});
this.subscriptions.push(this.stakeholderFb.get('type').valueChanges.subscribe(value => {
this.onTypeChange(value, this.defaultStakeholders);
}));
if(this.buildStakeholderModal) {
this.buildStakeholderModal.alertTitle = 'Generate Profiles from File';
this.buildStakeholderModal.cancelButtonText = 'Cancel';
this.buildStakeholderModal.okButtonLeft = false;
this.buildStakeholderModal.okButtonText = 'Generate';
this.buildStakeholderModal.alertMessage = false;
this.buildStakeholderModal.stayOpen = true;
this.buildStakeholderModal.open();
}
}
private validateIndexFields() {
let stakeholder = this.stakeholderFb.getRawValue();
let indexes = [stakeholder.index_id, stakeholder.index_name, stakeholder.index_shortName];
return this.indexFields?.filter(indexField => indexes.filter(index => index && !indexField[index]).length > 0).length === 0;
}
public generate() {
if(this.validateIndexFields()) {
this.subscriptions.push(this.stakeholderService.buildStakeholders(
this.stakeholderFb.getRawValue(), this.indexFields,
this.isStandalone,
this.isUmbrella).subscribe(stakeholders => {
stakeholders.forEach(stakeholder => {
this.stakeholders.push(stakeholder);
})
this.buildStakeholderModal.cancel();
}));
} else {
NotificationHandler.rise('Check index fields to match with the json from your file.', 'danger');
}
}
public editStakeholder(stakeholder: Stakeholder = null) { public editStakeholder(stakeholder: Stakeholder = null) {
this.index = (stakeholder) ? this.stakeholders.findIndex(value => value._id === stakeholder._id) : -1; this.index = (stakeholder) ? this.stakeholders.findIndex(value => value._id === stakeholder._id) : -1;
if (!stakeholder) { if (!stakeholder) {
this.stakeholder = new Stakeholder(null, null, null, this.stakeholder = new Stakeholder(null, null, null,
null, null, null, null, null); null, null, null, null, null);
} else { } else {
this.stakeholder = stakeholder; this.stakeholder = stakeholder;
} }
@ -81,10 +166,10 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
this.callback = (stakeholder: Stakeholder) => { this.callback = (stakeholder: Stakeholder) => {
let index: number = this.aliases.findIndex(value => value == this.stakeholders[this.index].alias); let index: number = this.aliases.findIndex(value => value == this.stakeholders[this.index].alias);
this.stakeholders[this.index] = stakeholder; this.stakeholders[this.index] = stakeholder;
if(index != -1) { if (index != -1) {
this.aliases[index] = stakeholder.alias; this.aliases[index] = stakeholder.alias;
} }
this.editStakeholderModal.cancel(); this.editStakeholderModal.cancel();
}; };
this.editStakeholderModal.alertTitle = 'Edit ' + this.stakeholder.name; this.editStakeholderModal.alertTitle = 'Edit ' + this.stakeholder.name;
this.editStakeholderModal.okButtonText = 'Save Changes'; this.editStakeholderModal.okButtonText = 'Save Changes';
@ -93,7 +178,7 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
this.stakeholders.push(stakeholder); this.stakeholders.push(stakeholder);
this.aliases.push(stakeholder.alias) this.aliases.push(stakeholder.alias)
this.changed(); this.changed();
this.editStakeholderModal.cancel(); this.editStakeholderModal.cancel();
}; };
this.editStakeholderModal.alertTitle = 'Create a new ' + this.stakeholderCategory.name + ' profile'; this.editStakeholderModal.alertTitle = 'Create a new ' + this.stakeholderCategory.name + ' profile';
this.editStakeholderModal.okButtonText = 'Create'; this.editStakeholderModal.okButtonText = 'Create';
@ -101,13 +186,13 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
this.editStakeholderModal.cancelButtonText = 'Cancel'; this.editStakeholderModal.cancelButtonText = 'Cancel';
this.editStakeholderModal.okButtonLeft = false; this.editStakeholderModal.okButtonLeft = false;
this.editStakeholderModal.alertMessage = false; this.editStakeholderModal.alertMessage = false;
this.editStakeholderModal.stayOpen = true; this.editStakeholderModal.stayOpen = true;
this.editStakeholderModal.open(); this.editStakeholderModal.open();
} }
public createReport(stakeholder: Stakeholder) { public createReport(stakeholder: Stakeholder) {
this.cacheIndicatorsService.createReport(stakeholder.alias).subscribe(report => { this.cacheIndicatorsService.createReport(stakeholder.alias).subscribe(report => {
NotificationHandler.rise('A caching process for ' + stakeholder.name + ' has been started.' ) NotificationHandler.rise('A caching process for ' + stakeholder.name + ' has been started.')
}, error => { }, error => {
console.log(error); console.log(error);
NotificationHandler.rise(error.message(), 'danger'); NotificationHandler.rise(error.message(), 'danger');
@ -119,16 +204,16 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
this.deleteStakeholderModal.alertTitle = 'Delete ' + this.stakeholder.index_name; this.deleteStakeholderModal.alertTitle = 'Delete ' + this.stakeholder.index_name;
this.deleteStakeholderModal.cancelButtonText = 'No'; this.deleteStakeholderModal.cancelButtonText = 'No';
this.deleteStakeholderModal.okButtonText = 'Yes'; this.deleteStakeholderModal.okButtonText = 'Yes';
this.deleteStakeholderModal.alertMessage = false; this.deleteStakeholderModal.alertMessage = false;
this.deleteStakeholderModal.stayOpen = true; this.deleteStakeholderModal.stayOpen = true;
this.deleteStakeholderModal.open(); this.deleteStakeholderModal.open();
} }
public deleteStakeholder() { public deleteStakeholder() {
this.deleteLoading = true; this.deleteLoading = true;
this.index = (this.stakeholder) ? this.stakeholders.findIndex(value => value._id === this.stakeholder._id) : -1; this.index = (this.stakeholder) ? this.stakeholders.findIndex(value => value._id === this.stakeholder._id) : -1;
this.subscriptions.push(this.stakeholderService.deleteElement([this.stakeholder._id]).subscribe(() => { this.subscriptions.push(this.stakeholderService.deleteElement([this.stakeholder._id]).subscribe(() => {
UIkit.notification(this.stakeholder.name+ ' has been <b>successfully deleted</b>', { UIkit.notification(this.stakeholder.name + ' has been <b>successfully deleted</b>', {
status: 'success', status: 'success',
timeout: 6000, timeout: 6000,
pos: 'bottom-right' pos: 'bottom-right'
@ -136,16 +221,16 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
this.stakeholders.splice(this.index, 1); this.stakeholders.splice(this.index, 1);
this.aliases = this.aliases.filter(item => item !== this.stakeholder.alias); this.aliases = this.aliases.filter(item => item !== this.stakeholder.alias);
this.changed(); this.changed();
this.deleteLoading = false; this.deleteLoading = false;
this.deleteStakeholderModal.cancel(); this.deleteStakeholderModal.cancel();
}, error => { }, error => {
UIkit.notification('An error has occurred. Please try again later', { UIkit.notification('An error has occurred. Please try again later', {
status: 'danger', status: 'danger',
timeout: 6000, timeout: 6000,
pos: 'bottom-right' pos: 'bottom-right'
}); });
this.deleteLoading = false; this.deleteLoading = false;
this.deleteStakeholderModal.cancel(); this.deleteStakeholderModal.cancel();
})); }));
} }
@ -155,7 +240,7 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
]; ];
this.subscriptions.push(this.stakeholderService.changeVisibility(path, visibility).subscribe(returnedElement => { this.subscriptions.push(this.stakeholderService.changeVisibility(path, visibility).subscribe(returnedElement => {
stakeholder.visibility = returnedElement.visibility; stakeholder.visibility = returnedElement.visibility;
UIkit.notification(stakeholder.name+ '\'s status has been <b>successfully changed</b> to ' + stakeholder.visibility.toLowerCase(), { UIkit.notification(stakeholder.name + '\'s status has been <b>successfully changed</b> to ' + stakeholder.visibility.toLowerCase(), {
status: 'success', status: 'success',
timeout: 6000, timeout: 6000,
pos: 'bottom-right' pos: 'bottom-right'
@ -169,6 +254,48 @@ export class ManageStakeholdersComponent extends FilteredStakeholdersBaseCompone
})); }));
} }
fileChangeEvent(fileInput: any) {
this.loading = true;
this.filesToUpload = <Array<File>>fileInput.target.files;
this.upload();
}
upload() {
let observable = this.uploadFileService.upload(this.filesToUpload, 'json');
if (observable) {
observable.subscribe((json: any) => {
this.indexFields = json;
this.loading = false;
}, (error) => {
console.error("Error importing files", error);
UIkit.notification("Error importing files", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.loading = false;
});
} else {
this.loading = false;
}
}
public get canChooseTemplate(): boolean {
return this.stakeholderFb.get('type').valid && !!this.defaultStakeholdersOptions;
}
public get isStandalone() {
return this.stakeholderCategory?.value !== 'dependent';
}
public get isUmbrella() {
return this.stakeholderCategory?.value === 'umbrella';
}
public get isDefault() {
return this.stakeholderCategory?.value === 'templates';
}
public isManager(stakeholder: Stakeholder): boolean { public isManager(stakeholder: Stakeholder): boolean {
return this.isCurator() || (Session.isManager(stakeholder.type, stakeholder.alias, this.user)); return this.isCurator() || (Session.isManager(stakeholder.type, stakeholder.alias, this.user));
} }

43
monitor-admin/topic/indicators.component.html
View File

@ -31,27 +31,24 @@
<div class="uk-card uk-card-default uk-padding-small number-card uk-position-relative"> <div class="uk-card uk-card-default uk-padding-small number-card uk-position-relative">
<div *ngIf="!dragging" <div *ngIf="!dragging"
class="uk-position-top-right uk-margin-small-right uk-margin-small-top"> class="uk-position-top-right uk-margin-small-right uk-margin-small-top">
<icon *ngIf="!isEditable && showVisibility" [flex]="true" <a *ngIf="isEditable || canEditVisibility(isEditable)"
[name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
ratio="0.6"></icon>
<a *ngIf="isEditable && (isCurator || showVisibility)"
class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing"> class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing">
<icon *ngIf="showVisibility" [flex]="true" <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
[name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
ratio="0.6"></icon> ratio="0.6"></icon>
<icon [flex]="true" name="more_vert"></icon> <icon [flex]="true" name="more_vert"></icon>
</a> </a>
<div #element *ngIf="isEditable && (isCurator || showVisibility)" <icon *ngIf="showVisibility && !canEditVisibility(isEditable)" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)" ratio="0.6"></icon>
<div #element *ngIf="isEditable || canEditVisibility(isEditable)"
class="uk-dropdown" class="uk-dropdown"
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0"> uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0">
<ul class="uk-nav uk-dropdown-nav"> <ul class="uk-nav uk-dropdown-nav">
<ng-container *ngIf="isCurator"> <ng-container *ngIf="isEditable">
<li> <li>
<a (click)="editNumberIndicatorOpen(number, indicator._id); hide(element)">Edit</a> <a (click)="editNumberIndicatorOpen(number, indicator._id); hide(element)">Edit</a>
</li> </li>
</ng-container> </ng-container>
<ng-container *ngIf="showVisibility"> <ng-container *ngIf="showVisibility">
<li *ngIf="isCurator" class="uk-nav-divider"></li> <li *ngIf="isEditable" class="uk-nav-divider"></li>
<li *ngFor="let v of stakeholderUtils.visibilities"> <li *ngFor="let v of stakeholderUtils.visibilities">
<a (click)="changeIndicatorStatus(number._id, indicator, v.value);hide(element)"> <a (click)="changeIndicatorStatus(number._id, indicator, v.value);hide(element)">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
@ -65,7 +62,7 @@
</a> </a>
</li> </li>
</ng-container> </ng-container>
<ng-container *ngIf="!indicator.defaultId && !editing && isCurator"> <ng-container *ngIf="!indicator.defaultId && !editing && isEditable">
<li class="uk-nav-divider"> <li class="uk-nav-divider">
<li> <li>
<a (click)="deleteIndicatorOpen(number, indicator._id, 'number', 'delete');hide(element)">Delete</a> <a (click)="deleteIndicatorOpen(number, indicator._id, 'number', 'delete');hide(element)">Delete</a>
@ -76,14 +73,13 @@
</div> </div>
<div class="uk-text-small uk-text-truncate uk-margin-xsmall-bottom uk-margin-right">{{ indicator.name }}</div> <div class="uk-text-small uk-text-truncate uk-margin-xsmall-bottom uk-margin-right">{{ indicator.name }}</div>
<div class="number uk-text-small uk-text-bold"> <div class="number uk-text-small uk-text-bold">
<span *ngIf="numberResults.get(i + '-' + j + '-' + 0)" <span *ngIf="numberResults.get(i + '-' + j + '-' + 0)" [innerHTML]="(indicator.indicatorPaths[0].format == 'NUMBER'?(numberResults.get(i + '-' + j + '-' + 0) | numberRound: 2:1:stakeholder.locale):(numberResults.get(i + '-' + j + '-' + 0) | numberPercentage: stakeholder.locale))"></span>
[innerHTML]="(indicator.indicatorPaths[0].format == 'NUMBER'?(numberResults.get(i + '-' + j + '-' + 0) | numberRound: 2:1:stakeholder.locale):(numberResults.get(i + '-' + j + '-' + 0) | numberPercentage: stakeholder.locale))"></span>
<span *ngIf="!numberResults.get(i + '-' + j + '-' + 0)">--</span> <span *ngIf="!numberResults.get(i + '-' + j + '-' + 0)">--</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="isCurator && isEditable" class="uk-margin-top"> <div *ngIf="isEditable" class="uk-margin-top">
<div class="uk-grid uk-grid-small" uk-grid> <div class="uk-grid uk-grid-small" uk-grid>
<div [ngClass]="getNumberClassBySize('small')"> <div [ngClass]="getNumberClassBySize('small')">
<a class="uk-card uk-card-default number-card uk-padding-small uk-flex uk-flex-middle uk-link-reset" <a class="uk-card uk-card-default number-card uk-padding-small uk-flex uk-flex-middle uk-link-reset"
@ -146,27 +142,24 @@
<!-- Dropdown --> <!-- Dropdown -->
<div *ngIf="!dragging" <div *ngIf="!dragging"
class="uk-position-top-right uk-margin-small-right uk-margin-small-top"> class="uk-position-top-right uk-margin-small-right uk-margin-small-top">
<icon *ngIf="!isEditable && showVisibility" [flex]="true" <a *ngIf="isEditable || canEditVisibility(isEditable)"
[name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
ratio="0.6"></icon>
<a *ngIf="isEditable && (isCurator || showVisibility)"
class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing"> class="uk-link-reset uk-flex uk-flex-middle" [class.uk-disabled]="editing">
<icon *ngIf="showVisibility" [flex]="true" <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
[name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)"
ratio="0.6"></icon> ratio="0.6"></icon>
<icon [flex]="true" name="more_vert"></icon> <icon [flex]="true" name="more_vert"></icon>
</a> </a>
<div #element *ngIf="isEditable && (isCurator || showVisibility)" <icon *ngIf="showVisibility && !canEditVisibility(isEditable)" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(indicator.visibility)" ratio="0.6"></icon>
<div #element *ngIf="isEditable || canEditVisibility(isEditable)"
class="uk-dropdown" class="uk-dropdown"
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0"> uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0">
<ul class="uk-nav uk-dropdown-nav"> <ul class="uk-nav uk-dropdown-nav">
<ng-container *ngIf="isCurator"> <ng-container *ngIf="isEditable">
<li> <li>
<a (click)="editChartIndicatorOpen(chart, indicator._id); hide(element)">Edit</a> <a (click)="editChartIndicatorOpen(chart, indicator._id); hide(element)">Edit</a>
</li> </li>
</ng-container> </ng-container>
<ng-container *ngIf="showVisibility"> <ng-container *ngIf="showVisibility">
<li *ngIf="isCurator" class="uk-nav-divider"></li> <li *ngIf="isEditable" class="uk-nav-divider"></li>
<li *ngFor="let v of stakeholderUtils.visibilities"> <li *ngFor="let v of stakeholderUtils.visibilities">
<a (click)="changeIndicatorStatus(chart._id, indicator, v.value);"> <a (click)="changeIndicatorStatus(chart._id, indicator, v.value);">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
@ -180,7 +173,7 @@
</a> </a>
</li> </li>
</ng-container> </ng-container>
<ng-container *ngIf="!indicator.defaultId && !editing && isCurator"> <ng-container *ngIf="!indicator.defaultId && !editing && isEditable">
<li class="uk-nav-divider"> <li class="uk-nav-divider">
<li> <li>
<a (click)="deleteIndicatorOpen(chart, indicator._id, 'chart', 'delete');hide(element)">Delete</a> <a (click)="deleteIndicatorOpen(chart, indicator._id, 'chart', 'delete');hide(element)">Delete</a>
@ -228,7 +221,7 @@
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="isCurator && isEditable" class="uk-margin-top"> <div *ngIf="isEditable" class="uk-margin-top">
<div class="uk-grid uk-grid-small uk-grid-match" uk-grid> <div class="uk-grid uk-grid-small uk-grid-match" uk-grid>
<div [ngClass]="getChartClassBySize('small')"> <div [ngClass]="getChartClassBySize('small')">
<div class=" uk-card uk-card-default uk-card-body clickable" <div class=" uk-card uk-card-default uk-card-body clickable"
@ -250,7 +243,7 @@
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="isEditable && isCurator"> <div *ngIf="isEditable">
<div class="section"> <div class="section">
<div class="uk-flex uk-flex-center" (click)="createSection(-1)"> <div class="uk-flex uk-flex-center" (click)="createSection(-1)">
<button class="uk-button uk-button-primary uk-flex uk-flex-middle"> <button class="uk-button uk-button-primary uk-flex uk-flex-middle">

106
monitor-admin/topic/indicators.component.ts
View File

@ -1,6 +1,5 @@
import { import {
AfterViewInit, AfterViewInit,
ChangeDetectorRef,
Component, Component,
HostListener, HostListener,
Input, Input,
@ -10,17 +9,18 @@ import {
ViewChild ViewChild
} from "@angular/core"; } from "@angular/core";
import { import {
Format, ImportIndicators, Format,
Indicator, IndicatorImport, ImportIndicators,
Indicator,
IndicatorPath, IndicatorPath,
IndicatorSize,
IndicatorType, IndicatorType,
Section, Section,
Stakeholder, Stakeholder,
Visibility Visibility
} from "../../monitor/entities/stakeholder"; } from "../../monitor/entities/stakeholder";
import { import {
AbstractControl, FormArray, FormGroup, AbstractControl,
FormGroup,
UntypedFormArray, UntypedFormArray,
UntypedFormBuilder, UntypedFormBuilder,
UntypedFormControl, UntypedFormControl,
@ -46,6 +46,7 @@ import {IndicatorStakeholderBaseComponent} from "../utils/stakeholder-base.compo
import {properties} from "../../../../environments/environment"; import {properties} from "../../../../environments/environment";
import {StatsProfilesService} from "../utils/services/stats-profiles.service"; import {StatsProfilesService} from "../utils/services/stats-profiles.service";
import {TransitionGroupComponent} from "../../utils/transition-group/transition-group.component"; import {TransitionGroupComponent} from "../../utils/transition-group/transition-group.component";
import {UploadFileService} from "../../services/upload-file.service";
declare var UIkit; declare var UIkit;
declare var copy; declare var copy;
@ -55,7 +56,7 @@ declare var copy;
templateUrl: './indicators.component.html' templateUrl: './indicators.component.html'
}) })
export class IndicatorsComponent extends IndicatorStakeholderBaseComponent implements OnInit, OnChanges, AfterViewInit { export class IndicatorsComponent extends IndicatorStakeholderBaseComponent implements OnInit, OnChanges, AfterViewInit {
filesToUpload: Array<File>; filesToUpload: Array<File> = [];
errorMessage = ""; errorMessage = "";
@Input() @Input()
public topicIndex: number = 0; public topicIndex: number = 0;
@ -122,13 +123,13 @@ export class IndicatorsComponent extends IndicatorStakeholderBaseComponent imple
constructor(private layoutService: LayoutService, constructor(private layoutService: LayoutService,
private stakeholderService: StakeholderService, private stakeholderService: StakeholderService,
private statisticsService: StatisticsService, private statisticsService: StatisticsService,
private statsProfileService: StatsProfilesService,
private notificationService: NotificationService, private notificationService: NotificationService,
private fb: UntypedFormBuilder, private fb: UntypedFormBuilder,
private uploadFileService: UploadFileService,
private sanitizer: DomSanitizer,
protected _router: Router, protected _router: Router,
private sanitizer: DomSanitizer) { protected statsProfileService: StatsProfilesService) {
super() super();
this.filesToUpload = [];
} }
ngOnInit(): void { ngOnInit(): void {
@ -142,11 +143,7 @@ export class IndicatorsComponent extends IndicatorStakeholderBaseComponent imple
this.initReorder(); this.initReorder();
}); });
if (this.isCurator) { if (this.isCurator) {
this.subscriptions.push(this.statsProfileService.getStatsProfiles().subscribe(statsProfiles => { this.setStatsProfiles([null]);
this.statsProfiles = [null].concat(statsProfiles);
}, error => {
this.statsProfiles = [];
}));
} else { } else {
this.statsProfiles = []; this.statsProfiles = [];
} }
@ -1435,57 +1432,38 @@ export class IndicatorsComponent extends IndicatorStakeholderBaseComponent imple
} }
upload() { upload() {
if (this.filesToUpload.length == 0) { let observable = this.uploadFileService.upload(this.filesToUpload, 'json');
console.error("There is no selected file to upload."); if(observable) {
UIkit.notification("There is no selected file to upload.", { observable.subscribe((json: ImportIndicators) => {
status: 'danger', if (json && Array.isArray(json)) {
timeout: 6000, UIkit.notification("This file is not supported any more. Please export indicators and try again!", {
pos: 'bottom-right' status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish();
} else if (!json || json?.indicators.length == 0) {
UIkit.notification("Importing file is empty", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish();
} else {
this.importIndicatorsAndSave(json);
}
}, (error) => {
console.error("Error importing files", error);
UIkit.notification("Error importing files", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish();
}); });
this.finish();
return;
} else { } else {
if (this.filesToUpload[0].name.indexOf(".json") == -1 || (this.filesToUpload[0].type != "application/json")) {
console.error("No valid file type. The required type is JSON");
UIkit.notification("No valid file type. The required type is JSON", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish();
return;
}
}
this.makeFileRequest(this.properties.utilsService + '/upload?type=json', [], this.filesToUpload).then(async (result: string) => {
let json = JSON.parse(result);
// validate file
if (json && Array.isArray(json)) {
UIkit.notification("This file is not supported any more. Please export indicators and try again!", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish();
} else if (!json || json?.indicators.length == 0) {
UIkit.notification("Importing file is empty", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish();
} else {
this.importIndicatorsAndSave(json);
}
}, (error) => {
console.error("Error importing files", error);
UIkit.notification("Error importing files", {
status: 'danger',
timeout: 6000,
pos: 'bottom-right'
});
this.finish(); this.finish();
}); }
} }
makeFileRequest(url: string, params: Array<string>, files: Array<File>) { makeFileRequest(url: string, params: Array<string>, files: Array<File>) {
@ -1524,7 +1502,7 @@ export class IndicatorsComponent extends IndicatorStakeholderBaseComponent imple
} }
get isEditable(): boolean { get isEditable(): boolean {
return this.stakeholder.copy || this.stakeholder.defaultId == null || this.stakeholder.defaultId == '-1'; return this.isCurator && (this.stakeholder.copy || this.stakeholder.defaultId == null || this.stakeholder.defaultId == '-1');
} }
isLegendEnabled(indicator, i) { isLegendEnabled(indicator, i) {

71
monitor-admin/topic/topic.component.html
View File

@ -28,17 +28,16 @@
</span> </span>
<span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="topicIndex !== i" <span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="topicIndex !== i"
(click)="$event.stopPropagation();$event.preventDefault()"> (click)="$event.stopPropagation();$event.preventDefault()">
<icon *ngIf="!isEditable && showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)" <a *ngIf="isEditable || canEditVisibility(isEditable)" class="uk-link-reset uk-flex uk-flex-middle">
ratio="0.6"></icon>
<a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle">
<icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)" <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)"
ratio="0.6"></icon> ratio="0.6"></icon>
<icon [flex]="true" name="more_vert"></icon> <icon [flex]="true" name="more_vert"></icon>
</a> </a>
<div #element *ngIf="isEditable && (isCurator || showVisibility)" <icon *ngIf="showVisibility && !canEditVisibility(isEditable)" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)" ratio="0.6"></icon>
<div #element *ngIf="isEditable || canEditVisibility(isEditable)"
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body"> uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
<ul class="uk-nav uk-dropdown-nav"> <ul class="uk-nav uk-dropdown-nav">
<ng-container *ngIf="isCurator"> <ng-container *ngIf="isEditable">
<li> <li>
<a (click)="editTopicOpen(i); hide(element)"> <a (click)="editTopicOpen(i); hide(element)">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
@ -66,7 +65,7 @@
</li> </li>
</ng-container> </ng-container>
<ng-container *ngIf="showVisibility"> <ng-container *ngIf="showVisibility">
<li *ngIf="isCurator" class="uk-nav-divider"></li> <li *ngIf="isEditable" class="uk-nav-divider"></li>
<ng-template ngFor [ngForOf]="stakeholderUtils.visibilities" let-v> <ng-template ngFor [ngForOf]="stakeholderUtils.visibilities" let-v>
<li [class.uk-active]="topic.visibility === v.value"> <li [class.uk-active]="topic.visibility === v.value">
<a (click)="openVisibilityModal(i, v.value, 'topic'); hide(element)"> <a (click)="openVisibilityModal(i, v.value, 'topic'); hide(element)">
@ -80,7 +79,7 @@
</li> </li>
</ng-template> </ng-template>
</ng-container> </ng-container>
<ng-container *ngIf="!topic.defaultId && isCurator"> <ng-container *ngIf="!topic.defaultId && isEditable">
<li class="uk-nav-divider"> <li class="uk-nav-divider">
<li> <li>
<a (click)="deleteTopicOpen(i, 'delete'); hide(element)"> <a (click)="deleteTopicOpen(i, 'delete'); hide(element)">
@ -109,17 +108,16 @@
<span class="uk-width-expand uk-text-truncate">{{category.name}}</span> <span class="uk-width-expand uk-text-truncate">{{category.name}}</span>
<span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="categoryIndex !== j" <span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="categoryIndex !== j"
(click)="$event.stopPropagation();$event.preventDefault()"> (click)="$event.stopPropagation();$event.preventDefault()">
<icon *ngIf="!isEditable && showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)" <a *ngIf="isEditable || canEditVisibility(isEditable)" class="uk-link-reset uk-flex uk-flex-middle">
ratio="0.6"></icon>
<a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle">
<icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)" <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)"
ratio="0.6"></icon> ratio="0.6"></icon>
<icon [flex]="true" name="more_vert"></icon> <icon [flex]="true" name="more_vert"></icon>
</a> </a>
<div #element *ngIf="isEditable && (isCurator || showVisibility)" <icon *ngIf="showVisibility && !canEditVisibility(isEditable)" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)" ratio="0.6"></icon>
<div #element *ngIf="isEditable || canEditVisibility(isEditable)"
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body"> uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
<ul class="uk-nav uk-dropdown-nav"> <ul class="uk-nav uk-dropdown-nav">
<ng-container *ngIf="isCurator"> <ng-container *ngIf="isEditable">
<li> <li>
<a (click)="editCategoryOpen(j); hide(element)"> <a (click)="editCategoryOpen(j); hide(element)">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
@ -149,7 +147,7 @@
</ng-container> </ng-container>
<ng-container *ngIf="showVisibility"> <ng-container *ngIf="showVisibility">
<li *ngIf="isCurator" class="uk-nav-divider"></li> <li *ngIf="isEditable" class="uk-nav-divider"></li>
<ng-template ngFor [ngForOf]="stakeholderUtils.visibilities" let-v> <ng-template ngFor [ngForOf]="stakeholderUtils.visibilities" let-v>
<li [class.uk-active]="category.visibility === v.value"> <li [class.uk-active]="category.visibility === v.value">
<a (click)="openVisibilityModal(j, v.value, 'category'); hide(element)"> <a (click)="openVisibilityModal(j, v.value, 'category'); hide(element)">
@ -163,7 +161,7 @@
</li> </li>
</ng-template> </ng-template>
</ng-container> </ng-container>
<ng-container *ngIf="!category.defaultId && isCurator"> <ng-container *ngIf="!category.defaultId && isEditable">
<li class="uk-nav-divider"> <li class="uk-nav-divider">
<li> <li>
<a (click)="deleteCategoryOpen(j, 'delete'); hide(element)"> <a (click)="deleteCategoryOpen(j, 'delete'); hide(element)">
@ -180,7 +178,7 @@
</div> </div>
</a> </a>
</li> </li>
<li *ngIf="isCurator && isEditable"> <li *ngIf="isEditable">
<a (click)="editCategoryOpen(); $event.preventDefault()" class="uk-flex uk-flex-middle"> <a (click)="editCategoryOpen(); $event.preventDefault()" class="uk-flex uk-flex-middle">
<icon name="add" [flex]="true"></icon> <icon name="add" [flex]="true"></icon>
<span class="hide-on-close">Create new category</span> <span class="hide-on-close">Create new category</span>
@ -188,7 +186,7 @@
</li> </li>
</ul> </ul>
</li> </li>
<li *ngIf="isCurator && isEditable" class="hide-on-close"> <li *ngIf="isEditable" class="hide-on-close">
<a (click)="editTopicOpen(-1); $event.preventDefault()"> <a (click)="editTopicOpen(-1); $event.preventDefault()">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
<div class="uk-width-auto"> <div class="uk-width-auto">
@ -202,9 +200,9 @@
</div> </div>
</div> </div>
</aside> </aside>
<div #pageContent *ngIf="stakeholder && filters" class="uk-width-1-1" page-content> <div *ngIf="stakeholder && filters" class="uk-width-1-1" page-content>
<div actions class="uk-margin-medium-top"> <div actions class="uk-margin-medium-top">
<div *ngIf="stakeholder.topics.length > 0 && showVisibility" class="uk-flex uk-flex-center uk-flex-right@m uk-width-1-1"> <div *ngIf="stakeholder.topics.length > 0 && canEditVisibility(isEditable)" class="uk-flex uk-flex-center uk-flex-right@m uk-width-1-1">
<button class="uk-button uk-button-primary uk-flex uk-flex-middle"> <button class="uk-button uk-button-primary uk-flex uk-flex-middle">
<icon name="visibility" [flex]="true"></icon> <icon name="visibility" [flex]="true"></icon>
<span class="uk-margin-small-left uk-margin-small-right">Preview</span> <span class="uk-margin-small-left uk-margin-small-right">Preview</span>
@ -235,17 +233,16 @@
<span class="uk-flex uk-flex-column uk-flex-center uk-margin-small-left" <span class="uk-flex uk-flex-column uk-flex-center uk-margin-small-left"
[class.uk-invisible-hover]="subCategoryIndex !== i" [class.uk-invisible-hover]="subCategoryIndex !== i"
(click)="$event.stopPropagation();$event.preventDefault()"> (click)="$event.stopPropagation();$event.preventDefault()">
<icon *ngIf="!isEditable && showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)" <a *ngIf="isEditable || canEditVisibility(isEditable)" class="uk-link-reset uk-flex uk-flex-middle">
ratio="0.6"></icon>
<a *ngIf="isEditable && (isCurator || showVisibility)" class="uk-link-reset uk-flex uk-flex-middle">
<icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)" <icon *ngIf="showVisibility" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)"
ratio="0.6"></icon> ratio="0.6"></icon>
<icon [flex]="true" name="more_vert"></icon> <icon [flex]="true" name="more_vert"></icon>
</a> </a>
<div #element *ngIf="isEditable && (isCurator || showVisibility)" <icon *ngIf="showVisibility && !canEditVisibility(isEditable)" [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(subCategory.visibility)" ratio="0.6"></icon>
<div #element *ngIf="isEditable || canEditVisibility(isEditable)"
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; container: body"> uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; container: body">
<ul class="uk-nav uk-dropdown-nav"> <ul class="uk-nav uk-dropdown-nav">
<ng-container *ngIf="isCurator"> <ng-container *ngIf="isEditable">
<li> <li>
<a (click)="editSubCategoryOpen(i); hide(element)"> <a (click)="editSubCategoryOpen(i); hide(element)">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
@ -291,21 +288,21 @@
</li> </li>
</ng-container> </ng-container>
<ng-container *ngIf="showVisibility"> <ng-container *ngIf="showVisibility">
<li *ngIf="isCurator" class="uk-nav-divider"></li> <li *ngIf="isEditable" class="uk-nav-divider"></li>
<ng-template ngFor [ngForOf]="stakeholderUtils.visibilities" let-v> <ng-template ngFor [ngForOf]="stakeholderUtils.visibilities" let-v>
<li [class.uk-active]="subCategory.visibility === v.value"> <li [class.uk-active]="subCategory.visibility === v.value">
<a (click)="openVisibilityModal(i, v.value, 'subcategory'); hide(element)"> <a (click)="openVisibilityModal(i, v.value, 'subcategory'); hide(element)">
<div class="uk-flex uk-flex-middle"> <div class="uk-flex uk-flex-middle">
<icon [flex]="true" [name]="v.icon" ratio="0.6"></icon> <icon [flex]="true" [name]="v.icon" ratio="0.6"></icon>
<span class="uk-margin-small-left uk-width-expand">{{v.label}}</span> <span class="uk-margin-small-left uk-width-expand">{{v.label}}</span>
<icon *ngIf="subCategory.visibility === v.value" [flex]="true" name="done" <icon *ngIf="subCategory.visibility === v.value" [flex]="true" name="done"
class="uk-text-secondary" ratio="0.8"></icon> class="uk-text-secondary" ratio="0.8"></icon>
</div> </div>
</a> </a>
</li> </li>
</ng-template> </ng-template>
</ng-container> </ng-container>
<ng-container *ngIf="!subCategory.defaultId && isCurator"> <ng-container *ngIf="!subCategory.defaultId && isEditable">
<li class="uk-nav-divider"> <li class="uk-nav-divider">
<li> <li>
<a (click)="deleteSubcategoryOpen(i, 'delete'); hide(element)"> <a (click)="deleteSubcategoryOpen(i, 'delete'); hide(element)">
@ -321,7 +318,7 @@
</span> </span>
</li> </li>
</ng-container> </ng-container>
<li *ngIf="isCurator && isEditable"> <li *ngIf="isEditable">
<a (click)="editSubCategoryOpen(); $event.preventDefault()" class="uk-flex uk-flex-middle"> <a (click)="editSubCategoryOpen(); $event.preventDefault()" class="uk-flex uk-flex-middle">
<icon name="add" [flex]="true"></icon> <icon name="add" [flex]="true"></icon>
<span class="uk-text-uppercase">Create new subcategory</span> <span class="uk-text-uppercase">Create new subcategory</span>

2
monitor-admin/topic/topic.component.ts
View File

@ -785,6 +785,6 @@ export class TopicComponent extends StakeholderBaseComponent implements OnInit,
} }
get isEditable(): boolean { get isEditable(): boolean {
return this.stakeholder.copy || this.stakeholder.defaultId == null || this.stakeholder.defaultId == '-1'; return this.isCurator && (this.stakeholder.copy || this.stakeholder.defaultId == null || this.stakeholder.defaultId == '-1');
} }
} }

13
monitor-admin/utils/indicator-utils.ts
View File

@ -53,6 +53,7 @@ export interface StakeholderCategory {
} }
export class StakeholderConfiguration { export class StakeholderConfiguration {
private static isDevelopment: boolean = properties.environment === 'development';
public static ENTITIES: Entities = new Entities(); public static ENTITIES: Entities = new Entities();
public static STAKEHOLDER_CATEGORIES: StakeholderCategory[] = [ public static STAKEHOLDER_CATEGORIES: StakeholderCategory[] = [
@ -88,6 +89,8 @@ export class StakeholderConfiguration {
public static FILTERS: FilterType[] = ['start_year', 'end_year', 'fundingL0', 'co-funded']; public static FILTERS: FilterType[] = ['start_year', 'end_year', 'fundingL0', 'co-funded'];
public static CREDITS: string = 'Created by OpenAIRE via ' + ChartHelper.prefix + 'library' + ChartHelper.suffix; public static CREDITS: string = 'Created by OpenAIRE via ' + ChartHelper.prefix + 'library' + ChartHelper.suffix;
public static CACHE_INDICATORS: boolean = true; public static CACHE_INDICATORS: boolean = true;
public static MULTI_BUILD: boolean = StakeholderConfiguration.isDevelopment;
public static OVERRIDE_REFERENCES: boolean = StakeholderConfiguration.isDevelopment;
public static openAccess: Map<string, OAIndicator> = new Map(); public static openAccess: Map<string, OAIndicator> = new Map();
} }
@ -124,10 +127,18 @@ export class StakeholderUtils {
return StakeholderConfiguration.CREDITS; return StakeholderConfiguration.CREDITS;
} }
get isCachingIndicators() { get hasCachingIndicators() {
return StakeholderConfiguration.CACHE_INDICATORS; return StakeholderConfiguration.CACHE_INDICATORS;
} }
get hasMultiBuild() {
return StakeholderConfiguration.MULTI_BUILD;
}
get hasOverrideReferences() {
return StakeholderConfiguration.OVERRIDE_REFERENCES;
}
get openAccess(): Map<string, OAIndicator> { get openAccess(): Map<string, OAIndicator> {
return StakeholderConfiguration.openAccess; return StakeholderConfiguration.openAccess;
} }

25
monitor-admin/utils/stakeholder-base.component.ts
View File

@ -2,14 +2,17 @@ import {Directive} from "@angular/core";
import {BaseComponent} from "../../sharedComponents/base/base.component"; import {BaseComponent} from "../../sharedComponents/base/base.component";
import {IndicatorUtils, StakeholderUtils} from "./indicator-utils"; import {IndicatorUtils, StakeholderUtils} from "./indicator-utils";
import {ConnectHelper} from "../../connect/connectHelper"; import {ConnectHelper} from "../../connect/connectHelper";
import {Indicator, IndicatorSize} from "../../monitor/entities/stakeholder"; import {Indicator, IndicatorSize, Stakeholder} from "../../monitor/entities/stakeholder";
import {statsToolParser} from "./cache-indicators/cache-indicators";
import {HelperFunctions} from "../../utils/HelperFunctions.class"; import {HelperFunctions} from "../../utils/HelperFunctions.class";
import {ConfigurationService} from "../../utils/configuration/configuration.service";
import {StatsProfilesService} from "./services/stats-profiles.service";
@Directive() @Directive()
export abstract class StakeholderBaseComponent extends BaseComponent { export abstract class StakeholderBaseComponent extends BaseComponent {
stakeholderUtils: StakeholderUtils = new StakeholderUtils(); stakeholderUtils: StakeholderUtils = new StakeholderUtils();
statsProfiles: string[] = [];
protected statsProfileService: StatsProfilesService;
get entities() { get entities() {
return this.stakeholderUtils.entities; return this.stakeholderUtils.entities;
@ -35,11 +38,15 @@ export abstract class StakeholderBaseComponent extends BaseComponent {
return this.stakeholderUtils.showField(this.stakeholderUtils.locales); return this.stakeholderUtils.showField(this.stakeholderUtils.locales);
} }
canEditVisibility(isEditable: boolean) {
return this.showVisibility && (isEditable || this.stakeholderUtils.hasOverrideReferences);
}
protected navigateToError() { protected navigateToError() {
HelperFunctions.navigateToError(this._router, {"page": this._router.url}); HelperFunctions.navigateToError(this._router, {"page": this._router.url});
} }
setProperties(id, type = null, configurationService) { setProperties(id: string, type = null, configurationService: ConfigurationService) {
this.properties.adminToolsCommunity = id; this.properties.adminToolsCommunity = id;
if (type) { if (type) {
this.properties.adminToolsPortalType = type; this.properties.adminToolsPortalType = type;
@ -48,6 +55,16 @@ export abstract class StakeholderBaseComponent extends BaseComponent {
} }
configurationService.initPortal(this.properties, this.properties.adminToolsCommunity); configurationService.initPortal(this.properties, this.properties.adminToolsCommunity);
} }
setStatsProfiles(extra: string[] = []) {
if (this.statsProfileService) {
this.subscriptions.push(this.statsProfileService.getStatsProfiles().subscribe(statsProfiles => {
this.statsProfiles = extra.concat(statsProfiles);
}, error => {
this.statsProfiles = [];
}));
}
}
} }
@Directive() @Directive()

20
monitor/monitor-indicator-stakeholder-base.component.ts
View File

@ -1,10 +1,12 @@
import {ChangeDetectorRef, Component, Directive, HostListener, OnInit, ViewRef} from "@angular/core"; import {ChangeDetectorRef, Directive, HostListener, OnInit, ViewRef} from "@angular/core";
import {IndicatorStakeholderBaseComponent} from "../monitor-admin/utils/stakeholder-base.component"; import {IndicatorStakeholderBaseComponent} from "../monitor-admin/utils/stakeholder-base.component";
import {DomSanitizer} from "@angular/platform-browser"; import {DomSanitizer} from "@angular/platform-browser";
import { import {
Category, FilterType, Category,
Indicator, IndicatorFilters, IndicatorPath, Indicator,
IndicatorSize, Overlay, IndicatorFilters,
IndicatorPath,
Overlay,
Section, Section,
Stakeholder, Stakeholder,
SubCategory, SubCategory,
@ -22,16 +24,6 @@ import {Params} from "@angular/router";
import {StatisticsService} from "../monitor-admin/utils/services/statistics.service"; import {StatisticsService} from "../monitor-admin/utils/services/statistics.service";
import {SearchResearchResultsService} from "../services/searchResearchResults.service"; import {SearchResearchResultsService} from "../services/searchResearchResults.service";
import {CustomFilterService} from "../shared/customFilter.service"; import {CustomFilterService} from "../shared/customFilter.service";
import {PageContentModule} from "../dashboard/sharedComponents/page-content/page-content.module";
import {CommonModule, NgIf} from "@angular/common";
import {SliderTabsModule} from "../sharedComponents/tabs/slider-tabs.module";
import {LoadingModule} from "../utils/loading/loading.module";
import {IconsModule} from "../utils/icons/icons.module";
import {ClickModule} from "../utils/click/click.module";
import {NumberRoundModule} from "../utils/pipes/number-round.module";
import {RangeFilterModule} from "../utils/rangeFilter/rangeFilter.module";
import {SearchFilterModule} from "../searchPages/searchUtils/searchFilter.module";
import {SliderUtilsModule} from "../sharedComponents/slider-utils/slider-utils.module";
@Directive() @Directive()
export abstract class MonitorIndicatorStakeholderBaseComponent extends IndicatorStakeholderBaseComponent implements OnInit { export abstract class MonitorIndicatorStakeholderBaseComponent extends IndicatorStakeholderBaseComponent implements OnInit {

14
monitor/services/stakeholder.service.ts
View File

@ -160,7 +160,19 @@ export class StakeholderService {
})); }));
} }
changeVisibility(path: string[], visibility: Visibility, propagate: boolean = false): Observable<any> { buildStakeholders(stakeholder: Stakeholder, indexFields: any, standalone: boolean = true, umbrella: boolean = false): Observable<Stakeholder[]> {
let buildStakeholder = {
stakeholder: stakeholder,
indexFields: indexFields,
umbrella: umbrella,
standalone: standalone
}
return this.http.post<Stakeholder[]>(properties.monitorServiceAPIURL + 'build-stakeholder', buildStakeholder, CustomOptions.registryOptions()).pipe(map(stakeholder => {
return HelperFunctions.copy(Stakeholder.checkIsUpload(stakeholder));
}));
}
changeVisibility(path: string[], visibility: Visibility, propagate: boolean = false): Observable<any> {
path.push('change-visibility'); path.push('change-visibility');
return this.http.post<Visibility>(properties.monitorServiceAPIURL + path.join('/') + '?visibility=' + visibility + (propagate ? '&propagate=true' : ''), null, CustomOptions.registryOptions()); return this.http.post<Visibility>(properties.monitorServiceAPIURL + path.join('/') + '?visibility=' + visibility + (propagate ? '&propagate=true' : ''), null, CustomOptions.registryOptions());
} }

39
services/upload-file.service.ts Normal file
View File

@ -0,0 +1,39 @@
import {Injectable} from "@angular/core";
import {HttpClient} from "@angular/common/http";
import {properties} from "../../../environments/environment";
import {NotificationHandler} from "../utils/notification-handler";
@Injectable({
providedIn: 'root'
})
export class UploadFileService {
public types: Map<string, string> = new Map();
constructor(private http: HttpClient) {
this.types.set('csv', 'application/vnd.ms-excel');
this.types.set('json', 'application/json');
}
upload(files: Array<File>, type: 'json' | 'csv' = 'csv') {
let message: string;
if (files.length == 0) {
message = "There is no selected file to upload.";
} else {
if ([...files].filter(file => file.name.indexOf('.' + type) == -1 || file.type !== this.types.get(type)).length > 0) {
message = "No valid file type. The required type is " + type.toUpperCase();
}
}
if(message) {
console.error(message);
NotificationHandler.rise(message, 'danger');
return null;
} else {
let url = properties.utilsService + '/upload?type=' + type;
let formData = new FormData();
for (let i = 0; i < files.length; i++) {
formData.append("uploads[]", files[i], files[i].name);
}
return this.http.post<any>(url, formData, {withCredentials: true});
}
}
}