2019-03-26 16:09:02 +01:00
< div * ngIf = "form && this.visibilityRulesService.checkElementVisibility(this.form.get('id').value)" [ id ] = " this . form . get ( ' id ' ) . value "
[formGroup]="form" [ngSwitch]="this.form.get('viewStyle').value.renderStyle" class="dynamic-form-field row">
2019-01-18 18:03:45 +01:00
2019-02-01 09:29:00 +01:00
< h5 * ngIf = "this.form.get('title').value && !isChild" > {{this.form.get('title').value}}< / h5 >
2019-03-14 09:37:58 +01:00
< mat-icon * ngIf = "this.form.get('additionalInformation').value && !isChild" matTooltip = "{{this.form.get('additionalInformation').value}}" > info< / mat-icon >
2019-01-18 18:03:45 +01:00
2019-02-15 11:26:14 +01:00
< h5 * ngIf = "this.form.get('description').value && !isChild" class = "col-12" > {{this.form.get('description').value}}
< / h5 >
< h5 * ngIf = "this.form.get('extendedDescription').value && !isChild" class = "col-12" >
2019-03-26 16:09:02 +01:00
< i > {{this.form.get('extendedDescription').value}}< / i >
< / h5 >
2019-01-21 12:14:20 +01:00
< mat-form-field * ngSwitchCase = "datasetProfileFieldViewStyleEnum.FreeText" class = "col-12" >
2019-03-14 09:37:58 +01:00
< input matInput [ formControl ] = " form . get ( ' value ' ) " placeholder = "{{form.get('data').value.label}}" [ required ] = " form . get ( ' validationRequired ' ) . value " >
2019-03-26 16:09:02 +01:00
< mat-error * ngIf = "form.get('value')['errors'] && form.get('value')['errors']['required']" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2019-01-18 18:03:45 +01:00
< / mat-form-field >
2019-01-21 12:14:20 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.ComboBox" class = "col-12" >
< div class = "row" >
2019-03-14 09:37:58 +01:00
< mat-form-field class = "col-md-12" * ngIf = "form.get('data').value.type === datasetProfileComboBoxTypeEnum.Autocomplete" >
2019-03-26 16:09:02 +01:00
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-12-17 12:08:01 +01:00
[configuration]="multipleAutoCompleteConfiguration">
2019-03-26 16:09:02 +01:00
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / div >
2019-04-26 16:20:21 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
2019-01-21 12:14:20 +01:00
< / mat-form-field >
2019-03-14 09:37:58 +01:00
< mat-form-field * ngIf = "form.get('data').value.type === datasetProfileComboBoxTypeEnum.WordList" class = "col-md-12" >
2020-09-10 17:04:14 +02:00
< mat-select [ formControl ] = " form . get ( ' value ' ) " placeholder = "{{ form.get('data').value.label | translate }}" [ required ] = " form . get ( ' validationRequired ' ) . value " [ multiple ] = " form . get ( ' data ' ) . value . multiList " >
2019-02-15 11:26:14 +01:00
< mat-option * ngFor = "let opt of form.get('data').value.options" [ value ] = " opt . value " > {{opt.label}}
< / mat-option >
2019-01-21 12:14:20 +01:00
< / mat-select >
2019-02-15 11:26:14 +01:00
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2019-01-21 12:14:20 +01:00
< / mat-form-field >
< / div >
2019-01-18 18:03:45 +01:00
< / div >
2019-07-16 15:41:12 +02:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.InternalDmpEntities" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" * ngIf = "form.get('data').value.type === this.datasetProfileInternalDmpEntitiesTypeEnum.Researchers" >
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-12-17 12:08:01 +01:00
[configuration]="multipleAutoCompleteConfiguration">
2019-07-16 15:41:12 +02:00
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-07-30 12:35:06 +02:00
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / div >
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< mat-form-field class = "col-md-12" * ngIf = "form.get('data').value.type === this.datasetProfileInternalDmpEntitiesTypeEnum.Datasets" >
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-12-17 12:08:01 +01:00
[configuration]="multipleAutoCompleteConfiguration">
2019-07-30 12:35:06 +02:00
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-07-30 13:31:41 +02:00
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / div >
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< mat-form-field class = "col-md-12" * ngIf = "form.get('data').value.type === this.datasetProfileInternalDmpEntitiesTypeEnum.Dmps" >
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-12-17 12:08:01 +01:00
[configuration]="multipleAutoCompleteConfiguration">
2019-07-30 13:31:41 +02:00
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
2019-07-16 15:41:12 +02:00
[configuration]="singleAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / div >
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
2019-01-21 12:14:20 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.CheckBox" class = "col-12" >
2019-02-15 11:26:14 +01:00
< mat-checkbox [ formControl ] = " form . get ( ' value ' ) " [ required ] = " form . get ( ' validationRequired ' ) . value " >
{{form.get('data').value.label}}< / mat-checkbox >
2019-01-18 18:03:45 +01:00
< / div >
2019-01-21 12:14:20 +01:00
< mat-form-field * ngSwitchCase = "datasetProfileFieldViewStyleEnum.TextArea" class = "col-12" >
2020-07-29 17:04:19 +02:00
< textarea matInput class = "text-area" [ formControl ] = " form . get ( ' value ' ) " matTextareaAutosize matAutosizeMinRows = "1" matAutosizeMaxRows = "15" [ required ] = " form . get ( ' validationRequired ' ) . value "
2019-03-26 16:09:02 +01:00
placeholder="{{ form.get('data').value.label | translate }}">< / textarea >
2020-07-29 17:04:19 +02:00
<!-- <textarea matInput class="text - area" [formControl]="form.get('value')" matTextareaAutosize matAutosizeMinRows="2" matAutosizeMaxRows="10" [required]="form.get('validationRequired').value"
placeholder="{{ form.get('data').value.label | translate }}">< / textarea > -->
2019-03-14 09:37:58 +01:00
< button mat-icon-button * ngIf = "!form.get('value').disabled && form.get('value').value" matSuffix aria-label = "Clear" ( click ) = " this . form . patchValue ( { ' value ' : ' ' } ) " >
2019-01-18 18:03:45 +01:00
< mat-icon > close< / mat-icon >
< / button >
2019-03-26 16:09:02 +01:00
< mat-error * ngIf = "form.get('value')['errors'] && form.get('value')['errors']['required']" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2019-01-18 18:03:45 +01:00
< / mat-form-field >
2019-01-21 12:14:20 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.BooleanDecision" class = "col-12" >
2019-01-28 14:47:31 +01:00
< mat-radio-group [ formControl ] = " form . get ( ' value ' ) " [ required ] = " form . get ( ' validationRequired ' ) . value " >
2019-10-03 11:19:45 +02:00
< mat-radio-button class = "radio-button-item" name = "{{form.get('id').value}}" value = "true" > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.ACTIONS.YES" | translate }}< / mat-radio-button >
< mat-radio-button class = "radio-button-item" name = "{{form.get('id').value}}" value = "false" > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.ACTIONS.NO" | translate }}< / mat-radio-button >
2019-01-18 18:03:45 +01:00
< / mat-radio-group >
2019-02-15 11:26:14 +01:00
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2019-01-18 18:03:45 +01:00
< / div >
2019-01-21 12:14:20 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.RadioBox" class = "col-12" >
2019-01-28 14:47:31 +01:00
< mat-radio-group [ formControl ] = " form . get ( ' value ' ) " [ required ] = " form . get ( ' validationRequired ' ) . value " >
2019-03-14 09:37:58 +01:00
< mat-radio-button * ngFor = "let option of form.get('data').value.options let index = index" class = "radio-button-item" [ value ] = " option . value " > {{option.label}}< / mat-radio-button >
2019-01-18 18:03:45 +01:00
< / mat-radio-group >
2019-02-15 11:26:14 +01:00
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2019-01-18 18:03:45 +01:00
< / div >
2019-02-15 11:26:14 +01:00
2019-03-14 09:37:58 +01:00
< mat-form-field * ngSwitchCase = "datasetProfileFieldViewStyleEnum.DatePicker" class = "col-12" >
2019-03-26 16:09:02 +01:00
< input matInput placeholder = "{{ form.get('data').value.label | translate }}" class = "table-input" [ matDatepicker ] = " date " [ required ] = " form . get ( ' validationRequired ' ) . value "
[formControl]="form.get('value')">
2019-03-14 09:37:58 +01:00
< mat-datepicker-toggle matSuffix [ for ] = " date " > < / mat-datepicker-toggle >
< mat-datepicker # date > < / mat-datepicker >
< mat-error * ngIf = "form.get('value').hasError('required')" >
{{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / mat-form-field >
2020-06-04 17:37:30 +02:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.ExternalDatasets" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2020-12-09 16:51:30 +01:00
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="externalDatasetAutoCompleteConfiguration">
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
2020-06-04 17:37:30 +02:00
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="externalDatasetAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2020-12-09 16:51:30 +01:00
< / div >
2020-06-04 17:37:30 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.DataRepositories" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2020-12-09 16:51:30 +01:00
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="dataRepositoriesAutoCompleteConfiguration">
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
2020-06-04 17:37:30 +02:00
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="dataRepositoriesAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2020-12-09 16:51:30 +01:00
< / div >
2020-06-04 17:37:30 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Registries" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2020-12-09 16:51:30 +01:00
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="registriesAutoCompleteConfiguration">
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
2020-06-04 17:37:30 +02:00
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="registriesAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2020-12-09 16:51:30 +01:00
< / div >
2020-06-04 17:37:30 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Services" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2020-12-09 16:51:30 +01:00
< div * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="servicesAutoCompleteConfiguration">
< / app-multiple-auto-complete >
< / div >
< div * ngIf = "!(form.get('data').value.multiAutoComplete)" >
2020-06-04 17:37:30 +02:00
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="servicesAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2020-12-09 16:51:30 +01:00
< / div >
2020-06-04 17:37:30 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Tags" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2020-09-11 13:27:53 +02:00
< app-multiple-auto-complete [ configuration ] = " tagsAutoCompleteConfiguration " [ formControl ] = " form . get ( ' value ' ) " placeholder = "{{'DATASET-EDITOR.FIELDS.TAGS' | translate}}" > < / app-multiple-auto-complete >
2020-06-04 17:37:30 +02:00
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Researchers" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2021-03-04 13:38:46 +01:00
<!-- <app - multiple - auto - complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
2020-06-05 17:30:48 +02:00
[configuration]="researchersAutoCompleteConfiguration">
2021-03-04 13:38:46 +01:00
< / app-multiple-auto-complete > -->
< ng-container * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="researchersAutoCompleteConfiguration">
< / app-multiple-auto-complete >
< / ng-container >
< ng-container * ngIf = "!(form.get('data').value.multiAutoComplete)" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="researchersAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / ng-container >
2020-06-04 17:37:30 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Organizations" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
2021-03-04 13:38:46 +01:00
<!-- <app - multiple - auto - complete placeholder="{{ form.get('data').value.label | translate }}" [formControl]="form.get('value')"
2020-06-05 17:30:48 +02:00
[configuration]="organisationsAutoCompleteConfiguration">
< / app-multiple-auto-complete >
2021-03-04 13:38:46 +01:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint > -->
< ng-container * ngIf = "form.get('data').value.multiAutoComplete" >
< app-multiple-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="organisationsAutoCompleteConfiguration">
< / app-multiple-auto-complete >
< / ng-container >
< ng-container * ngIf = "!(form.get('data').value.multiAutoComplete)" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="organisationsAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / ng-container >
2020-06-04 17:37:30 +02:00
< mat-hint > {{ "TYPES.DATASET-PROFILE-COMBO-BOX-TYPE.EXTERNAL-SOURCE-HINT" | translate }}< / mat-hint >
< / mat-form-field >
< / div >
< / div >
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.DatasetIdentifier" class = "col-12" >
2020-06-08 17:31:34 +02:00
< div class = "row" * ngIf = "datasetIdInitialized" >
2020-06-04 17:37:30 +02:00
< mat-form-field class = "col-md-12" >
2020-06-08 17:31:34 +02:00
< input matInput class = "col-md-12" [ formControl ] = " getDatasetIdControl ( ' identifier ' ) " placeholder = "{{form.get('data').value.label}}" [ required ] = " form . get ( ' validationRequired ' ) . value " >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / mat-form-field >
< mat-form-field class = "col-md-12" >
2021-04-09 10:31:16 +02:00
< mat-select class = "col-md-12" [ formControl ] = " getDatasetIdControl ( ' type ' ) " [ placeholder ] = " ' TYPES . DATASET-PROFILE-IDENTIFIER . IDENTIFIER-TYPE ' | translate " >
2020-06-08 17:31:34 +02:00
< mat-option * ngFor = "let type of datasetIdTypes" [ value ] = " type . value " >
{{ type.name }}
< / mat-option >
< / mat-select >
2020-06-04 17:37:30 +02:00
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / mat-form-field >
< / div >
< / div >
2020-06-25 12:00:29 +02:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Currency" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-12" >
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) "
[configuration]="currencyAutoCompleteConfiguration" [required]="form.get('validationRequired').value">
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / mat-form-field >
< / div >
< / div >
2020-11-05 17:20:37 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.Validation" class = "col-12" >
< div class = "row" >
< mat-form-field class = "col-md-4" >
< input matInput class = "col-md-12" [ formControl ] = " getDatasetIdControl ( ' identifier ' ) " placeholder = "{{form.get('data').value.label}}" [ required ] = " form . get ( ' validationRequired ' ) . value " >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / mat-form-field >
< mat-form-field class = "col-md-4" >
2021-04-09 10:31:16 +02:00
< mat-select class = "col-md-12" [ formControl ] = " getDatasetIdControl ( ' type ' ) " [ placeholder ] = " ' TYPES . DATASET-PROFILE-VALIDATOR . REPOSITORIES-PLACEHOLDER ' | translate " >
2020-11-05 17:20:37 +01:00
< mat-option * ngFor = "let type of validationTypes" [ value ] = " type . value " >
{{ type.name }}
< / mat-option >
< / mat-select >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
< / mat-form-field >
2020-11-06 15:29:33 +01:00
< div class = "col-md-2" >
< button type = "button" mat-button class = "lightblue-btn" ( click ) = " validateId ( ) " > {{ "TYPES.DATASET-PROFILE-VALIDATOR.ACTION" | translate }}< / button >
2020-11-05 17:20:37 +01:00
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}
< / mat-error >
2020-11-06 15:29:33 +01:00
< / div >
< 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 >
2020-11-05 17:20:37 +01:00
< / div >
< / div >
2019-03-14 09:37:58 +01:00
< / div >