From 64c6481023c8f498fdb4569adc9aebe027db13c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Andr=C3=A9?=
 <sebastien.a-andre@external.total.com>
Date: Tue, 30 Mar 2021 14:50:52 +0200
Subject: [PATCH] Ajout d'une zone de filtre sur les DZs

---
 .../src/app/list-of-dzs/list-of-dzs.component.html           | 5 +++++
 .../src/app/list-of-dzs/list-of-dzs.component.ts             | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
index b6747d6..e428d39 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.html
@@ -2,6 +2,11 @@
   <div *ngIf="dataSourceTable != null else loading">
     <button mat-raised-button color="accent" (click)="openDialogToAdd()" *ngIf="isUserAdmin == true">Add a drop zone</button>
 
+    <mat-form-field>
+      <mat-label>Filter</mat-label>
+      <input matInput (keyup)="applyFilter($event)" placeholder="Filter on the name or address of center" #input>
+    </mat-form-field>
+
     <table mat-table [dataSource]="dataSourceTable">
       <ng-container matColumnDef="isfavorite">
         <th mat-header-cell *matHeaderCellDef style="min-width: 144px;"></th>
diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
index ea593f6..026a2f2 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
@@ -79,4 +79,9 @@ export class ListOfDzsComponent implements OnInit {
       width: '600px',
     });
   }
+
+  applyFilter(event: Event) {
+    const filterValue = (event.target as HTMLInputElement).value;
+    this.dataSourceTable.filter = filterValue.trim().toLowerCase();
+  }
 }