From 9fd9e22739f270c428cca62f4037358ef18b334b Mon Sep 17 00:00:00 2001
From: Mariela Bonilla <mbonilla.guti@gmail.com>
Date: Wed, 21 Jul 2021 22:30:54 -0600
Subject: [PATCH] add filter by acceso y estado

---
 .../encuesta/list/encuesta.component.html     | 42 +++++++++++++++++--
 .../encuesta/list/encuesta.component.ts       | 10 +++++
 2 files changed, 48 insertions(+), 4 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 cc4710b..266ead0 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
@@ -35,10 +35,41 @@
     <span jhiTranslate="dataSurveyApp.encuesta.home.notFound">No encuestas found</span>
   </div>
   <div class="table-responsive" id="entities" *ngIf="encuestas && encuestas.length > 0">
-    <form class="ds-form">
+    <form class="ds-form d-inline">
       <div class="input-group">
-        <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
-        <input type="text" name="searchEncuesta" placeholder="Buscar..." [(ngModel)]="searchEncuesta" />
+        <div class="col-3">
+          <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
+          <input type="text" name="searchEncuesta" placeholder="Buscar por nombre..." [(ngModel)]="searchEncuesta" />
+        </div>
+        <div class="col-3">
+          <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
+          <select name="accesoEncuestas" id="accesoEncuesta" [(ngModel)]="accesoEncuesta" style="width: 200px">
+            <option value="" selected="selected" disabled="disabled">Filtrar por acceso</option>
+            <option value="">Todos Accesos</option>
+            <option value="Public">Públicas</option>
+            <option value="Private">Privadas</option>
+          </select>
+        </div>
+        <div class="col-3">
+          <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
+          <select name="estadoEncuesta" id="estadoEncuesta" [(ngModel)]="estadoEncuesta" style="width: 200px">
+            <option value="" selected="selected" disabled="disabled">Filtrar por estado</option>
+            <option value="">Todos Estados</option>
+            <option value="Draft">Borradores</option>
+            <option value="Active">Activadas</option>
+          </select>
+        </div>
+        <!--<div class="col-3">
+          <div class="input-group-addon "><i class="glyphicon glyphicon-search"></i></div>
+          <select id="categoriaEncuesta"  name="categoriaEncuesta" [(ngModel)]="categoriaEncuesta">
+            <option [ngValue]="null" selected>Filtre por categoría</option>
+            <option
+              *ngFor="let categoriaOption of categoriasSharedCollection; trackBy: trackCategoriaById"
+              [ngValue]="categoriaOption.nombre"    >
+              {{ categoriaOption.nombre }}
+            </option>
+          </select>
+        </div>-->
       </div>
     </form>
 
@@ -90,7 +121,10 @@
 
       <div
         class="ds-list--entity"
-        *ngFor="let encuesta of encuestas | filter: 'nombre':searchEncuesta; trackBy: trackId"
+        *ngFor="
+          let encuesta of encuestas | filter: 'nombre':searchEncuesta | filter: 'acceso':accesoEncuesta | filter: 'estado':estadoEncuesta;
+          trackBy: trackId
+        "
         (dblclick)="openSurvey($event)"
         (click)="selectSurvey($event)"
         [attr.data-id]="encuesta.id"
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 0089a1b..e1faeef 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
@@ -67,6 +67,9 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
   usuarioExtrasSharedCollection: IUsuarioExtra[] = [];
 
   public searchEncuesta: string;
+  public accesoEncuesta: string;
+  //public categoriaEncuesta: string;
+  public estadoEncuesta: string;
 
   editForm = this.fb.group({
     id: [],
@@ -97,6 +100,9 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
     protected router: Router
   ) {
     this.searchEncuesta = '';
+    this.accesoEncuesta = '';
+    //this.categoriaEncuesta = '';
+    this.estadoEncuesta = '';
   }
 
   resetForm(): void {
@@ -120,6 +126,10 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
 
   ngOnInit(): void {
     this.searchEncuesta = '';
+    this.accesoEncuesta = '';
+    //this.categoriaEncuesta = '';
+    this.estadoEncuesta = '';
+
     document.body.addEventListener('click', e => {
       document.getElementById('contextmenu')!.classList.add('ds-contextmenu--closed');
       document.getElementById('contextmenu')!.classList.remove('ds-contextmenu--open');