81 lines
3.5 KiB
TypeScript
81 lines
3.5 KiB
TypeScript
import { Component, Inject } from '@angular/core';
|
|
import { UntypedFormGroup } from '@angular/forms';
|
|
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
|
import { Dmp, NewVersionDmpPersist } from '@app/core/model/dmp/dmp';
|
|
import { DmpService } from '@app/core/services/dmp/dmp.service';
|
|
import { SnackBarNotificationLevel, UiNotificationService } from '@app/core/services/notification/ui-notification-service';
|
|
import { BaseComponent } from '@common/base/base.component';
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { map, takeUntil } from 'rxjs/operators';
|
|
import { DmpNewVersionDialogEditorModel } from './dmp-new-version-dialog.editor.model';
|
|
import { DmpBlueprintService } from '@app/core/services/dmp/dmp-blueprint.service';
|
|
import { DmpEditorResolver } from '../dmp-editor-blueprint/dmp-editor.resolver';
|
|
import { SingleAutoCompleteConfiguration } from '@app/library/auto-complete/single/single-auto-complete-configuration';
|
|
import { DmpBlueprint } from '@app/core/model/dmp-blueprint/dmp-blueprint';
|
|
import { DmpBlueprintStatus } from '@app/core/common/enum/dmp-blueprint-status';
|
|
|
|
@Component({
|
|
selector: 'app-dmp-new-version-dialog',
|
|
templateUrl: './dmp-new-version-dialog.component.html',
|
|
styleUrls: ['./dmp-new-version-dialog.component.scss']
|
|
})
|
|
export class NewVersionDmpDialogComponent extends BaseComponent {
|
|
|
|
dmp: Dmp;
|
|
editorModel: DmpNewVersionDialogEditorModel;
|
|
formGroup: UntypedFormGroup;
|
|
|
|
singleAutocompleteBlueprintConfiguration: SingleAutoCompleteConfiguration = {
|
|
initialItems: (data?: any) => this.dmpBlueprintService.query(this.dmpBlueprintService.buildAutocompleteLookup(null, null, null, [DmpBlueprintStatus.Finalized])).pipe(map(x => x.items)),
|
|
filterFn: (searchQuery: string, data?: any) => this.dmpBlueprintService.query(this.dmpBlueprintService.buildAutocompleteLookup(searchQuery, null, null, [DmpBlueprintStatus.Finalized])).pipe(map(x => x.items)),
|
|
getSelectedItem: (selectedItem: any) => this.dmpBlueprintService.query(this.dmpBlueprintService.buildAutocompleteLookup(null, null, [selectedItem])).pipe(map(x => x.items[0])),
|
|
displayFn: (item: DmpBlueprint) => item.label,
|
|
subtitleFn: (item: DmpBlueprint) => this.language.instant('DMP-EDITOR.FIELDS.DMP-BLUEPRINT-VERSION') + ' '+ item.version,
|
|
titleFn: (item: DmpBlueprint) => item.label,
|
|
valueAssign: (item: DmpBlueprint) => item.id,
|
|
};
|
|
|
|
constructor(
|
|
public dialogRef: MatDialogRef<NewVersionDmpDialogComponent>,
|
|
private dmpService: DmpService,
|
|
public dmpBlueprintService: DmpBlueprintService,
|
|
private uiNotificationService: UiNotificationService,
|
|
private language: TranslateService,
|
|
@Inject(MAT_DIALOG_DATA) public data: any
|
|
) {
|
|
super();
|
|
this.dmp = data.dmp;
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.editorModel = new DmpNewVersionDialogEditorModel().fromModel(this.data.dmp);
|
|
this.formGroup = this.editorModel.buildForm();
|
|
}
|
|
|
|
hasDescriptions() {
|
|
return this.dmp.descriptions?.length > 0;
|
|
}
|
|
|
|
close() {
|
|
this.dialogRef.close(null);
|
|
}
|
|
|
|
cancel() {
|
|
this.dialogRef.close(null);
|
|
}
|
|
|
|
confirm() {
|
|
if (!this.formGroup.valid) { return; }
|
|
const value: NewVersionDmpPersist = this.formGroup.value;
|
|
this.dmpService.newVersion(value, DmpEditorResolver.lookupFields()).pipe(takeUntil(this._destroyed)).subscribe(
|
|
dmp => this.dialogRef.close(dmp),
|
|
error => this.onCallbackError(error)
|
|
);
|
|
|
|
}
|
|
|
|
onCallbackError(error: any) {
|
|
this.uiNotificationService.snackBarNotification(error.error.message ? error.error.message : this.language.instant('GENERAL.SNACK-BAR.UNSUCCESSFUL-UPDATE'), SnackBarNotificationLevel.Error);
|
|
}
|
|
}
|