diff --git a/projects/common-form-elements/src/lib/common-form-config.ts b/projects/common-form-elements/src/lib/common-form-config.ts index fa4fda35b785af26bac91719b1be1b8c47b6d5d1..f04eec525da3e217e7e09bf5e8eddce7f3731f00 100644 --- a/projects/common-form-elements/src/lib/common-form-config.ts +++ b/projects/common-form-elements/src/lib/common-form-config.ts @@ -145,5 +145,6 @@ export interface CustomFormControl extends FormControl { customEventHandler$?: Subject<any>; shouldListenToCustomEvent?: Boolean; isVisible?: any; + range?: any; richTextCharacterCount?: any; } diff --git a/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.html b/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.html index 2d720d37d5266f43d41fbd803037c936958a55e7..c32dfe71dc87b4c6cc825517a16a52e5af296883 100644 --- a/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.html +++ b/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.html @@ -1,6 +1,6 @@ <ng-container *ngIf="visible"> <div class="sb-checkbox sb-checkbox-primary" [attr.data-title]="field.description ? field.description : null"> - <input [attr.disabled]="disabled ? true : null" type="checkbox" [formControl]="formControlRef" id="{{_.kebabCase(field.name) || field.code}}" + <input [attr.disabled]="disabled ? true : null" type="checkbox" id="{{_.kebabCase(field.name) || field.code}}" name="{{_.kebabCase(field.name) || field.code}}" [checked]="checked" (change)="onChecklistChange($event.target.checked)"> <label *ngIf="label" for="{{_.kebabCase(field.name) || field.code}}">{{label}}</label> <label class="label-html" *ngIf="labelHtml"> diff --git a/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.ts b/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.ts index dcd32e251e0a36319bb06531aabbbfac74f44ee9..94c39564042b934adb2c6028ec89534d76628c7b 100644 --- a/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.ts +++ b/projects/common-form-elements/src/lib/dynamic-checkbox/dynamic-checkbox.component.ts @@ -43,7 +43,7 @@ export class DynamicCheckboxComponent implements OnInit { _: any = _; - public checked: boolean; + public checked: any; constructor() { } diff --git a/projects/common-form-elements/src/lib/dynamic-multi-select/dynamic-multi-select.component.ts b/projects/common-form-elements/src/lib/dynamic-multi-select/dynamic-multi-select.component.ts index b776a0ddfdba1c175a6e31a9ac50fad4dafbcafb..64492c8195c5adf5b4461ad9d658419afcd9e3a9 100644 --- a/projects/common-form-elements/src/lib/dynamic-multi-select/dynamic-multi-select.component.ts +++ b/projects/common-form-elements/src/lib/dynamic-multi-select/dynamic-multi-select.component.ts @@ -123,8 +123,17 @@ export class DynamicMultiSelectComponent implements OnInit, OnChanges, OnDestroy ); } + this.handleDependsWithDefault(); + } - + handleDependsWithDefault() { + const value = _.first(_.map(this.depends, depend => depend.value)); + if (!_.isEmpty(value) && _.toLower(value) === 'yes') { + this.formControlRef.isVisible = 'yes'; + this.field.range = this.formControlRef.range; + } else { + this.formControlRef.isVisible = 'no'; + } } ngOnDestroy(): void { diff --git a/src/app/app.component.ts b/src/app/app.component.ts index e54188777ed7aa08c717eacad8d613a86ecb6151..6573b2fa53a212f5015567eae5f4958ae0d537f7 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -361,6 +361,7 @@ export class AppComponent implements OnInit { setEvidence(control, depends: FormControl[], formGroup: FormGroup, loading, loaded) { control.isVisible = 'no'; + control.range = evidenceMimeType; const response = merge(..._.map(depends, depend => depend.valueChanges)).pipe( switchMap((value: any) => { if (!_.isEmpty(value) && _.toLower(value) === 'yes') {