2023-11-24 17:42:23 +01:00
< div class = "row" * ngFor = "let ruleFormGroup of form['controls'] let i=index;" [ formGroup ] = " ruleFormGroup " >
< span class = "col-auto align-self-center" > {{i + 1}}< / span >
2024-03-28 17:41:28 +01:00
< app-description-template-editor-default-value-component * ngIf = "isTextType(fieldTypeForCheck)" class = "col align-self-center" [ fieldType ] = " fieldTypeForCheck " [ form ] = " ruleFormGroup . get ( ' textValue ' ) " [ formArrayOptions ] = " formArrayOptionsForCheck " placeHolder = "{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.FORM.RULE.FIELDS.RULE-IF'| translate}}" required = "true" > < / app-description-template-editor-default-value-component >
< app-description-template-editor-default-value-component * ngIf = "isDateType(fieldTypeForCheck)" class = "col align-self-center" [ fieldType ] = " fieldTypeForCheck " [ form ] = " ruleFormGroup . get ( ' dateValue ' ) " [ formArrayOptions ] = " formArrayOptionsForCheck " placeHolder = "{{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.FORM.RULE.FIELDS.RULE-IF'| translate}}" required = "true" > < / app-description-template-editor-default-value-component >
2023-11-24 17:42:23 +01:00
<!-- SELECTION -->
< mat-form-field class = "col align-self-center" >
< mat-label > {{'DESCRIPTION-TEMPLATE-EDITOR.STEPS.FORM.RULE.FIELDS.RULE-THEN'| translate}}< / mat-label >
< mat-select formControlName = "target" ( openedChange ) = " computeOptions ( $ event ) " >
<!-- SHOW FIELDSETS -->
< mat-optgroup [ label ] = " ' DESCRIPTION-TEMPLATE-EDITOR . STEPS . FORM . RULE . FIELDS . FIELDSETS ' | translate " >
< mat-option * ngFor = "let option of fieldSetOptions" [ value ] = " option . id " style = "line-height: normal;" [ disabled ] = " parentIds . includes ( option . id ) | | hiddenBy . includes ( option . id ) " [ matTooltip ] = " getToolTipMessage ( option . id ) " [ matTooltipShowDelay ] = " 700 " >
< span >
{{option.label? option.label:'< '+ ('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate) + '>' }} < / span > < br >
< small >
{{option.id}}
< / small >
< / mat-option >
< / mat-optgroup >
<!-- SHOW FIELDS -->
< mat-optgroup [ label ] = " ' DESCRIPTION-TEMPLATE-EDITOR . STEPS . FORM . RULE . FIELDS . FIELDS ' | translate " >
< mat-option * ngFor = "let option of fieldOptions" [ value ] = " option . id " style = "line-height: normal;" [ disabled ] = " parentIds . includes ( option . id ) | | hiddenBy . includes ( option . id ) " [ matTooltip ] = " getToolTipMessage ( option . id ) " [ matTooltipShowDelay ] = " 700 " >
< span >
{{option.label? option.label:'< '+ ('DESCRIPTION-TEMPLATE-EDITOR.STEPS.GENERAL-INFO.UNTITLED' | translate) + '>' }} < / span > < br >
< small >
{{option.id}}
< / small >
< / mat-option >
< / mat-optgroup >
< / mat-select >
2024-02-05 16:59:11 +01:00
< mat-error * ngIf = "ruleFormGroup.get('target').hasError('backendError')" > {{ruleFormGroup.get('target').getError('backendError').message}}< / mat-error >
< mat-error * ngIf = "ruleFormGroup.get('target').hasError('required')" > {{'GENERAL.VALIDATION.REQUIRED' | translate}}< / mat-error >
2023-11-24 17:42:23 +01:00
< / mat-form-field >
< div class = "col-auto align-self-center" > < button mat-icon-button type = "button" ( click ) = " deleteRule ( i ) ; " [ disabled ] = " viewOnly " >
< mat-icon > delete< / mat-icon >
< / button >
< / div >
< / div >