From af582345dec88053eb5b4f3a93ea038fb393cd40 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Fri, 23 Jul 2021 23:57:09 -0600
Subject: [PATCH] filtrar encuestas por nombre con pipe

---
 .../entities/encuesta/list/encuesta.component.html    | 11 +++++++++--
 .../app/entities/encuesta/list/encuesta.component.ts  |  5 ++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
index 6a4288a..54aaba1 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
@@ -40,6 +40,13 @@
     <span jhiTranslate="dataSurveyApp.encuesta.home.notFound">No surveys found</span>
   </div>
 
+  <form class="ds-form">
+    <div class="input-group">
+      <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
+      <input type="text" name="searchString" placeholder="Buscar..." [(ngModel)]="searchString" />
+    </div>
+  </form>
+
   <!-- Lista de Encuestas del Usuario -->
   <div class="ds-list" (contextmenu)="openContextMenu($event)" *ngIf="!isAdmin()">
     <!-- Context Menu -->
@@ -93,7 +100,7 @@
 
     <div
       class="ds-list--entity"
-      *ngFor="let encuesta of encuestas; trackBy: trackId"
+      *ngFor="let encuesta of encuestas! | filter: 'nombre':searchString; trackBy: trackId"
       (dblclick)="openSurvey($event)"
       (click)="selectSurvey($event)"
       [attr.data-id]="encuesta.id"
@@ -233,7 +240,7 @@
       </tr>
     </thead>
     <tbody>
-      <tr *ngFor="let encuesta of encuestas; trackBy: trackId" data-cy="entityTable">
+      <tr *ngFor="let encuesta of encuestas | filter: 'nombre':searchString; trackBy: trackId" data-cy="entityTable">
         <td>{{ encuesta.nombre }}</td>
         <td>{{ encuesta.fechaCreacion | formatMediumDatetime }}</td>
         <td jhiTranslate="{{ 'dataSurveyApp.AccesoEncuesta.' + encuesta.acceso }}">{{ encuesta.acceso }}</td>
diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
index 9941cde..9b31b96 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
@@ -62,6 +62,7 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
   account: Account | null = null;
   usuarioExtra: UsuarioExtra | null = null;
   estadoDeleted = EstadoEncuesta.DELETED;
+  public searchString: string;
 
   encuestas?: IEncuesta[];
   isLoading = false;
@@ -99,7 +100,9 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
     protected fb: FormBuilder,
     protected accountService: AccountService,
     protected router: Router
-  ) {}
+  ) {
+    this.searchString = '';
+  }
 
   resetForm(): void {
     this.editForm.reset();