From e60aaec2a2ead9c28ab9c084150387f792a3090f Mon Sep 17 00:00:00 2001
From: John Rassa <john.rassa@bluehalo.com>
Date: Fri, 22 Nov 2024 10:17:13 -0500
Subject: [PATCH] feat: Add `Reset Filters` button to footer of various tables

---
 .../list-cache-entries.component.html                 | 11 ++++++++---
 .../list-euas/admin-list-euas.component.html          | 11 ++++++++---
 .../list-feedback/admin-list-feedback.component.html  | 11 ++++++++---
 .../list-feedback/admin-list-feedback.component.ts    |  5 ++++-
 .../list-messages/list-messages.component.html        | 11 ++++++++---
 .../user/list-users/admin-list-users.component.html   | 11 ++++++++---
 .../list-audit-entries.component.html                 | 11 ++++++++---
 .../list-team-members.component.html                  | 11 ++++++++---
 .../core/teams/list-teams/list-teams.component.html   | 11 ++++++++---
 9 files changed, 68 insertions(+), 25 deletions(-)

diff --git a/src/app/core/admin/cache-entries/list-cache-entries/list-cache-entries.component.html b/src/app/core/admin/cache-entries/list-cache-entries/list-cache-entries.component.html
index 8b466e81..14ee64d8 100644
--- a/src/app/core/admin/cache-entries/list-cache-entries/list-cache-entries.component.html
+++ b/src/app/core/admin/cache-entries/list-cache-entries/list-cache-entries.component.html
@@ -82,9 +82,14 @@ <h1 skipTo>Cache Entries</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
 
diff --git a/src/app/core/admin/end-user-agreement/list-euas/admin-list-euas.component.html b/src/app/core/admin/end-user-agreement/list-euas/admin-list-euas.component.html
index 4cd73aad..453ea710 100644
--- a/src/app/core/admin/end-user-agreement/list-euas/admin-list-euas.component.html
+++ b/src/app/core/admin/end-user-agreement/list-euas/admin-list-euas.component.html
@@ -135,8 +135,13 @@ <h1 skipTo>EUAs</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
diff --git a/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.html b/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.html
index 877d7e3d..7549f2ba 100644
--- a/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.html
+++ b/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.html
@@ -216,8 +216,13 @@ <h1 skipTo>System Feedback</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
diff --git a/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.ts b/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.ts
index 473adeb2..10b79b91 100644
--- a/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.ts
+++ b/src/app/core/admin/feedback/list-feedback/admin-list-feedback.component.ts
@@ -3,7 +3,7 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { CdkTableModule } from '@angular/cdk/table';
 import { NgClass, TitleCasePipe } from '@angular/common';
 import { HttpErrorResponse } from '@angular/common/http';
-import { Component, DestroyRef, OnInit, inject, signal } from '@angular/core';
+import { Component, DestroyRef, OnInit, inject, signal, viewChild } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
@@ -72,6 +72,8 @@ export class AdminListFeedbackComponent implements OnInit {
 	readonly #adminUsersService = inject(AdminUsersService);
 	readonly feedbackStatusOptions = FeedbackStatusOption;
 
+	readonly filter = viewChild.required(AsyFilterDirective);
+
 	readonly displayedColumns = signal<string[]>([]);
 	readonly assigneeUsernames = signal<string[]>([]);
 
@@ -164,6 +166,7 @@ export class AdminListFeedbackComponent implements OnInit {
 
 	clearFilters() {
 		this.dataSource.search('');
+		this.filter().clearFilter();
 	}
 
 	exportCurrentView() {
diff --git a/src/app/core/admin/messages/list-messages/list-messages.component.html b/src/app/core/admin/messages/list-messages/list-messages.component.html
index fc14f075..499399a1 100644
--- a/src/app/core/admin/messages/list-messages/list-messages.component.html
+++ b/src/app/core/admin/messages/list-messages/list-messages.component.html
@@ -97,8 +97,13 @@ <h1 skipTo>Messages</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
diff --git a/src/app/core/admin/user/list-users/admin-list-users.component.html b/src/app/core/admin/user/list-users/admin-list-users.component.html
index 1ae37ad6..f8b48176 100644
--- a/src/app/core/admin/user/list-users/admin-list-users.component.html
+++ b/src/app/core/admin/user/list-users/admin-list-users.component.html
@@ -152,8 +152,13 @@ <h1 skipTo>Users</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
diff --git a/src/app/core/audit/list-audit-entries/list-audit-entries.component.html b/src/app/core/audit/list-audit-entries/list-audit-entries.component.html
index 585675fb..41ade13f 100644
--- a/src/app/core/audit/list-audit-entries/list-audit-entries.component.html
+++ b/src/app/core/audit/list-audit-entries/list-audit-entries.component.html
@@ -146,8 +146,13 @@ <h1 skipTo>Audit Logs</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
diff --git a/src/app/core/teams/list-team-members/list-team-members.component.html b/src/app/core/teams/list-team-members/list-team-members.component.html
index a3794faf..6f9e47f5 100644
--- a/src/app/core/teams/list-team-members/list-team-members.component.html
+++ b/src/app/core/teams/list-team-members/list-team-members.component.html
@@ -108,8 +108,13 @@
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>
diff --git a/src/app/core/teams/list-teams/list-teams.component.html b/src/app/core/teams/list-teams/list-teams.component.html
index ce698cc7..d1049446 100644
--- a/src/app/core/teams/list-teams/list-teams.component.html
+++ b/src/app/core/teams/list-teams/list-teams.component.html
@@ -68,8 +68,13 @@ <h1 skipTo>Teams</h1>
 	</div>
 
 	<div class="table-footer d-flex align-items-center">
-		<div class="table-footer-pager ms-auto">
-			<asy-paginator [dataSource]="dataSource" />
-		</div>
+		<button
+			class="btn btn-outline-primary btn-sm px-4 me-3"
+			type="button"
+			(click)="clearFilters()"
+		>
+			Reset Filters
+		</button>
+		<asy-paginator class="ms-auto" [dataSource]="dataSource" />
 	</div>
 </section>