Ajout d'une fonction de recherche

sur la liste des DZs

Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts

@@ -27,7 +27,8 @@ export class NewJumpComponent implements OnInit {
   withCutaway: boolean;
   listOfJumpType: Array<JumpTypeResp>;
   listOfAircraft: Array<AircraftResp>;
-  listOfDropZone: Array<DropZoneResp>;
+  private listOfDropZone: Array<DropZoneResp>;
+  listOfFilteredDropZone: Array<DropZoneResp>;
   listOfGear: Array<GearResp>;
 
   constructor(
@@ -41,7 +42,6 @@ export class NewJumpComponent implements OnInit {
     this.serviceComm.UpdatedComponentTitle('Add a new jump');
 
     this.endDate = new Date();
-
     this.beginDate = this.dateService.AddDays(new Date(), -1);
 
     this.exitAltitude = 4000;
@@ -97,6 +97,7 @@ export class NewJumpComponent implements OnInit {
     this.serviceApiGet.getListOfDropZones().subscribe(data => {
       data.sort((a, b) => (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0));
       this.listOfDropZone = data;
+      this.listOfFilteredDropZone = data;
     });
   }
 
@@ -107,7 +108,16 @@ export class NewJumpComponent implements OnInit {
   }
 
 
-  displayFn(data?: JumpTypeResp): string | undefined {
+  public displayFn(data?: JumpTypeResp): string | undefined {
     return data ? data.name : undefined;
   }
+
+  public onChangeDz(event: string) {
+    if (event.length > 3) {
+      const filterValue = event.toLowerCase();
+
+      this.listOfFilteredDropZone = this.listOfDropZone;
+      this.listOfFilteredDropZone = this.listOfFilteredDropZone.filter(option => option.name.toLowerCase().includes(filterValue));
+    }
+  }
 }