2019-01-18 18:03:45 +01:00
|
|
|
|
|
2021-02-24 15:56:14 +01:00
|
|
|
|
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
|
2021-03-04 13:38:46 +01:00
|
|
|
|
import { AbstractControl, AbstractControlOptions, FormArray, FormControl, FormGroup, FormGroupDirective, NgForm, ValidationErrors, ValidatorFn } from '@angular/forms';
|
2019-12-11 15:51:03 +01:00
|
|
|
|
import { DatasetProfileFieldViewStyle } from '@app/core/common/enum/dataset-profile-field-view-style';
|
|
|
|
|
import { ValidationType } from '@app/core/common/enum/validation-type';
|
|
|
|
|
import { DatasetProfileService } from '@app/core/services/dataset-profile/dataset-profile.service';
|
|
|
|
|
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
|
|
|
|
|
import { BooleanDecisionFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/boolean-decision-field-data-editor-model';
|
|
|
|
|
import { CheckBoxFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/check-box-field-data-editor-model';
|
|
|
|
|
import { DatePickerDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/date-picker-data-editor-models';
|
|
|
|
|
import { FreeTextFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/free-text-field-data-editor-model';
|
|
|
|
|
import { RadioBoxFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/radio-box-field-data-editor-model';
|
|
|
|
|
import { ResearchersAutoCompleteFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/researchers-auto-complete-field-data-editor-model';
|
|
|
|
|
import { TextAreaFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/text-area-field-data-editor-model';
|
|
|
|
|
import { WordListFieldDataEditorModel } from '@app/ui/admin/dataset-profile/admin/field-data/word-list-field-data-editor-model';
|
|
|
|
|
import { RuleEditorModel } from '@app/ui/admin/dataset-profile/admin/rule-editor-model';
|
|
|
|
|
import { BaseComponent } from '@common/base/base.component';
|
2021-03-03 11:10:11 +01:00
|
|
|
|
import { debounce, debounceTime, takeUntil } from 'rxjs/operators';
|
2020-06-04 17:37:30 +02:00
|
|
|
|
import { ExternalDatasetEditorModel } from '@app/ui/dataset/dataset-wizard/dataset-wizard-editor.model';
|
|
|
|
|
import { DataRepositoriesDataEditorModel } from '../../../admin/field-data/data-repositories-data-editor-models';
|
|
|
|
|
import { RegistriesDataEditorModel } from '../../../admin/field-data/registries-data-editor-models';
|
|
|
|
|
import { ServicesDataEditorModel } from '../../../admin/field-data/services-data-editor-models';
|
|
|
|
|
import { TagsDataEditorModel } from '../../../admin/field-data/tags-data-editor-models';
|
|
|
|
|
import { ResearchersDataEditorModel } from '../../../admin/field-data/researchers-data-editor-models';
|
|
|
|
|
import { OrganizationsDataEditorModel } from '../../../admin/field-data/organizations-data-editor-models';
|
|
|
|
|
import { DatasetIdentifierDataEditorModel } from '../../../admin/field-data/dataset-identifier-data-editor-models';
|
|
|
|
|
import { ExternalDatasetsDataEditorModel } from '../../../admin/field-data/external-datasets-data-editor-models';
|
2020-06-25 12:00:29 +02:00
|
|
|
|
import { CurrencyDataEditorModel } from '../../../admin/field-data/currency-data-editor-models';
|
2020-11-05 17:32:19 +01:00
|
|
|
|
import { ValidationDataEditorModel } from '../../../admin/field-data/validation-data-editor-models';
|
2021-02-12 12:23:39 +01:00
|
|
|
|
import { DatasetDescriptionFieldEditorModel } from '@app/ui/misc/dataset-description-form/dataset-description-form.model';
|
2021-03-03 11:10:11 +01:00
|
|
|
|
import { Subject, Subscription } from 'rxjs';
|
2021-02-17 17:39:07 +01:00
|
|
|
|
import { ViewStyleType } from './view-style-enum';
|
|
|
|
|
import { AutoCompleteFieldDataEditorModel } from '../../../admin/field-data/auto-complete-field-data-editor-model';
|
|
|
|
|
import { DatasetsAutoCompleteFieldDataEditorModel } from '../../../admin/field-data/datasets-autocomplete-field-data-editor-mode';
|
|
|
|
|
import { DatasetProfileComboBoxType } from '@app/core/common/enum/dataset-profile-combo-box-type';
|
2021-02-24 15:56:14 +01:00
|
|
|
|
import { Guid } from '@common/types/guid';
|
2021-03-01 10:28:27 +01:00
|
|
|
|
import { ErrorStateMatcher, MatSlideToggleChange } from '@angular/material';
|
2021-03-03 11:10:11 +01:00
|
|
|
|
import { DefaultValueEditorModel } from '../../../admin/default-value-editor-model';
|
2021-03-08 10:24:30 +01:00
|
|
|
|
import { EditorCustomValidators } from '../../custom-validators/editor-custom-validators';
|
2019-01-18 18:03:45 +01:00
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
|
selector: 'app-dataset-profile-editor-field-component',
|
|
|
|
|
templateUrl: './dataset-profile-editor-field.component.html',
|
|
|
|
|
styleUrls: ['./dataset-profile-editor-field.component.scss']
|
|
|
|
|
})
|
2021-03-01 17:42:18 +01:00
|
|
|
|
export class DatasetProfileEditorFieldComponent extends BaseComponent implements OnInit, ErrorStateMatcher {
|
2019-02-11 13:04:45 +01:00
|
|
|
|
@Input() viewOnly: boolean;
|
2019-01-18 18:03:45 +01:00
|
|
|
|
@Input() form: FormGroup;
|
|
|
|
|
@Input() showOrdinal = true;
|
|
|
|
|
@Input() indexPath: string;
|
2019-01-28 14:05:19 +01:00
|
|
|
|
validationTypeEnum = ValidationType;
|
2019-01-18 18:03:45 +01:00
|
|
|
|
viewStyleEnum = DatasetProfileFieldViewStyle;
|
2021-03-03 11:10:11 +01:00
|
|
|
|
// isFieldMultiplicityEnabled = false;
|
2019-01-18 18:03:45 +01:00
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
viewType: ViewStyleType;
|
|
|
|
|
viewTypeEnum = ViewStyleType;
|
2021-03-03 11:10:11 +01:00
|
|
|
|
private subject$:Subject<DatasetDescriptionFieldEditorModel> = new Subject<DatasetDescriptionFieldEditorModel>();
|
|
|
|
|
|
2021-03-08 10:24:30 +01:00
|
|
|
|
private myCustomValidators = new EditorCustomValidators();
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
|
|
|
|
|
2021-02-12 12:23:39 +01:00
|
|
|
|
@Input() expandView: boolean = true;
|
2021-03-12 17:19:51 +01:00
|
|
|
|
@Input() canBeDeleted:boolean = true;
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
|
|
@Output() delete = new EventEmitter<void>();
|
|
|
|
|
|
2019-01-18 18:03:45 +01:00
|
|
|
|
constructor(
|
2019-10-15 17:29:34 +02:00
|
|
|
|
public enumUtils: EnumUtils,
|
|
|
|
|
public datasetProfileService: DatasetProfileService
|
2021-03-03 11:10:11 +01:00
|
|
|
|
) { super();
|
|
|
|
|
|
|
|
|
|
}
|
2019-01-18 18:03:45 +01:00
|
|
|
|
|
2021-03-01 17:42:18 +01:00
|
|
|
|
|
|
|
|
|
isErrorState(control: FormControl, form: FormGroupDirective | NgForm): boolean {
|
|
|
|
|
|
|
|
|
|
if(this.form.get('viewStyle').untouched) return false;
|
|
|
|
|
|
|
|
|
|
return this.form.get('viewStyle').invalid;
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-18 18:03:45 +01:00
|
|
|
|
ngOnInit() {
|
2021-03-03 11:10:11 +01:00
|
|
|
|
|
|
|
|
|
this.subject$.pipe(takeUntil(this._destroyed)).pipe(debounceTime(600)).subscribe(model=>{
|
|
|
|
|
this.previewForm = model.buildForm();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-02-12 12:23:39 +01:00
|
|
|
|
this.showPreview = true;
|
2021-03-03 11:10:11 +01:00
|
|
|
|
// if (this.form.get('multiplicity')) {
|
|
|
|
|
// if (this.form.get('multiplicity').value.min > 1 && this.form.get('multiplicity').value.max > 1) {
|
|
|
|
|
// this.isFieldMultiplicityEnabled = true;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
2019-01-28 14:05:19 +01:00
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
if(this.form.get('viewStyle').get('renderStyle').value){
|
2021-03-01 17:42:18 +01:00
|
|
|
|
|
|
|
|
|
// this.matcher.setReference(this.form);
|
2021-02-17 17:39:07 +01:00
|
|
|
|
const type = this.form.get('viewStyle').get('renderStyle').value;
|
|
|
|
|
|
|
|
|
|
switch(type){
|
|
|
|
|
case DatasetProfileFieldViewStyle.BooleanDecision:
|
|
|
|
|
this.viewType = this.viewTypeEnum.BooleanDecision;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.CheckBox:
|
|
|
|
|
this.viewType = this.viewTypeEnum.CheckBox;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.ComboBox:
|
|
|
|
|
|
|
|
|
|
const comboType = this.form.get('data').get('type').value;
|
|
|
|
|
if(comboType === DatasetProfileComboBoxType.Autocomplete){
|
|
|
|
|
this.viewType = this.viewTypeEnum.Other;
|
|
|
|
|
}else if(comboType === DatasetProfileComboBoxType.WordList){
|
|
|
|
|
this.viewType = this.viewTypeEnum.Select;
|
2019-01-28 14:05:19 +01:00
|
|
|
|
}
|
2021-02-17 17:39:07 +01:00
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.InternalDmpEntities:
|
|
|
|
|
this.viewType = this.viewTypeEnum.InternalDmpEntities;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.FreeText:
|
|
|
|
|
this.viewType = this.viewTypeEnum.FreeText;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.RadioBox:
|
|
|
|
|
this.viewType = this.viewTypeEnum.RadioBox;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.TextArea:
|
|
|
|
|
this.viewType = this.viewTypeEnum.TextArea;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.DatePicker:
|
|
|
|
|
this.viewType = this.viewTypeEnum.DatePicker;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.ExternalDatasets:
|
|
|
|
|
this.viewType = this.viewTypeEnum.ExternalDatasets;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.DataRepositories:
|
|
|
|
|
this.viewType = this.viewTypeEnum.DataRepositories;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Registries:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Registries;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Services:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Services;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Tags:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Tags;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Researchers:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Researchers;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Organizations:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Organizations;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.DatasetIdentifier:
|
|
|
|
|
this.viewType = this.viewTypeEnum.DatasetIdentifier;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Currency:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Currency;
|
|
|
|
|
break;
|
|
|
|
|
case DatasetProfileFieldViewStyle.Validation:
|
|
|
|
|
this.viewType = this.viewTypeEnum.Validation;
|
|
|
|
|
break;
|
|
|
|
|
}
|
2021-02-12 12:23:39 +01:00
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
}
|
2021-02-12 12:23:39 +01:00
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// this.addNewRule();
|
|
|
|
|
|
|
|
|
|
// this.form.get('viewStyle').get('renderStyle').valueChanges
|
|
|
|
|
// .pipe(takeUntil(this._destroyed))
|
|
|
|
|
// .subscribe(x => {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // const previewStatus = this.showPreview;
|
|
|
|
|
// //!! Important to be before the if statement
|
|
|
|
|
// this.showPreview = false;
|
|
|
|
|
|
|
|
|
|
// if (this.form.get('data')) {
|
|
|
|
|
// this.form.removeControl('data');
|
|
|
|
|
|
|
|
|
|
// switch (x) {
|
|
|
|
|
// case DatasetProfileFieldViewStyle.BooleanDecision:
|
|
|
|
|
// this.form.addControl('data', new BooleanDecisionFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.CheckBox:
|
|
|
|
|
// this.form.addControl('data', new CheckBoxFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.ComboBox:
|
|
|
|
|
// this.form.addControl('data', new WordListFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.InternalDmpEntities:
|
|
|
|
|
// this.form.addControl('data', new ResearchersAutoCompleteFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.FreeText:
|
|
|
|
|
// this.form.addControl('data', new FreeTextFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.RadioBox:
|
|
|
|
|
// this.form.addControl('data', new RadioBoxFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.TextArea:
|
|
|
|
|
// this.form.addControl('data', new TextAreaFieldDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.DatePicker:
|
|
|
|
|
// this.form.addControl('data', new DatePickerDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.ExternalDatasets:
|
|
|
|
|
// this.form.addControl('data', new ExternalDatasetsDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.DataRepositories:
|
|
|
|
|
// this.form.addControl('data', new DataRepositoriesDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Registries:
|
|
|
|
|
// this.form.addControl('data', new RegistriesDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Services:
|
|
|
|
|
// this.form.addControl('data', new ServicesDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Tags:
|
|
|
|
|
// this.form.addControl('data', new TagsDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Researchers:
|
|
|
|
|
// this.form.addControl('data', new ResearchersDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Organizations:
|
|
|
|
|
// this.form.addControl('data', new OrganizationsDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.DatasetIdentifier:
|
|
|
|
|
// this.form.addControl('data', new DatasetIdentifierDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Currency:
|
|
|
|
|
// this.form.addControl('data', new CurrencyDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// case DatasetProfileFieldViewStyle.Validation:
|
|
|
|
|
// this.form.addControl('data', new ValidationDataEditorModel().buildForm());
|
|
|
|
|
// break;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// //reset the preview status
|
|
|
|
|
// // this.showPreview = previewStatus;
|
|
|
|
|
// this.showPreview = true;
|
|
|
|
|
// });
|
2019-01-18 18:03:45 +01:00
|
|
|
|
}
|
|
|
|
|
|
2019-02-08 10:04:12 +01:00
|
|
|
|
defaulValueRequired(viewStile: DatasetProfileFieldViewStyle): boolean {
|
|
|
|
|
switch (viewStile) {
|
|
|
|
|
case DatasetProfileFieldViewStyle.CheckBox:
|
|
|
|
|
return true;
|
|
|
|
|
case DatasetProfileFieldViewStyle.RadioBox:
|
|
|
|
|
case DatasetProfileFieldViewStyle.TextArea:
|
|
|
|
|
case DatasetProfileFieldViewStyle.FreeText:
|
|
|
|
|
case DatasetProfileFieldViewStyle.ComboBox:
|
2019-07-16 15:41:12 +02:00
|
|
|
|
case DatasetProfileFieldViewStyle.InternalDmpEntities:
|
2019-02-08 10:04:12 +01:00
|
|
|
|
case DatasetProfileFieldViewStyle.BooleanDecision:
|
2019-02-15 11:26:14 +01:00
|
|
|
|
case DatasetProfileFieldViewStyle.DatePicker:
|
2020-06-04 17:37:30 +02:00
|
|
|
|
case DatasetProfileFieldViewStyle.ExternalDatasets:
|
|
|
|
|
case DatasetProfileFieldViewStyle.DataRepositories:
|
|
|
|
|
case DatasetProfileFieldViewStyle.Registries:
|
|
|
|
|
case DatasetProfileFieldViewStyle.Services:
|
|
|
|
|
case DatasetProfileFieldViewStyle.Tags:
|
|
|
|
|
case DatasetProfileFieldViewStyle.Registries:
|
|
|
|
|
case DatasetProfileFieldViewStyle.Organizations:
|
|
|
|
|
case DatasetProfileFieldViewStyle.DatasetIdentifier:
|
2020-06-25 12:00:29 +02:00
|
|
|
|
case DatasetProfileFieldViewStyle.Currency:
|
2020-11-05 17:32:19 +01:00
|
|
|
|
case DatasetProfileFieldViewStyle.Validation:
|
2019-02-08 10:04:12 +01:00
|
|
|
|
return false;
|
|
|
|
|
default:
|
2019-02-11 13:04:45 +01:00
|
|
|
|
return false;
|
2019-02-08 10:04:12 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-03-03 11:10:11 +01:00
|
|
|
|
// onIsFieldMultiplicityEnabledChange(isFieldMultiplicityEnabled: boolean) {
|
|
|
|
|
// if (!isFieldMultiplicityEnabled) {
|
|
|
|
|
// (<FormControl>this.form.get('multiplicity').get('min')).setValue(0);
|
|
|
|
|
// (<FormControl>this.form.get('multiplicity').get('max')).setValue(0);
|
|
|
|
|
// }
|
|
|
|
|
// }
|
2019-01-18 18:03:45 +01:00
|
|
|
|
|
|
|
|
|
addNewRule() {
|
|
|
|
|
const rule: RuleEditorModel = new RuleEditorModel();
|
|
|
|
|
(<FormArray>this.form.get('visible').get('rules')).push(rule.buildForm());
|
|
|
|
|
}
|
2021-02-12 12:23:39 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
private _formChangesSubscription:Subscription;
|
|
|
|
|
private _showPreview: boolean = false;;
|
|
|
|
|
|
|
|
|
|
get showPreview(): boolean{
|
|
|
|
|
|
|
|
|
|
return this._showPreview;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
set showPreview(value:boolean){
|
|
|
|
|
if(value == false){//hide preview
|
|
|
|
|
//close subsciption
|
|
|
|
|
if(this._formChangesSubscription){
|
|
|
|
|
this._formChangesSubscription.unsubscribe();
|
|
|
|
|
this._formChangesSubscription = null;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(value == true){
|
2021-02-15 18:16:48 +01:00
|
|
|
|
//value is already true
|
|
|
|
|
if(this._showPreview){
|
|
|
|
|
if(this._formChangesSubscription){
|
|
|
|
|
this._formChangesSubscription.unsubscribe();
|
|
|
|
|
this._formChangesSubscription = null;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-12 12:23:39 +01:00
|
|
|
|
//initialize
|
|
|
|
|
if(this.form.get('viewStyle').get('renderStyle').value){
|
2021-02-17 17:39:07 +01:00
|
|
|
|
this._generatePreviewForm();
|
2021-02-12 12:23:39 +01:00
|
|
|
|
}
|
2021-02-17 17:39:07 +01:00
|
|
|
|
this._formChangesSubscription = this.form.valueChanges.subscribe(()=>{
|
|
|
|
|
this._generatePreviewForm();
|
|
|
|
|
});
|
2021-02-12 12:23:39 +01:00
|
|
|
|
}
|
|
|
|
|
this._showPreview = value;
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
2021-02-12 12:23:39 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
previewForm: FormGroup;
|
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
private _generatePreviewForm(){
|
2021-02-15 18:16:48 +01:00
|
|
|
|
|
|
|
|
|
if(!this.form.get('data')){
|
|
|
|
|
return;
|
|
|
|
|
}
|
2021-02-12 12:23:39 +01:00
|
|
|
|
this.previewForm = null;
|
|
|
|
|
const fieldEditorModel = new DatasetDescriptionFieldEditorModel();
|
|
|
|
|
|
|
|
|
|
fieldEditorModel.viewStyle= {
|
|
|
|
|
renderStyle: this.form.get('viewStyle').get('renderStyle').value,
|
|
|
|
|
cssClass: null
|
|
|
|
|
};
|
|
|
|
|
|
2021-02-12 15:27:35 +01:00
|
|
|
|
fieldEditorModel.data = (this.form.get('data') as FormGroup).getRawValue();
|
2021-02-12 12:23:39 +01:00
|
|
|
|
fieldEditorModel.value = this.form.get('defaultValue').get('value').value;
|
|
|
|
|
fieldEditorModel.validationRequired = (this.form.get('validations').value as Array<ValidationType>).includes(ValidationType.Required);
|
|
|
|
|
|
|
|
|
|
if(this.form.get('viewStyle').get('renderStyle').value == DatasetProfileFieldViewStyle.CheckBox){
|
|
|
|
|
fieldEditorModel.value = this.form.get('defaultValue').get('value').value === 'true';
|
|
|
|
|
}
|
2021-02-17 17:39:07 +01:00
|
|
|
|
// if(this.form.get('viewStyle').get('renderStyle').value == DatasetProfileFieldViewStyle.Researchers){
|
|
|
|
|
// fieldEditorModel.data = new ResearchersAutoCompleteFieldDataEditorModel().buildForm().getRawValue();
|
|
|
|
|
// }
|
2021-02-12 12:23:39 +01:00
|
|
|
|
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
2021-03-03 11:10:11 +01:00
|
|
|
|
// const myTicket = Guid.create().toString();
|
|
|
|
|
// this.validTicket = myTicket;
|
|
|
|
|
// setTimeout(() => { //TODO
|
|
|
|
|
// //user hasnt make any new change to inputs /show preview
|
|
|
|
|
// if(myTicket === this.validTicket){
|
|
|
|
|
// this.previewForm = fieldEditorModel.buildForm();
|
|
|
|
|
// }
|
|
|
|
|
// }, 600);
|
|
|
|
|
|
|
|
|
|
this.subject$.next(fieldEditorModel);
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
// this.previewForm = fieldEditorModel.buildForm();
|
|
|
|
|
// });
|
2021-02-12 12:23:39 +01:00
|
|
|
|
};
|
|
|
|
|
|
2021-03-03 11:10:11 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// validTicket:string;
|
2021-02-12 12:23:39 +01:00
|
|
|
|
// generatePreview(){
|
|
|
|
|
// const fieldEditorModel = new DatasetDescriptionFieldEditorModel();
|
|
|
|
|
|
|
|
|
|
// fieldEditorModel.viewStyle= {
|
|
|
|
|
// renderStyle: this.form.get('viewStyle').get('renderStyle').value,
|
|
|
|
|
// cssClass: null
|
|
|
|
|
// };
|
|
|
|
|
// fieldEditorModel.defaultValue = this.form.get('defaultValue').value;
|
|
|
|
|
// switch (this.form.get('viewStyle').get('renderStyle').value) {
|
|
|
|
|
// case DatasetProfileFieldViewStyle.TextArea:
|
|
|
|
|
// fieldEditorModel.data = {
|
|
|
|
|
// label: this.form.get('data').get('label').value
|
|
|
|
|
// };
|
|
|
|
|
// break;
|
|
|
|
|
|
|
|
|
|
// default:
|
|
|
|
|
// break;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// // this.previewForm = fieldEditorModel.buildForm();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// }
|
2021-02-17 17:39:07 +01:00
|
|
|
|
onInputTypeChange(){
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const x = this.viewType;
|
|
|
|
|
|
|
|
|
|
this.showPreview = false;
|
|
|
|
|
|
|
|
|
|
if (this.form.get('data')) {
|
|
|
|
|
this.form.removeControl('data');
|
|
|
|
|
}
|
2021-03-03 11:10:11 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.form.removeControl('defaultValue');
|
|
|
|
|
const defaultValueModel = new DefaultValueEditorModel();
|
|
|
|
|
this.form.addControl('defaultValue',defaultValueModel.buildForm());
|
2021-02-17 17:39:07 +01:00
|
|
|
|
|
|
|
|
|
switch (x) {
|
|
|
|
|
case this.viewTypeEnum.BooleanDecision:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.BooleanDecision)
|
|
|
|
|
this.form.addControl('data', new BooleanDecisionFieldDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.CheckBox:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.CheckBox)
|
|
|
|
|
this.form.addControl('data', new CheckBoxFieldDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Select:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.ComboBox)
|
|
|
|
|
this.form.addControl('data', new WordListFieldDataEditorModel().buildForm());
|
2021-03-04 13:38:46 +01:00
|
|
|
|
|
2021-03-12 17:19:51 +01:00
|
|
|
|
this.form.get('data').setValidators(this.myCustomValidators.atLeastOneElementListValidator('options'));
|
2021-03-04 13:38:46 +01:00
|
|
|
|
this.form.get('data').updateValueAndValidity();
|
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Other:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.ComboBox)
|
|
|
|
|
this.form.addControl('data', new AutoCompleteFieldDataEditorModel().buildForm()); //TODO SEE
|
2021-03-04 13:38:46 +01:00
|
|
|
|
|
2021-03-12 17:19:51 +01:00
|
|
|
|
this.form.get('data').setValidators(this.myCustomValidators.atLeastOneElementListValidator('autoCompleteSingleDataList'));
|
2021-03-04 13:38:46 +01:00
|
|
|
|
this.form.get('data').updateValueAndValidity();
|
|
|
|
|
|
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.InternalDmpEntities:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.InternalDmpEntities)
|
|
|
|
|
this.form.addControl('data', new ResearchersAutoCompleteFieldDataEditorModel().buildForm());//TODO TO SEE
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.FreeText:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.FreeText)
|
|
|
|
|
this.form.addControl('data', new FreeTextFieldDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.RadioBox:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.RadioBox)
|
|
|
|
|
this.form.addControl('data', new RadioBoxFieldDataEditorModel().buildForm());
|
2021-03-04 13:38:46 +01:00
|
|
|
|
|
2021-03-12 17:19:51 +01:00
|
|
|
|
this.form.get('data').setValidators(this.myCustomValidators.atLeastOneElementListValidator('options'));
|
2021-03-04 13:38:46 +01:00
|
|
|
|
this.form.get('data').updateValueAndValidity();
|
|
|
|
|
|
2021-02-17 17:39:07 +01:00
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.TextArea:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.TextArea)
|
|
|
|
|
this.form.addControl('data', new TextAreaFieldDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.DatePicker:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.DatePicker)
|
|
|
|
|
this.form.addControl('data', new DatePickerDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.ExternalDatasets:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.ExternalDatasets)
|
|
|
|
|
this.form.addControl('data', new ExternalDatasetsDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.DataRepositories:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.DataRepositories)
|
|
|
|
|
this.form.addControl('data', new DataRepositoriesDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Registries:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Registries)
|
|
|
|
|
this.form.addControl('data', new RegistriesDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Services:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Services)
|
|
|
|
|
this.form.addControl('data', new ServicesDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Tags:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Tags)
|
|
|
|
|
this.form.addControl('data', new TagsDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Researchers:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Researchers)
|
|
|
|
|
// this.form.addControl('data', new ResearchersDataEditorModel().buildForm()); //TODO TO ASK
|
|
|
|
|
this.form.addControl('data', new ResearchersAutoCompleteFieldDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Organizations:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Organizations)
|
2021-03-03 11:10:11 +01:00
|
|
|
|
this.form.addControl('data', new OrganizationsDataEditorModel().buildForm());
|
2021-02-17 17:39:07 +01:00
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.DatasetIdentifier:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.DatasetIdentifier)
|
|
|
|
|
this.form.addControl('data', new DatasetIdentifierDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Currency:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Currency)
|
|
|
|
|
this.form.addControl('data', new CurrencyDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
case this.viewTypeEnum.Validation:
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').setValue(DatasetProfileFieldViewStyle.Validation)
|
|
|
|
|
this.form.addControl('data', new ValidationDataEditorModel().buildForm());
|
|
|
|
|
break;
|
|
|
|
|
}
|
2021-03-12 17:19:51 +01:00
|
|
|
|
|
|
|
|
|
this.form.get('data').updateValueAndValidity();
|
|
|
|
|
this.form.get('viewStyle').get('renderStyle').updateValueAndValidity();
|
|
|
|
|
this.form.updateValueAndValidity();
|
2021-02-17 17:39:07 +01:00
|
|
|
|
setTimeout(() => { //TODO
|
|
|
|
|
this.showPreview = true;
|
|
|
|
|
});
|
|
|
|
|
}
|
2021-02-24 15:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
toggleRequired(event:MatSlideToggleChange){
|
|
|
|
|
|
|
|
|
|
let validationsControl = this.form.get('validations') as FormControl;
|
|
|
|
|
let validations: Array<ValidationType> = validationsControl.value;
|
|
|
|
|
|
|
|
|
|
if(event.checked){
|
|
|
|
|
if(!validations.includes(ValidationType.Required)){//IS ALREADY REQUIRED
|
|
|
|
|
// validationsControl.setValue(validations.filter(validator=> validator != ValidationType.Required));
|
|
|
|
|
// validationsControl.updateValueAndValidity();
|
|
|
|
|
validations.push(ValidationType.Required);
|
|
|
|
|
// validationsControl.setValue(validations);
|
|
|
|
|
validationsControl.updateValueAndValidity();
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
validationsControl.setValue(validations.filter(validator=> validator != ValidationType.Required));
|
|
|
|
|
validationsControl.updateValueAndValidity();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
get isRequired(){
|
|
|
|
|
let validationsControl = this.form.get('validations') as FormControl;
|
|
|
|
|
let validations: Array<ValidationType> = validationsControl.value;
|
|
|
|
|
|
|
|
|
|
if(validations.includes(ValidationType.Required)){
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onDelete(){
|
|
|
|
|
this.delete.emit();
|
|
|
|
|
}
|
2021-03-01 10:28:27 +01:00
|
|
|
|
|
2021-03-04 13:38:46 +01:00
|
|
|
|
|
2021-03-08 10:24:30 +01:00
|
|
|
|
// private _atLeastOneElementListValidator(arrayToCheck): ValidatorFn{
|
|
|
|
|
// return (control: AbstractControl): ValidationErrors | null=>{
|
2021-03-04 13:38:46 +01:00
|
|
|
|
|
2021-03-08 10:24:30 +01:00
|
|
|
|
// const fa = control.get(arrayToCheck) as FormArray;
|
2021-03-04 13:38:46 +01:00
|
|
|
|
|
2021-03-08 10:24:30 +01:00
|
|
|
|
// if(fa.length === 0){
|
|
|
|
|
// return {emptyArray: true};
|
|
|
|
|
// }
|
|
|
|
|
// return null;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
2021-03-03 11:10:11 +01:00
|
|
|
|
}
|