make selector desableb in for checkbox search type when the user validate a criteria

client/src/app/instance/search/components/criteria/search-type/checkbox.component.html

@@ -2,7 +2,7 @@
     <div class="row form-group">
         <div class="col-md-3 col-sm-auto pr-sm-1 mb-1 mb-lg-0">
             <select class="custom-select" (change)="labelOnChange()" formControlName="label">
-                <option [value]="'In'">In</option>
+                <option [value]="">In</option>
                 <option [value]="'nl'">Null</option>
                 <option [value]="'nnl'">Not Null</option>
             </select>

client/src/app/instance/search/components/criteria/search-type/checkbox.component.ts

@@ -26,7 +26,6 @@ export class CheckboxComponent extends AbstractSearchTypeComponent {
             formControls.push(new FormControl());
         }
         this.form.addControl('checkboxes', new FormArray(formControls));
-       
     }
 
     setCriterion(criterion: Criterion) {
@@ -40,8 +39,9 @@ export class CheckboxComponent extends AbstractSearchTypeComponent {
             }
         }else{
             this.form.controls.label.setValue('In');
-            
         }
+        this.labelOnChange();
+
     }
 
     /**
@@ -87,11 +87,10 @@ export class CheckboxComponent extends AbstractSearchTypeComponent {
 
     labelOnChange() {
         if (this.form.controls.label.value === 'nl' || this.form.controls.label.value === 'nnl') {
-          
+            this.nullOrNotNull = this.form.controls.label.value;
             this.getCheckboxes().controls.map((value, index) => {
                 value.disable();
             })
-            this.nullOrNotNull = this.form.controls.label.value;
 
         } else {
             this.nullOrNotNull = '';

client/src/app/instance/search/components/criteria/search-type/list.component.html

 <form [formGroup]="form" novalidate>
     <div class="row form-group">
         <div class="col-md-3 col-sm-auto pr-sm-1 mb-1 mb-lg-0">
-       <select class="custom-select" (change)="labelOnChange()" formControlName="label">
+            <select class="custom-select" (change)="labelOnChange()" formControlName="label">
                 <option [value]="'='">=</option>
                 <option [value]="'nl'">Null</option>
                 <option [value]="'nnl'">Not Null</option>
@@ -9,7 +9,8 @@
         </div>
         <div class="w-100 d-block d-sm-none"></div>
         <div class="col pl-sm-1">
-            <textarea class="form-control" rows="3" [placeholder]="getPlaceholder()" formControlName="list" autocomplete="off"></textarea>
+            <textarea class="form-control" rows="3" [placeholder]="getPlaceholder()" formControlName="list"
+                autocomplete="off"></textarea>
         </div>
     </div>
-</form>
+</form>
\ No newline at end of file