Merge pull request #28 from mitwelten/18-node-filter-type-all

Add a reset-option for types and platforms in deployment and node filter
mitwelten · Nov 18, 2023 · fe809a2 · fe809a2
2 parents 9c6d87a + 33f63d1
commit fe809a2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/app/components/deployments/deployment-filter.component.ts b/src/app/components/deployments/deployment-filter.component.ts
@@ -42,13 +42,15 @@ import { DeploymentsDataSource } from './deployments-datasource';
   <mat-form-field appearance="outline">
     <mat-label>Type</mat-label>
     <mat-select formControlName="type" panelClass="filter">
+      <mat-option>All Types</mat-option>
       <mat-option *ngFor="let type of dataSource.typeOptions" [value]="type">{{type}}</mat-option>
     </mat-select>
   </mat-form-field>
   <!-- platform (select) -->
   <mat-form-field appearance="outline">
     <mat-label>Platform</mat-label>
     <mat-select formControlName="platform" panelClass="filter">
+      <mat-option>All Platforms</mat-option>
       <mat-option *ngFor="let type of dataSource.platformOptions" [value]="type">{{type}}</mat-option>
     </mat-select>
   </mat-form-field>

diff --git a/src/app/components/nodes/node-filter.component.ts b/src/app/components/nodes/node-filter.component.ts
@@ -45,13 +45,15 @@ import { NodesDataSource } from './nodes-datasource';
   <mat-form-field appearance="outline">
     <mat-label>Type</mat-label>
     <mat-select formControlName="type" panelClass="filter">
+      <mat-option>All Types</mat-option>
       <mat-option *ngFor="let type of typeOptions" [value]="type">{{type}}</mat-option>
     </mat-select>
   </mat-form-field>
   <!-- platform (select) -->
   <mat-form-field appearance="outline">
     <mat-label>Platform</mat-label>
     <mat-select formControlName="platform" panelClass="filter">
+      <mat-option>All Platforms</mat-option>
       <mat-option *ngFor="let platform of platformOptions" [value]="platform">{{platform}}</mat-option>
     </mat-select>
   </mat-form-field>