add filter by acceso y estado

This commit is contained in:
Mariela Bonilla 2021-07-21 22:30:54 -06:00
parent 8e22d769f6
commit 9fd9e22739
2 changed files with 48 additions and 4 deletions

View File

@ -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"

View File

@ -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');