Fix: management list clear all should clear header checkbox (#6253)

diff --git a/src-ui/src/app/components/manage/management-list/management-list.component.html b/src-ui/src/app/components/manage/management-list/management-list.component.html
index 22c5361ed53058cb5dfc1e1cf2e344920f2cd424..58918a211085952db9534cb8ce05770e5c8d6344 100644 (file)
--- a/src-ui/src/app/components/manage/management-list/management-list.component.html
+++ b/src-ui/src/app/components/manage/management-list/management-list.component.html
@@ -30,7 +30,7 @@
       <tr>
         <th scope="col">
           <div class="form-check m-0 ms-2 me-n2">
-            <input type="checkbox" class="form-check-input" id="all-objects" [disabled]="data.length === 0" (click)="toggleAll($event); $event.stopPropagation();">
+            <input type="checkbox" class="form-check-input" id="all-objects" [(ngModel)]="togggleAll" [disabled]="data.length === 0" (click)="toggleAll($event); $event.stopPropagation();">
             <label class="form-check-label" for="all-objects"></label>
           </div>
         </th>

diff --git a/src-ui/src/app/components/manage/management-list/management-list.component.ts b/src-ui/src/app/components/manage/management-list/management-list.component.ts
index 88373148820141d7fa8875e07ea80d5df4c4bc75..3fbf18e09ccc7d4a7d670084edfe12d10f11093a 100644 (file)
--- a/src-ui/src/app/components/manage/management-list/management-list.component.ts
+++ b/src-ui/src/app/components/manage/management-list/management-list.component.ts
@@ -85,6 +85,7 @@ export abstract class ManagementListComponent<T extends ObjectWithId>
   private _nameFilter: string
 
   public selectedObjects: Set<number> = new Set()
+  public togggleAll: boolean = false
 
   ngOnInit(): void {
     this.reloadData()
@@ -268,6 +269,7 @@ export abstract class ManagementListComponent<T extends ObjectWithId>
   }
 
   clearSelection() {
+    this.togggleAll = false
     this.selectedObjects.clear()
   }