added mobile deployment type filter button. added ability to link dir…

…ectly to filtered results via query params
GSA · Jan 6, 2025 · d40ee94 · d40ee94
1 parent f775477
commit d40ee94
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 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
@@ -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
@@ -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
+      });
+    //}
+  }
 }