2024-02-02 17:43:24 +01:00
< div * ngIf = "field && visible" [ id ] = " field . id " [ ngSwitch ] = " this . field ? . data ? . fieldType " class = "dynamic-form-field row" >
< h5 * ngIf = "fieldSet.title && !isChild" > {{fieldSet.title}}< / h5 >
2023-12-20 08:20:38 +01:00
< mat-icon * ngIf = "fieldSet.additionalInformation && !isChild" matTooltip = "{{fieldSet.additionalInformation}}" > info< / mat-icon >
< h5 * ngIf = "fieldSet.description && !isChild" class = "col-12" > {{fieldSet.description}}
< / h5 >
< h5 * ngIf = "fieldSet.extendedDescription && !isChild" class = "col-12" >
2024-02-02 17:43:24 +01:00
< i > {{fieldSet.extendedDescription}}< / i >
2023-12-20 08:20:38 +01:00
< / h5 >
< mat-form-field * ngSwitchCase = "descriptionTemplateFieldTypeEnum.FREE_TEXT" class = "col-12" >
2024-02-07 13:15:25 +01:00
< input matInput [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " placeholder = "{{(field.data.label) + (isRequired? ' *': '')}}" [ required ] = " isRequired " >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('pattern')" > {{'GENERAL.VALIDATION.URL.MESSAGE' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
2024-02-09 21:46:05 +01:00
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.REFERENCE_TYPES" class = "col-12" >
2024-02-21 16:52:50 +01:00
< ng-container * ngIf = "field.data.multipleSelect" >
< app-reference-field-component [ form ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' references ' ) " [ label ] = " field . label " [ placeholder ] = " ( field . data . label | translate ) + ( isRequired ? ' * ' : ' ' ) " [ referenceType ] = " field . data . referenceType " [ multiple ] = " true " [ required ] = " isRequired " hint = "{{ 'TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT' | translate }}" > < / app-reference-field-component >
2024-02-12 17:33:21 +01:00
< / ng-container >
< ng-container * ngIf = "!(field.data.multipleSelect)" >
2024-02-21 16:52:50 +01:00
< app-reference-field-component [ form ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' reference ' ) " [ label ] = " field . label " [ placeholder ] = " ( field . data . label | translate ) + ( isRequired ? ' * ' : ' ' ) " [ referenceType ] = " field . data . referenceType " [ multiple ] = " false " [ required ] = " isRequired " hint = "{{ 'TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT' | translate }}" > < / app-reference-field-component >
< / ng-container >
2023-12-20 08:20:38 +01:00
< / div >
2024-01-30 18:27:55 +01:00
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.SELECT" class = "col-12" >
2023-12-20 08:20:38 +01:00
< div class = "row" >
< mat-form-field class = "col-md-12" >
2024-02-07 13:15:25 +01:00
< ng-container * ngIf = "field.data.multipleSelect" >
< mat-select [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textListValue ' ) " placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ required ] = " isRequired " [ multiple ] = " field . data . multipleSelect " >
2024-02-12 17:33:21 +01:00
< mat-option * ngFor = "let opt of field.data.options" [ value ] = " opt . value " > {{opt.label}}< / mat-option >
2024-02-07 13:15:25 +01:00
< / mat-select >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textListValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / ng-container >
< ng-container * ngIf = "!(field.data.multipleSelect)" >
< mat-select [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ required ] = " isRequired " [ multiple ] = " field . data . multipleSelect " >
< mat-option * ngFor = "let opt of field.data.options" [ value ] = " opt . value " > {{opt.label}}
< / mat-option >
< / mat-select >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / ng-container >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< / div >
< / div >
2024-02-07 13:15:25 +01:00
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.INTERNAL_ENTRIES_DESCRIPTIONS" class = "col-12" >
2023-12-20 08:20:38 +01:00
< div class = "row" >
< mat-form-field class = "col-md-12" >
2024-01-31 20:16:39 +01:00
< ng-container * ngIf = "field.data.multipleSelect" >
2024-02-07 13:15:25 +01:00
< app-multiple-auto-complete placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textListValue ' ) " [ configuration ] = " multipleAutoCompleteConfiguration " >
2023-12-20 08:20:38 +01:00
< / app-multiple-auto-complete >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textListValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / ng-container >
2024-01-31 20:16:39 +01:00
< ng-container * ngIf = "!(field.data.multipleSelect)" >
2024-02-07 13:15:25 +01:00
< app-single-auto-complete placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ configuration ] = " singleAutoCompleteConfiguration " [ required ] = " isRequired " >
2023-12-20 08:20:38 +01:00
< / app-single-auto-complete >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / ng-container >
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
2024-03-13 09:45:22 +01:00
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.INTERNAL_DMP_ENTRIES_DMPS" class = "col-12" >
2023-12-20 08:20:38 +01:00
< div class = "row" >
< mat-form-field class = "col-md-12" >
2024-01-31 20:16:39 +01:00
< ng-container * ngIf = "field.data.multipleSelect" >
2024-02-07 13:15:25 +01:00
< app-multiple-auto-complete placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textListValue ' ) " [ configuration ] = " multipleAutoCompleteConfiguration " >
2023-12-20 08:20:38 +01:00
< / app-multiple-auto-complete >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textListValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / ng-container >
2024-01-31 20:16:39 +01:00
< ng-container * ngIf = "!(field.data.multipleSelect)" >
2024-02-07 13:15:25 +01:00
< app-single-auto-complete placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ configuration ] = " singleAutoCompleteConfiguration " [ required ] = " isRequired " >
2023-12-20 08:20:38 +01:00
< / app-single-auto-complete >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / ng-container >
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.CHECK_BOX" class = "col-12" >
2024-02-07 13:15:25 +01:00
< mat-checkbox [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ required ] = " isRequired " >
2023-12-20 08:20:38 +01:00
{{field.data.label}}< / mat-checkbox >
2024-02-08 18:48:14 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / div >
< mat-form-field * ngSwitchCase = "descriptionTemplateFieldTypeEnum.TEXT_AREA" class = "col-12" >
2024-02-07 13:15:25 +01:00
< textarea matInput class = "text-area" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " matTextareaAutosize matAutosizeMinRows = "3" matAutosizeMaxRows = "15" [ required ] = " isRequired " placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" > < / textarea >
< button mat-icon-button type = "button" * ngIf = "!propertiesFormGroup?.get(field.id).get('textValue').disabled && propertiesFormGroup?.get(field.id).get('textValue').value" matSuffix aria-label = "Clear" ( click ) = " this . propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . patchValue ( ' ' ) " >
2023-12-20 08:20:38 +01:00
< mat-icon > close< / mat-icon >
< / button >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue')['errors'] && propertiesFormGroup?.get(field.id).get('textValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< ng-container * ngSwitchCase = "descriptionTemplateFieldTypeEnum.RICH_TEXT_AREA" >
2024-02-07 13:15:25 +01:00
< rich-text-editor-component class = "col-12" [ form ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ placeholder ] = " field . data . label " [ required ] = " isRequired " [ wrapperClasses ] = " ' full-width editor ' +
((isRequired & & propertiesFormGroup?.get(field.id).get('textValue').touched & & propertiesFormGroup?.get(field.id).get('textValue').hasError('required')) ? 'required' : '')" [editable]="!propertiesFormGroup?.get(field.id).get('textValue').disabled">
2023-12-20 08:20:38 +01:00
< / rich-text-editor-component >
2024-02-07 13:15:25 +01:00
< div [ class ] = " ( propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) [ ' errors ' ] & & propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . hasError ( ' required ' ) & & propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . touched ) ? ' visible ' : ' invisible ' " class = "col-12" >
2023-12-20 08:20:38 +01:00
< div class = "mat-form-field form-field-subscript-wrapper" >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2024-02-07 13:15:25 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue')['errors'] && propertiesFormGroup?.get(field.id).get('textValue').hasError('required') && propertiesFormGroup?.get(field.id).get('textValue').touched" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / div >
< / div >
< / ng-container >
< ng-container * ngSwitchCase = "descriptionTemplateFieldTypeEnum.UPLOAD" >
< div class = "col-12 d-flex justify-content-center" >
2024-02-07 13:15:25 +01:00
< ngx-dropzone # drop class = "drop-file col-12" ( change ) = " fileChangeEvent ( $ event , true ) " [ multiple ] = " false " [ accept ] = " typesToString ( ) " [ disabled ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . disabled " >
< ngx-dropzone-preview * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').value && propertiesFormGroup?.get(field.id).get('textValue').value.name" class = "file-preview" [ removable ] = " true " ( removed ) = " onRemove ( ) " >
< ngx-dropzone-label class = "file-label" > {{ propertiesFormGroup?.get(field.id).get('textValue').value.name }}< / ngx-dropzone-label >
2023-12-20 08:20:38 +01:00
< / ngx-dropzone-preview >
< / ngx-dropzone >
< / div >
< div class = "col-12 d-flex justify-content-center attach-btn" >
2024-02-07 13:15:25 +01:00
< button * ngIf = "!propertiesFormGroup?.get(field.id).get('textValue').value || filesToUpload" mat-button ( click ) = " drop . showFileSelector ( ) " type = "button" class = "attach-file-btn" [ disabled ] = " ! ! propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . value | | propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . disabled " >
2023-12-20 08:20:38 +01:00
< mat-icon class = "mr-2" > upload< / mat-icon >
< mat-label > {{ (field.data.label | translate)}}< / mat-label >
< / button >
2024-02-07 13:15:25 +01:00
< button * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').value && !filesToUpload" mat-button ( click ) = " download ( ) " type = "button" class = "attach-file-btn" [ disabled ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) . disabled " >
2023-12-20 08:20:38 +01:00
< mat-icon class = "mr-2" > download< / mat-icon >
< mat-label > {{ "TYPES.DATASET-PROFILE-UPLOAD-TYPE.DOWNLOAD" | translate }}< / mat-label >
< / button >
< / div >
< / ng-container >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.BOOLEAN_DECISION" class = "col-12" >
2024-02-07 13:15:25 +01:00
< mat-radio-group [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ required ] = " isRequired " >
2024-02-02 09:29:38 +01:00
< mat-radio-button class = "radio-button-item" name = "{{propertiesFormGroup?.get(field.id).value}}" value = "true" > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.ACTIONS.YES" | translate }}< / mat-radio-button >
< mat-radio-button class = "radio-button-item" name = "{{propertiesFormGroup?.get(field.id).value}}" value = "false" > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.ACTIONS.NO" | translate }}< / mat-radio-button >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-radio-group >
2024-02-07 13:15:25 +01:00
< small class = "text-danger d-block" * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required') && propertiesFormGroup?.get(field.id).get('textValue').touched" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
2023-12-20 08:20:38 +01:00
< / small >
2024-02-07 13:15:25 +01:00
< small class = "text-muted d-inline-block" * ngIf = "(isRequired) && !propertiesFormGroup?.get(field.id).get('textValue').touched" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / small >
2023-12-20 08:20:38 +01:00
< / div >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.RADIO_BOX" class = "col-12" >
2024-02-07 13:15:25 +01:00
< mat-radio-group [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ required ] = " isRequired " >
2023-12-20 08:20:38 +01:00
< mat-radio-button * ngFor = "let option of field.data.options let index = index" class = "radio-button-item" [ value ] = " option . value " > {{option.label}}< / mat-radio-button >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-radio-group >
2024-02-07 13:15:25 +01:00
< small class = "text-danger d-block" * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required') && propertiesFormGroup?.get(field.id).get('textValue').touched" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
2023-12-20 08:20:38 +01:00
< / small >
2024-02-07 13:15:25 +01:00
< small class = "text-muted d-inline-block" * ngIf = "(isRequired) && !propertiesFormGroup?.get(field.id).get('textValue').touched" > {{'GENERAL.VALIDATION.REQUIRED' | translate}} *< / small >
2023-12-20 08:20:38 +01:00
< / div >
< mat-form-field * ngSwitchCase = "descriptionTemplateFieldTypeEnum.DATE_PICKER" class = "col-12" >
2024-02-07 13:15:25 +01:00
< input matInput placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" class = "table-input" [ matDatepicker ] = " date " [ required ] = " isRequired " [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' dateValue ' ) " >
2023-12-20 08:20:38 +01:00
< mat-datepicker-toggle matSuffix [ for ] = " date " > < / mat-datepicker-toggle >
< mat-datepicker # date > < / mat-datepicker >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('dateValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('dateValue').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('dateValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.TAGS" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2024-02-07 13:15:25 +01:00
< app-multiple-auto-complete [ configuration ] = " tagsAutoCompleteConfiguration " [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textListValue ' ) " placeholder = "{{('DATASET-EDITOR.FIELDS.TAGS' | translate) + (isRequired? ' *': '')}}" > < / app-multiple-auto-complete >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textListValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.DATASET_IDENTIFIER" class = "col-12" >
< div class = "row" * ngIf = "datasetIdInitialized" >
< mat-form-field class = "col-md-12" >
2024-02-07 13:15:25 +01:00
< input matInput class = "col-md-12" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' identifier ' ) " placeholder = "{{(field.data.label) + (isRequired? ' *': '')}}" [ required ] = " isRequired " [ disabled ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' identifier ' ) . disabled " >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< mat-form-field class = "col-md-12" >
2024-02-07 13:15:25 +01:00
< mat-select class = "col-md-12" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' type ' ) " [ placeholder ] = " ( ' TYPES . DATASET-PROFILE-IDENTIFIER . IDENTIFIER-TYPE ' | translate ) + ( isRequired ? ' * ' : ' ' ) " [ disabled ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' type ' ) . disabled " >
2023-12-20 08:20:38 +01:00
< mat-option * ngFor = "let type of datasetIdTypes" [ value ] = " type . value " >
{{ type.name }}
< / mat-option >
< / mat-select >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('type').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('type').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('type').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.CURRENCY" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2024-02-07 13:15:25 +01:00
< app-single-auto-complete placeholder = "{{ (field.data.label | translate) + (isRequired? ' *': '') }}" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' textValue ' ) " [ configuration ] = " currencyAutoCompleteConfiguration " [ required ] = " isRequired " >
2024-02-02 17:43:24 +01:00
< / app-single-auto-complete >
2024-02-08 16:23:03 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('textValue').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('textValue').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "descriptionTemplateFieldTypeEnum.VALIDATION" class = "col-12" >
< div class = "row align-items-baseline" >
< mat-form-field class = "col-md-4" >
2024-02-07 13:15:25 +01:00
< input matInput class = "col-md-12" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' identifier ' ) " placeholder = "{{(field.data.label) + (isRequired? ' *': '')}}" [ required ] = " isRequired " >
2024-02-09 14:07:15 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< mat-form-field class = "col-md-4" >
2024-02-07 13:15:25 +01:00
< mat-select class = "col-md-12" [ formControl ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' type ' ) " [ placeholder ] = " ( ' TYPES . DATASET-PROFILE-VALIDATOR . REPOSITORIES-PLACEHOLDER ' | translate ) + ( isRequired ? ' * ' : ' ' ) " >
2023-12-20 08:20:38 +01:00
< mat-option * ngFor = "let type of validationTypes" [ value ] = " type . value " >
{{ type.name }}
< / mat-option >
< / mat-select >
2024-02-09 14:07:15 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('type').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('type').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('type').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-12-20 08:20:38 +01:00
< / mat-form-field >
< div class = "col-md-2" >
2024-02-07 13:15:25 +01:00
< button type = "button" mat-button class = "lightblue-btn" ( click ) = " validateId ( ) " [ disabled ] = " propertiesFormGroup ? . get ( field . id ) . get ( ' externalIdentifier ' ) ? . get ( ' identifier ' ) . disabled " > {{ "TYPES.DATASET-PROFILE-VALIDATOR.ACTION" | translate }}< / button >
2024-02-09 14:07:15 +01:00
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').hasError('backendError')" > {{propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "propertiesFormGroup?.get(field.id).get('externalIdentifier')?.get('identifier').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2024-02-02 17:43:24 +01:00
< / div >
2023-12-20 08:20:38 +01:00
< div class = "col-md-1" >
< mat-progress-spinner * ngIf = "validationIcon === 'loading'" mode = "indeterminate" [ diameter ] = " 24 " > < / mat-progress-spinner >
< mat-icon * ngIf = "validationIcon !== 'loading'" [ ngClass ] = " { ' success ' : validationIcon = == ' done ' , ' fail ' : validationIcon = == ' clear ' } " > {{validationIcon}}< / mat-icon >
< / div >
< / div >
< / div >
2024-02-02 17:43:24 +01:00
< / div >