228 lines
10 KiB
TypeScript
228 lines
10 KiB
TypeScript
|
import { UntypedFormBuilder, UntypedFormGroup, Validators } from "@angular/forms";
|
||
|
|
import { DmpAccessType } from "@app/core/common/enum/dmp-access-type";
|
||
|
|
import { DmpStatus } from "@app/core/common/enum/dmp-status";
|
||
|
|
import { Dmp, DmpDescriptionTemplate, DmpDescriptionTemplatePersist, DmpPersist, DmpReferencePersist } from "@app/core/model/dmp/dmp";
|
||
|
|
import { DmpReference } from "@app/core/model/dmp/dmp-reference";
|
||
|
|
import { ReferencePersist } from "@app/core/model/reference/reference";
|
||
|
|
import { BaseEditorModel } from "@common/base/base-form-editor-model";
|
||
|
|
import { BackendErrorValidator } from '@common/forms/validation/custom-validator';
|
||
|
|
import { ValidationErrorModel } from '@common/forms/validation/error-model/validation-error-model';
|
||
|
|
import { Validation, ValidationContext } from '@common/forms/validation/validation-context';
|
||
|
|
import { Guid } from "@common/types/guid";
|
||
|
|
|
||
|
|
export class DmpEditorModel extends BaseEditorModel implements DmpPersist {
|
||
|
|
label: string;
|
||
|
|
status: DmpStatus;
|
||
|
|
properties: string;
|
||
|
|
description: String;
|
||
|
|
language: String;
|
||
|
|
blueprint: Guid;
|
||
|
|
accessType: DmpAccessType;
|
||
|
|
references: DmpReferenceEditorModel[] = [];
|
||
|
|
descriptionTemplates: DmpDescriptionTemplateEditorModel[] = [];
|
||
|
|
permissions: string[];
|
||
|
|
|
||
|
|
public validationErrorModel: ValidationErrorModel = new ValidationErrorModel();
|
||
|
|
protected formBuilder: UntypedFormBuilder = new UntypedFormBuilder();
|
||
|
|
|
||
|
|
constructor() { super(); }
|
||
|
|
|
||
|
|
public fromModel(item: Dmp): DmpEditorModel {
|
||
|
|
if (item) {
|
||
|
|
super.fromModel(item);
|
||
|
|
this.label = item.label;
|
||
|
|
this.status = item.status;
|
||
|
|
this.properties = item.properties;
|
||
|
|
this.description = item.description;
|
||
|
|
this.language = item.language;
|
||
|
|
this.blueprint = item.blueprint?.id;
|
||
|
|
this.accessType = item.accessType;
|
||
|
|
if (item.dmpReferences) { item.dmpReferences.map(x => this.references.push(new DmpReferenceEditorModel().fromModel(x))); }
|
||
|
|
if (item.dmpDescriptionTemplates) { item.dmpDescriptionTemplates.map(x => this.descriptionTemplates.push(new DmpDescriptionTemplateEditorModel().fromModel(x))); }
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
buildForm(context: ValidationContext = null, disabled: boolean = false): UntypedFormGroup {
|
||
|
|
if (context == null) { context = this.createValidationContext(); }
|
||
|
|
|
||
|
|
const formGroup = this.formBuilder.group({
|
||
|
|
id: [{ value: this.id, disabled: disabled }, context.getValidation('id').validators],
|
||
|
|
label: [{ value: this.label, disabled: disabled }, context.getValidation('label').validators],
|
||
|
|
status: [{ value: this.status, disabled: disabled }, context.getValidation('status').validators],
|
||
|
|
properties: [{ value: this.properties, disabled: disabled }, context.getValidation('properties').validators],
|
||
|
|
description: [{ value: this.description, disabled: disabled }, context.getValidation('description').validators],
|
||
|
|
language: [{ value: this.language, disabled: disabled }, context.getValidation('language').validators],
|
||
|
|
blueprint: [{ value: this.blueprint, disabled: disabled }, context.getValidation('blueprint').validators],
|
||
|
|
accessType: [{ value: this.accessType, disabled: disabled }, context.getValidation('accessType').validators],
|
||
|
|
// references: this.formBuilder.array(
|
||
|
|
// (this.references ?? []).map(
|
||
|
|
// (item, index) => new DmpReferenceEditorModel(
|
||
|
|
// this.validationErrorModel
|
||
|
|
// ).fromModel(item).buildForm({
|
||
|
|
// rootPath: `references[${index}].`
|
||
|
|
// }), context.getValidation('references')
|
||
|
|
// )
|
||
|
|
// ),
|
||
|
|
// descriptionTemplates: this.formBuilder.array(
|
||
|
|
// (this.descriptionTemplates ?? []).map(
|
||
|
|
// (item, index) => new DmpDescriptionTemplateEditorModel(
|
||
|
|
// this.validationErrorModel
|
||
|
|
// ).fromModel(item).buildForm({
|
||
|
|
// rootPath: `descriptionTemplates[${index}].`
|
||
|
|
// }), context.getValidation('descriptionTemplates')
|
||
|
|
// )
|
||
|
|
// ),
|
||
|
|
hash: [{ value: this.hash, disabled: disabled }, context.getValidation('hash').validators]
|
||
|
|
});
|
||
|
|
|
||
|
|
(this.references ?? []).map(
|
||
|
|
(item, index) => formGroup.addControl(item.id.toString(), new DmpReferenceEditorModel(
|
||
|
|
this.validationErrorModel
|
||
|
|
).fromModel(item).buildForm({
|
||
|
|
rootPath: `references[${index}].`
|
||
|
|
})), context.getValidation('references')
|
||
|
|
)
|
||
|
|
|
||
|
|
return formGroup;
|
||
|
|
}
|
||
|
|
|
||
|
|
createValidationContext(): ValidationContext {
|
||
|
|
const baseContext: ValidationContext = new ValidationContext();
|
||
|
|
const baseValidationArray: Validation[] = new Array<Validation>();
|
||
|
|
baseValidationArray.push({ key: 'id', validators: [BackendErrorValidator(this.validationErrorModel, 'id')] });
|
||
|
|
baseValidationArray.push({ key: 'label', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'label')] });
|
||
|
|
baseValidationArray.push({ key: 'status', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'status')] });
|
||
|
|
baseValidationArray.push({ key: 'properties', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'properties')] });
|
||
|
|
baseValidationArray.push({ key: 'description', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'description')] });
|
||
|
|
baseValidationArray.push({ key: 'language', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'language')] });
|
||
|
|
baseValidationArray.push({ key: 'blueprint', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'blueprint')] });
|
||
|
|
baseValidationArray.push({ key: 'accessType', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'accessType')] });
|
||
|
|
baseValidationArray.push({ key: 'references', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'references')] });
|
||
|
|
baseValidationArray.push({ key: 'descriptionTemplates', validators: [Validators.required, BackendErrorValidator(this.validationErrorModel, 'descriptionTemplates')] });
|
||
|
|
baseValidationArray.push({ key: 'hash', validators: [] });
|
||
|
|
|
||
|
|
baseContext.validation = baseValidationArray;
|
||
|
|
return baseContext;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export class DmpReferenceEditorModel implements DmpReferencePersist {
|
||
|
|
id: Guid;
|
||
|
|
reference: ReferencePersist;
|
||
|
|
data: string;
|
||
|
|
hash: string;
|
||
|
|
|
||
|
|
protected formBuilder: UntypedFormBuilder = new UntypedFormBuilder();
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
public validationErrorModel: ValidationErrorModel = new ValidationErrorModel()
|
||
|
|
) { }
|
||
|
|
|
||
|
|
fromModel(item: DmpReference): DmpReferenceEditorModel {
|
||
|
|
this.id = item.id;
|
||
|
|
this.reference = item.reference;
|
||
|
|
this.data = item.data;
|
||
|
|
this.hash = item.hash;
|
||
|
|
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
buildForm(params?: {
|
||
|
|
context?: ValidationContext,
|
||
|
|
disabled?: boolean,
|
||
|
|
rootPath?: string
|
||
|
|
}): UntypedFormGroup {
|
||
|
|
let { context = null, disabled = false, rootPath } = params ?? {}
|
||
|
|
if (context == null) {
|
||
|
|
context = DmpReferenceEditorModel.createValidationContext({
|
||
|
|
validationErrorModel: this.validationErrorModel,
|
||
|
|
rootPath
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.formBuilder.group({
|
||
|
|
id: [{ value: this.id, disabled: disabled }, context.getValidation('id').validators],
|
||
|
|
reference: [{ value: this.reference, disabled: disabled }, context.getValidation('reference').validators],
|
||
|
|
data: [{ value: this.data, disabled: disabled }, context.getValidation('data').validators],
|
||
|
|
hash: [{ value: this.hash, disabled: disabled }, context.getValidation('hash').validators]
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
static createValidationContext(params: {
|
||
|
|
rootPath?: string,
|
||
|
|
validationErrorModel: ValidationErrorModel
|
||
|
|
}): ValidationContext {
|
||
|
|
const { rootPath = '', validationErrorModel } = params;
|
||
|
|
|
||
|
|
const baseContext: ValidationContext = new ValidationContext();
|
||
|
|
const baseValidationArray: Validation[] = new Array<Validation>();
|
||
|
|
baseValidationArray.push({ key: 'id', validators: [BackendErrorValidator(validationErrorModel, `${rootPath}id`)] });
|
||
|
|
baseValidationArray.push({ key: 'reference', validators: [BackendErrorValidator(validationErrorModel, `${rootPath}reference`)] });
|
||
|
|
baseValidationArray.push({ key: 'data', validators: [BackendErrorValidator(validationErrorModel, `${rootPath}data`)] });
|
||
|
|
baseValidationArray.push({ key: 'hash', validators: [] });
|
||
|
|
|
||
|
|
baseContext.validation = baseValidationArray;
|
||
|
|
return baseContext;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export class DmpDescriptionTemplateEditorModel implements DmpDescriptionTemplatePersist {
|
||
|
|
id: Guid;
|
||
|
|
descriptionTemplateGroupId: Guid;
|
||
|
|
sectionId: Guid;
|
||
|
|
hash: string;
|
||
|
|
|
||
|
|
protected formBuilder: UntypedFormBuilder = new UntypedFormBuilder();
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
public validationErrorModel: ValidationErrorModel = new ValidationErrorModel()
|
||
|
|
) { }
|
||
|
|
|
||
|
|
fromModel(item: DmpDescriptionTemplate): DmpDescriptionTemplateEditorModel {
|
||
|
|
this.id = item.id;
|
||
|
|
this.descriptionTemplateGroupId = item.descriptionTemplateGroupId;
|
||
|
|
this.sectionId = item.sectionId;
|
||
|
|
this.hash = item.hash;
|
||
|
|
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
buildForm(params?: {
|
||
|
|
context?: ValidationContext,
|
||
|
|
disabled?: boolean,
|
||
|
|
rootPath?: string
|
||
|
|
}): UntypedFormGroup {
|
||
|
|
let { context = null, disabled = false, rootPath } = params ?? {}
|
||
|
|
if (context == null) {
|
||
|
|
context = DmpDescriptionTemplateEditorModel.createValidationContext({
|
||
|
|
validationErrorModel: this.validationErrorModel,
|
||
|
|
rootPath
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.formBuilder.group({
|
||
|
|
id: [{ value: this.id, disabled: disabled }, context.getValidation('id').validators],
|
||
|
|
reference: [{ value: this.descriptionTemplateGroupId, disabled: disabled }, context.getValidation('descriptionTemplateGroupId').validators],
|
||
|
|
sectionId: [{ value: this.sectionId, disabled: disabled }, context.getValidation('sectionId').validators],
|
||
|
|
hash: [{ value: this.hash, disabled: disabled }, context.getValidation('hash').validators]
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
static createValidationContext(params: {
|
||
|
|
rootPath?: string,
|
||
|
|
validationErrorModel: ValidationErrorModel
|
||
|
|
}): ValidationContext {
|
||
|
|
const { rootPath = '', validationErrorModel } = params;
|
||
|
|
|
||
|
|
const baseContext: ValidationContext = new ValidationContext();
|
||
|
|
const baseValidationArray: Validation[] = new Array<Validation>();
|
||
|
|
baseValidationArray.push({ key: 'id', validators: [BackendErrorValidator(validationErrorModel, `${rootPath}id`)] });
|
||
|
|
baseValidationArray.push({ key: 'descriptionTemplateGroupId', validators: [BackendErrorValidator(validationErrorModel, `${rootPath}descriptionTemplateGroupId`)] });
|
||
|
|
baseValidationArray.push({ key: 'sectionId', validators: [BackendErrorValidator(validationErrorModel, `${rootPath}sectionId`)] });
|
||
|
|
baseValidationArray.push({ key: 'hash', validators: [] });
|
||
|
|
|
||
|
|
baseContext.validation = baseValidationArray;
|
||
|
|
return baseContext;
|
||
|
|
}
|
||
|
|
}
|