From d40ee94b5e281f2ccfcefbc161f94e42e504aa12 Mon Sep 17 00:00:00 2001
From: joshsjurik <joshua.jurik@gsa.gov>
Date: Mon, 6 Jan 2025 12:15:15 -0500
Subject: [PATCH] added mobile deployment type filter button. added ability to
 link directly to filtered results via query params

---
 .../it-standards/it-standards.component.html  |  2 ++
 .../it-standards/it-standards.component.ts    | 30 ++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/app/views/technologies/it-standards/it-standards.component.html b/src/app/views/technologies/it-standards/it-standards.component.html
index d2cf6f34..df1f497c 100644
--- a/src/app/views/technologies/it-standards/it-standards.component.html
+++ b/src/app/views/technologies/it-standards/it-standards.component.html
@@ -66,6 +66,8 @@ <h3 class="card-title col-12 mb-0">
       <!-- Filters -->
       <div class="mx-auto">
         <span class="my-auto mr-3">Filter Buttons:</span>
+        <button role="button" name="itMobileBttn" class="btn btn-primary"
+        (click)="changeFilter('DeploymentType', 'Mobile')">Mobile</button>
         <button role="button" name="itDesktopBttn" class="btn btn-primary"
           (click)="changeFilter('DeploymentType', 'Desktop')">Desktop</button>
         <button role="button" name="itServerBttn" class="btn btn-primary"
diff --git a/src/app/views/technologies/it-standards/it-standards.component.ts b/src/app/views/technologies/it-standards/it-standards.component.ts
index 3d60009d..8ff18efb 100644
--- a/src/app/views/technologies/it-standards/it-standards.component.ts
+++ b/src/app/views/technologies/it-standards/it-standards.component.ts
@@ -303,6 +303,13 @@ export class ItStandardsComponent implements OnInit {
           });
       }
     });
+
+    this.route.queryParamMap.subscribe(param => {
+      param.keys.forEach(key => {
+        let capKey = key[0].toUpperCase() + key.slice(1);
+        this.changeFilter(capKey, param.get(key), true);
+      });
+    });
   }
 
   // Create new IT Standard when in GEAR Manager mode
@@ -323,7 +330,10 @@ export class ItStandardsComponent implements OnInit {
   }
 
   // Update table from filter buttons
-  changeFilter(field: string, term: string) {
+  changeFilter(field: string, term: string, paramAlreadySet = false) {
+    if(!paramAlreadySet){
+      this.setQueryParams(field, term);
+    }
     this.sharedService.disableStickyHeader("itStandardsTable");
     this.filteredTable = true; // Filters are on, expose main table button
     var filter = {};
@@ -344,6 +354,7 @@ export class ItStandardsComponent implements OnInit {
   }
 
   backToMainIT() {
+    this.removeQueryParams();
     this.sharedService.disableStickyHeader("itStandardsTable");
     this.filteredTable = false; // Hide main button
 
@@ -366,4 +377,21 @@ export class ItStandardsComponent implements OnInit {
     }
     return '';
   }
+
+  removeQueryParams() {
+    const queryParms = {
+      queryParams: {}
+    }
+    this.router.navigate([], queryParms);
+  }
+
+  setQueryParams(key: string, value: any): void {
+    this.removeQueryParams();
+      this.router.navigate([], {
+        relativeTo: this.route,
+        queryParams: { [key]: value },
+        queryParamsHandling: 'merge' // Preserve existing query params
+      });
+    //}
+  }
 }