OZG-4310 OZG-7099 Add disabling to checkbox component

alfa-client/libs/admin/settings/src/lib/users-roles/user-add-form-container/user-add-form-service.ts

@@ -37,7 +37,7 @@ export class UserAddFormService extends AbstractFormService {
           [UserAddFormService.ADMIN]: new FormControl(false),
         }),
         [UserAddFormService.ALFA_GROUP]: this.formBuilder.group({
-          [UserAddFormService.LOESCHEN]: new FormControl({}),
+          [UserAddFormService.LOESCHEN]: new FormControl(false),
           [UserAddFormService.USER]: new FormControl(false),
           [UserAddFormService.POSTSTELLE]: new FormControl(false),
         }),
@@ -69,7 +69,7 @@ export class UserAddFormService extends AbstractFormService {
 
   updateCheckboxStates(alfaGroup: UntypedFormGroup): void {
     for (const control of Object.values<AbstractControl>(alfaGroup.controls)) {
-      Boolean(control.value) ? control.enable({ emitEvent: false }) : control.disable({ emitEvent: false });
+      control[!!control.value ? 'enable' : 'disable']({ emitEvent: false });
     }
   }
 

alfa-client/libs/admin/settings/src/lib/users-roles/user-add-form-container/user-add-form/user-add-form.component.html

@@ -24,5 +24,5 @@
     </div>
   </div>
 
-  <ods-button-with-spinner text="Speichern" dataTestId="save-button" (clickEmitter)="test()" />
+  <ods-button-with-spinner text="Speichern" dataTestId="save-button" />
 </div>

alfa-client/libs/admin/settings/src/lib/users-roles/user-add-form-container/user-add-form/user-add-form.component.ts

@@ -22,8 +22,4 @@ import { UserAddFormService } from '../user-add-form-service';
 export class UserAddFormComponent {
   formService = inject(UserAddFormService);
   protected readonly UserAddFormService = UserAddFormService;
-
-  test() {
-    console.log(this.formService.form.value);
-  }
 }

alfa-client/libs/design-component/src/lib/form/checkbox-editor/checkbox-editor.component.html

 <ods-checkbox
-  [fieldControl]="fieldControl"
+  [fieldControl]="control.control"
   [inputId]="inputId"
   [label]="label"
-  [disabled]="fieldControl.disabled"
+  [disabled]="control.disabled"
   [hasError]="hasError"
 >
   <ods-validation-error

alfa-client/libs/design-system/src/lib/dropdown-menu/dropdown-menu/dropdown-menu.component.ts

@@ -24,8 +24,7 @@ import { twMerge } from 'tailwind-merge';
     </button>
     <div
       *ngIf="isPopupOpen"
-      class="bg-dropdownBg absolute max-h-120 min-w-44 max-w-80
-      animate-fadeIn overflow-y-auto rounded shadow-md focus:outline-none"
+      class="absolute z-50 max-h-120 min-w-44 max-w-80 animate-fadeIn overflow-y-auto rounded bg-dropdownBg shadow-md focus:outline-none"
       [ngClass]="alignTo === 'left' ? 'right-0' : 'left-0'"
       role="menu"
       aria-modal="true"