From 6a79d417b4afcd3b5f8b2c417bed7b49bd1b42df Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 1 Apr 2024 14:43:40 -0700
Subject: [PATCH] Fix: management list clear all should clear header checkbox
 (#6253)

---
 .../manage/management-list/management-list.component.html       | 2 +-
 .../manage/management-list/management-list.component.ts         | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

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 22c5361ed..58918a211 100644
--- 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 883731488..3fbf18e09 100644
--- 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()
   }