2019-01-28 14:47:31 +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-01-29 08:47:50 +01:00
< h5 * ngIf = "this.form.get('title').value" > {{this.form.get('title').value}}< / h5 >
2019-01-18 18:03:45 +01:00
2019-01-28 14:47:31 +01:00
< h5 * ngIf = "this.form.get('description').value" class = "col-12" > {{this.form.get('description').value}}< / h5 >
< h5 * ngIf = "this.form.get('extendedDescription').value" class = "col-12" > < i > {{this.form.get('extendedDescription').value}}< / i > < / h5 >
2019-01-18 18:03:45 +01:00
2019-01-21 12:14:20 +01:00
< mat-form-field * ngSwitchCase = "datasetProfileFieldViewStyleEnum.FreeText" class = "col-12" >
2019-01-28 14:47:31 +01:00
< input matInput formControlName = "value" placeholder = "{{form.get('data').value.label}}" [ required ] = " form . get ( ' validationRequired ' ) . value " >
2019-01-18 18:03:45 +01:00
< mat-error * ngIf = "form.get('value')['errors'] && form.get('value')['errors']['required']" > {{'GENERAL.VALIDATION.REQUIRED'
| translate}}< / mat-error >
< / mat-form-field >
2019-01-21 12:14:20 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.ComboBox" class = "col-12" >
< div class = "row" >
2019-01-28 14:47:31 +01:00
< mat-form-field class = "col-md-12" * ngIf = "form.get('data').value.type === datasetProfileComboBoxTypeEnum.Autocomplete" >
2019-01-25 14:54:14 +01:00
< app-single-auto-complete placeholder = "{{ form.get('data').value.label | translate }}" [ formControl ] = " form . get ( ' value ' ) " [ configuration ] = " singleAutoCompleteConfiguration " >
2019-01-21 12:14:20 +01:00
< / app-single-auto-complete >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
2019-01-28 14:47:31 +01:00
< mat-form-field * ngIf = "form.get('data').value.type === datasetProfileComboBoxTypeEnum.WordList" class = "col-md-12" >
< mat-select [ formControl ] = " form . get ( ' value ' ) " [ required ] = " form . get ( ' validationRequired ' ) . value " >
< mat-option * ngFor = "let opt of form.get('data').value.options" [ value ] = " assignDropdownItem ( opt ) " > {{opt.label}}< / mat-option >
2019-01-21 12:14:20 +01:00
< / mat-select >
< mat-error * ngIf = "form.get('value').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / mat-form-field >
< / div >
2019-01-18 18:03:45 +01:00
< / div >
2019-01-21 12:14:20 +01:00
< div * ngSwitchCase = "datasetProfileFieldViewStyleEnum.CheckBox" class = "col-12" >
2019-01-28 14:47:31 +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" >
2019-01-28 14:47:31 +01:00
< textarea matInput formControlName = "value" matTextareaAutosize matAutosizeMinRows = "2" matAutosizeMaxRows = "10" [ required ] = " form . get ( ' validationRequired ' ) . value " > < / textarea >
2019-01-18 18:03:45 +01:00
< button mat-icon-button * ngIf = "!form.get('value').disabled && form.get('value').value" matSuffix aria-label = "Clear" ( click ) = " this . form . patchValue ( { ' value ' : ' ' } ) " >
< mat-icon > close< / mat-icon >
< / button >
< mat-error * ngIf = "form.get('value')['errors'] && form.get('value')['errors']['required']" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
< / 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 " >
< mat-radio-button class = "radio-button-item" name = "{{form.get('id').value}}" value = "true" > Yes< / mat-radio-button >
2019-01-18 18:03:45 +01:00
<!-- <br> -->
2019-01-28 14:47:31 +01:00
< mat-radio-button class = "radio-button-item" name = "{{form.get('id').value}}" value = "false" > No< / mat-radio-button >
2019-01-18 18:03:45 +01:00
< / mat-radio-group >
< / 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 " >
< 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 >
< / div >
< / div >