373 lines
15 KiB
TypeScript
373 lines
15 KiB
TypeScript
import { FormBuilder, FormControl, FormGroup, ValidatorFn, Validators } from "@angular/forms";
|
|
import { Guid } from '@common/types/guid';
|
|
import { ValidationType, ValidatorURL } from "../../../core/common/enum/validation-type";
|
|
import { BaseFormModel } from "../../../core/model/base-form-model";
|
|
import { CompositeField } from "../../../core/model/dataset-profile-definition/composite-field";
|
|
import { DatasetProfileDefinitionModel } from "../../../core/model/dataset-profile-definition/dataset-profile-definition";
|
|
import { DefaultValue } from "../../../core/model/dataset-profile-definition/default-value";
|
|
import { Field } from "../../../core/model/dataset-profile-definition/field";
|
|
import { Multiplicity } from "../../../core/model/dataset-profile-definition/multiplicity";
|
|
import { Page } from "../../../core/model/dataset-profile-definition/page";
|
|
import { Rule } from "../../../core/model/dataset-profile-definition/rule";
|
|
import { Section } from "../../../core/model/dataset-profile-definition/section";
|
|
import { ViewStyle } from "../../../core/model/dataset-profile-definition/view-style";
|
|
import { BackendErrorValidator } from '@common/forms/validation/custom-validator';
|
|
import { ValidationErrorModel } from '@common/forms/validation/error-model/validation-error-model';
|
|
|
|
export class DatasetDescriptionFormEditorModel extends BaseFormModel {
|
|
|
|
public status: number;
|
|
public pages: Array<DatasetDescriptionPageEditorModel> = [];
|
|
public rules: Rule[] = [];
|
|
public validationErrorModel: ValidationErrorModel = new ValidationErrorModel();
|
|
|
|
fromModel(item: DatasetProfileDefinitionModel): DatasetDescriptionFormEditorModel {
|
|
this.status = item.status;
|
|
this.rules = item.rules;
|
|
if (item.pages) { item.pages.map(x => this.pages.push(new DatasetDescriptionPageEditorModel().fromModel(x))); }
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
const formGroup: FormGroup = new FormBuilder().group({
|
|
rules: [{ value: this.rules, disabled: false }, BackendErrorValidator(this.validationErrorModel, 'rules')]
|
|
});
|
|
const pagesFormArray = new Array<FormGroup>();
|
|
|
|
this.pages.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
pagesFormArray.push(form);
|
|
});
|
|
formGroup.addControl('pages', this.formBuilder.array(pagesFormArray));
|
|
return formGroup;
|
|
}
|
|
}
|
|
|
|
export class DatasetDescriptionPageEditorModel extends BaseFormModel {
|
|
public ordinal: number;
|
|
public title: string;
|
|
public sections: DatasetDescriptionSectionEditorModel[] = [];
|
|
|
|
fromModel(item: Page): DatasetDescriptionPageEditorModel {
|
|
this.ordinal = item.ordinal;
|
|
this.title = item.title;
|
|
if (item.sections) { item.sections.map(x => this.sections.push(new DatasetDescriptionSectionEditorModel().fromModel(x))); }
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
const formGroup: FormGroup = new FormBuilder().group({});
|
|
const sectionsFormArray = new Array<FormGroup>();
|
|
this.sections.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
sectionsFormArray.push(form);
|
|
});
|
|
formGroup.addControl('sections', this.formBuilder.array(sectionsFormArray));
|
|
formGroup.addControl('title', new FormControl({ value: this.title, disabled: true }));
|
|
formGroup.addControl('ordinal', new FormControl({ value: this.ordinal, disabled: true }));
|
|
return formGroup;
|
|
}
|
|
}
|
|
|
|
export class DatasetDescriptionSectionEditorModel extends BaseFormModel {
|
|
|
|
sections: Array<DatasetDescriptionSectionEditorModel> = new Array<DatasetDescriptionSectionEditorModel>();
|
|
defaultVisibility: boolean;
|
|
page: number;
|
|
numbering: string;
|
|
ordinal: number;
|
|
id: string;
|
|
title: string;
|
|
description: string;
|
|
compositeFields: Array<DatasetDescriptionCompositeFieldEditorModel> = new Array<DatasetDescriptionCompositeFieldEditorModel>();
|
|
|
|
fromModel(item: Section): DatasetDescriptionSectionEditorModel {
|
|
if (item.sections) { item.sections.map(x => this.sections.push(new DatasetDescriptionSectionEditorModel().fromModel(x))); }
|
|
this.page = item.page;
|
|
this.defaultVisibility = item.defaultVisibility;
|
|
this.numbering = item.numbering;
|
|
this.id = item.id;
|
|
this.title = item.title;
|
|
this.ordinal = item.ordinal;
|
|
this.description = item.description;
|
|
if (item.compositeFields) { item.compositeFields.map(x => this.compositeFields.push(new DatasetDescriptionCompositeFieldEditorModel().fromModel(x))); }
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
const formGroup: FormGroup = new FormBuilder().group({});
|
|
const sectionsFormArray = new Array<FormGroup>();
|
|
if (this.sections) {
|
|
this.sections.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
sectionsFormArray.push(form);
|
|
});
|
|
}
|
|
const compositeFieldsFormArray = new Array<FormGroup>();
|
|
if (this.compositeFields) {
|
|
this.compositeFields.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
compositeFieldsFormArray.push(form);
|
|
});
|
|
}
|
|
formGroup.addControl('compositeFields', this.formBuilder.array(compositeFieldsFormArray));
|
|
formGroup.addControl('sections', this.formBuilder.array(sectionsFormArray));
|
|
formGroup.addControl('description', new FormControl({ value: this.description, disabled: true }));
|
|
formGroup.addControl('numbering', new FormControl({ value: this.numbering, disabled: true }));
|
|
formGroup.addControl('title', new FormControl({ value: this.title, disabled: true }));
|
|
formGroup.addControl('id', new FormControl({ value: this.id, disabled: false }));
|
|
formGroup.addControl('ordinal', new FormControl({ value: this.ordinal, disabled: true }));
|
|
return formGroup;
|
|
}
|
|
}
|
|
|
|
export class DatasetDescriptionCompositeFieldEditorModel extends BaseFormModel {
|
|
|
|
fields: Array<DatasetDescriptionFieldEditorModel> = new Array<DatasetDescriptionFieldEditorModel>();
|
|
ordinal: number;
|
|
id: string;
|
|
numbering: string;
|
|
multiplicity: DatasetDescriptionMultiplicityEditorModel;
|
|
multiplicityItems: DatasetDescriptionCompositeFieldEditorModel[] = [];
|
|
title: string;
|
|
description: string;
|
|
extendedDescription: string;
|
|
additionalInformation: string;
|
|
hasCommentField: boolean;
|
|
commentFieldValue: string;
|
|
|
|
fromModel(item: CompositeField): DatasetDescriptionCompositeFieldEditorModel {
|
|
|
|
if (item.fields) { item.fields.map(x => this.fields.push(new DatasetDescriptionFieldEditorModel().fromModel(x))); }
|
|
this.ordinal = item.ordinal;
|
|
this.id = item.id;
|
|
this.title = item.title;
|
|
this.numbering = item.numbering;
|
|
this.description = item.description;
|
|
this.extendedDescription = item.extendedDescription;
|
|
this.additionalInformation = item.additionalInformation;
|
|
this.hasCommentField = item.hasCommentField;
|
|
this.commentFieldValue = item.commentFieldValue;
|
|
if (item.multiplicity) this.multiplicity = new DatasetDescriptionMultiplicityEditorModel().fromModel(item.multiplicity);
|
|
if (item.multiplicityItems) { item.multiplicityItems.map(x => this.multiplicityItems.push(new DatasetDescriptionCompositeFieldEditorModel().fromModel(x))); }
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
const formGroup = this.formBuilder.group({
|
|
id: this.id,
|
|
ordinal: this.ordinal,
|
|
extendedDescription: this.extendedDescription,
|
|
additionalInformation: this.additionalInformation,
|
|
hasCommentField: this.hasCommentField,
|
|
commentFieldValue: this.commentFieldValue,
|
|
multiplicity: [{ value: this.multiplicity, disabled: true }],
|
|
title: [{ value: this.title, disabled: true }],
|
|
description: [{ value: this.description, disabled: true }],
|
|
numbering: [{ value: this.numbering, disabled: true }],
|
|
});
|
|
|
|
const fieldsFormArray = new Array<FormGroup>();
|
|
this.fields.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
fieldsFormArray.push(form);
|
|
});
|
|
formGroup.addControl('fields', this.formBuilder.array(fieldsFormArray));
|
|
|
|
const multiplicityItemsFormArray = new Array<FormGroup>();
|
|
this.multiplicityItems.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
multiplicityItemsFormArray.push(form);
|
|
});
|
|
formGroup.addControl('multiplicityItems', this.formBuilder.array(multiplicityItemsFormArray));
|
|
|
|
return formGroup;
|
|
}
|
|
|
|
// cloneForMultiplicity(index: number): DatasetDescriptionCompositeFieldEditorModel {
|
|
// const newItem: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel();
|
|
// newItem.id = 'multiple_' + this.id + '_' + index;
|
|
// this.fields.forEach(field => {
|
|
// newItem.fields.push(field.cloneForMultiplicity(this.fields.indexOf(field), newItem.id + '_'));
|
|
// });
|
|
// newItem.ordinal = this.ordinal;
|
|
// return newItem;
|
|
// }
|
|
|
|
cloneForMultiplicity(item: CompositeField, ordinal: number, idMappings: { old: string, new: string }[] = []): DatasetDescriptionCompositeFieldEditorModel {
|
|
const newItem: DatasetDescriptionCompositeFieldEditorModel = new DatasetDescriptionCompositeFieldEditorModel();
|
|
newItem.id = 'multiple_' + item.id + '_' + Guid.create() + '_' + ordinal;
|
|
|
|
idMappings.push({ old: item.id, new: newItem.id });
|
|
item.fields.forEach((field, index) => {
|
|
|
|
const clonedItem = new DatasetDescriptionFieldEditorModel().cloneForMultiplicity(field, newItem.id)
|
|
newItem.fields.push(clonedItem);
|
|
|
|
idMappings.push({ old: field.id, new: clonedItem.id });
|
|
});
|
|
newItem.ordinal = ordinal;
|
|
return newItem;
|
|
}
|
|
}
|
|
|
|
export class DatasetDescriptionFieldEditorModel extends BaseFormModel {
|
|
|
|
public id: string;
|
|
public title: string;
|
|
public value: any;
|
|
public defaultValue: DefaultValue;
|
|
public description: string;
|
|
public numbering: string;
|
|
public extendedDescription: string;
|
|
public additionalInformation: string;
|
|
public viewStyle: ViewStyle;
|
|
public defaultVisibility: boolean;
|
|
public page: number;
|
|
public multiplicity: DatasetDescriptionMultiplicityEditorModel;
|
|
public multiplicityItems: Array<DatasetDescriptionFieldEditorModel> = new Array<DatasetDescriptionFieldEditorModel>();
|
|
public data: any;
|
|
public validations: Array<ValidationType>;
|
|
public validationRequired = false;
|
|
public validationURL = false;
|
|
public ordinal: number;
|
|
|
|
fromModel(item: Field): DatasetDescriptionFieldEditorModel {
|
|
this.id = item.id;
|
|
this.ordinal = item.ordinal;
|
|
this.title = item.title;
|
|
this.numbering = item.numbering;
|
|
this.description = item.description;
|
|
this.extendedDescription = item.extendedDescription;
|
|
this.additionalInformation = item.additionalInformation;
|
|
this.viewStyle = item.viewStyle;
|
|
this.defaultVisibility = item.defaultVisibility;
|
|
this.page = item.page;
|
|
this.validations = item.validations;
|
|
if (item.multiplicity) this.multiplicity = new DatasetDescriptionMultiplicityEditorModel().fromModel(item.multiplicity);
|
|
if (item.defaultValue) this.defaultValue = new DatasetDescriptionDefaultValueEditorModel().fromModel(item.defaultValue);
|
|
this.value = item.value ? item.value : (this.defaultValue.value ? this.defaultValue.value : undefined);
|
|
if (this.viewStyle.renderStyle === 'checkBox' && (item.value !== true)) { this.value = this.value === 'true'; } //Cover both posibilites of boolean true or false and string 'true' or 'false'
|
|
if (item.multiplicityItems) { item.multiplicityItems.map(x => this.multiplicityItems.push(new DatasetDescriptionFieldEditorModel().fromModel(x))); }
|
|
this.data = item.data;
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
if (this.validations) {
|
|
this.validations.forEach(validation => {
|
|
if (validation === ValidationType.Required) {
|
|
this.validationRequired = true;
|
|
} else if (validation === ValidationType.URL) {
|
|
this.validationURL = true;
|
|
}
|
|
});
|
|
}
|
|
let validators: any[] = [];
|
|
if (this.validationRequired) {
|
|
validators.push(Validators.required)
|
|
}
|
|
if (this.validationURL) {
|
|
validators.push(ValidatorURL.validator);
|
|
}
|
|
const formGroup = this.formBuilder.group({
|
|
value: [this.value, validators],
|
|
id: [{ value: this.id, disabled: false }],
|
|
viewStyle: [{ value: this.viewStyle, disabled: true }],
|
|
data: [{ value: this.data, disabled: true }],
|
|
validationRequired: [{ value: this.validationRequired, disabled: true }],
|
|
validationURL: [{ value: this.validationURL, disabled: true }],
|
|
description: [{ value: this.description, disabled: true }],
|
|
extendedDescription: [{ value: this.extendedDescription, disabled: true }],
|
|
additionalInformation: [{ value: this.additionalInformation, disabled: true }],
|
|
title: [{ value: this.title, disabled: true }],
|
|
defaultValue: [{ value: this.defaultValue, disabled: true }],
|
|
ordinal: [{ value: this.ordinal, disabled: true }]
|
|
});
|
|
|
|
const multiplicityItemsFormArray = new Array<FormGroup>();
|
|
this.multiplicityItems.forEach(item => {
|
|
const form: FormGroup = item.buildForm();
|
|
multiplicityItemsFormArray.push(form);
|
|
});
|
|
formGroup.addControl('multiplicityItems', this.formBuilder.array(multiplicityItemsFormArray));
|
|
|
|
return formGroup;
|
|
}
|
|
|
|
// cloneForMultiplicity(index: number, idPath: string): DatasetDescriptionFieldEditorModel {
|
|
// const newItem: DatasetDescriptionFieldEditorModel = new DatasetDescriptionFieldEditorModel();
|
|
|
|
// newItem.id = idPath ? idPath + index : 'multiple_' + this.id + '_' + index;
|
|
// newItem.title = this.title;
|
|
// newItem.description = this.description;
|
|
// newItem.extendedDescription = this.extendedDescription;
|
|
// newItem.viewStyle = this.viewStyle;
|
|
// newItem.defaultVisibility = this.defaultVisibility;
|
|
// newItem.page = this.page;
|
|
// newItem.multiplicity = null;
|
|
// newItem.data = this.data;
|
|
|
|
// return newItem;
|
|
// }
|
|
cloneForMultiplicity(item: Field, idPath: string): DatasetDescriptionFieldEditorModel {
|
|
const newItem: DatasetDescriptionFieldEditorModel = new DatasetDescriptionFieldEditorModel();
|
|
|
|
//newItem.id = idPath ? idPath : 'multiple_' + item.id + '_' + Guid.create();
|
|
newItem.id = idPath ? idPath + '_' + item.id : 'multiple_' + Guid.create() + '_' + item.id;
|
|
newItem.title = item.title;
|
|
newItem.description = item.description;
|
|
newItem.extendedDescription = item.extendedDescription;
|
|
newItem.additionalInformation = item.additionalInformation;
|
|
newItem.viewStyle = item.viewStyle;
|
|
newItem.defaultVisibility = item.defaultVisibility;
|
|
newItem.page = item.page;
|
|
newItem.multiplicity = null;
|
|
newItem.data = item.data;
|
|
|
|
return newItem;
|
|
}
|
|
}
|
|
|
|
|
|
export class DatasetDescriptionMultiplicityEditorModel extends BaseFormModel {
|
|
public min: number;
|
|
public max: number;
|
|
public placeholder: string;
|
|
|
|
fromModel(item: Multiplicity): DatasetDescriptionMultiplicityEditorModel {
|
|
this.min = item.min;
|
|
this.max = item.max;
|
|
this.placeholder = item.placeholder;
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
const formGroup = this.formBuilder.group({
|
|
min: [this.min],
|
|
max: [this.max],
|
|
placeholder: [this.placeholder]
|
|
});
|
|
return formGroup;
|
|
}
|
|
}
|
|
|
|
export class DatasetDescriptionDefaultValueEditorModel extends BaseFormModel {
|
|
public type: string;
|
|
public value: string;
|
|
|
|
fromModel(item: DefaultValue): DatasetDescriptionDefaultValueEditorModel {
|
|
this.type = item.type;
|
|
this.value = item.value;
|
|
return this;
|
|
}
|
|
|
|
buildForm(): FormGroup {
|
|
const formGroup = this.formBuilder.group({
|
|
type: [this.type],
|
|
value: [this.value]
|
|
});
|
|
return formGroup;
|
|
}
|
|
}
|