add filtro por estado

This commit is contained in:
Mariela Bonilla 2021-08-01 16:04:33 -06:00
parent eb31ed41dd
commit e1d11a5bea
2 changed files with 15 additions and 10 deletions

View File

@ -23,6 +23,12 @@
<option value="Read">Lector</option> <option value="Read">Lector</option>
<option value="Write">Escritor</option> <option value="Write">Escritor</option>
</select> </select>
<select name="searchRol" id="searchEstado" [(ngModel)]="searchEstado" style="width: 200px">
<option value="" selected="selected" disabled="disabled">Filtrar por estado</option>
<option value="">Todos los estados</option>
<option value="ACTIVE">Activos</option>
<option value="PENDING">Pendientes</option>
</select>
</div> </div>
</div> </div>
</form> </form>
@ -37,24 +43,21 @@
<th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.rol">Rol</span></th> <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.rol">Rol</span></th>
<th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.estado">Estado</span></th> <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.estado">Estado</span></th>
<th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.fechaAgregado">Fecha Agregado</span></th> <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.fechaAgregado">Fecha Agregado</span></th>
<th scope="col"><span jhiTranslate="dataSurveyApp.usuarioEncuesta.encuesta">Id encuesta</span></th> <th scope="col"><span>Encuesta</span></th>
<th scope="col"><span>Nombre encuesta</span></th>
<th scope="col"></th> <th scope="col"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let usuarioEncuesta of usuarioEncuestas | filter: 'rol':searchRol; trackBy: trackId" data-cy="entityTable"> <tr
*ngFor="let usuarioEncuesta of usuarioEncuestas | filter: 'rol':searchRol | filter: 'estado':searchEstado; trackBy: trackId"
data-cy="entityTable"
>
<td jhiTranslate="{{ 'dataSurveyApp.RolColaborador.' + usuarioEncuesta.rol }}">{{ usuarioEncuesta.rol }}</td> <td jhiTranslate="{{ 'dataSurveyApp.RolColaborador.' + usuarioEncuesta.rol }}">{{ usuarioEncuesta.rol }}</td>
<td jhiTranslate="{{ 'dataSurveyApp.EstadoColaborador.' + usuarioEncuesta.estado }}">{{ usuarioEncuesta.estado }}</td> <td jhiTranslate="{{ 'dataSurveyApp.EstadoColaborador.' + usuarioEncuesta.estado }}">{{ usuarioEncuesta.estado }}</td>
<td>{{ usuarioEncuesta.fechaAgregado | formatMediumDatetime }}</td> <td>{{ usuarioEncuesta.fechaAgregado | formatMediumDatetime }}</td>
<td> <td>
<div *ngIf="usuarioEncuesta.encuesta"> <div *ngIf="usuarioEncuesta.encuesta">
<a>{{ usuarioEncuesta.encuesta?.id }}</a> <a>{{ usuarioEncuesta.encuesta?.nombre }} (#{{ usuarioEncuesta.encuesta?.id }})</a>
</div>
</td>
<td>
<div *ngIf="usuarioEncuesta.encuesta">
<a>{{ usuarioEncuesta.encuesta?.nombre }}</a>
</div> </div>
</td> </td>
<td class="text-right"> <td class="text-right">

View File

@ -29,6 +29,7 @@ export class UsuarioEncuestaComponent implements OnInit {
user: IUser | null = null; user: IUser | null = null;
public searchRol: string; public searchRol: string;
public searchEstado: string;
constructor( constructor(
protected usuarioEncuestaService: UsuarioEncuestaService, protected usuarioEncuestaService: UsuarioEncuestaService,
@ -39,6 +40,7 @@ export class UsuarioEncuestaComponent implements OnInit {
protected router: Router protected router: Router
) { ) {
this.searchRol = ''; this.searchRol = '';
this.searchEstado = '';
} }
loadAll(): void { loadAll(): void {
@ -50,7 +52,6 @@ export class UsuarioEncuestaComponent implements OnInit {
const tempUsuarioEncuestas = res.body ?? []; const tempUsuarioEncuestas = res.body ?? [];
this.usuarioEncuestas = tempUsuarioEncuestas this.usuarioEncuestas = tempUsuarioEncuestas
.filter(c => c.usuarioExtra?.id === this.usuarioExtra?.id) .filter(c => c.usuarioExtra?.id === this.usuarioExtra?.id)
.filter(c => c.estado === 'ACTIVE')
.filter(c => c.encuesta?.estado !== 'DELETED'); .filter(c => c.encuesta?.estado !== 'DELETED');
}, },
() => { () => {
@ -61,6 +62,7 @@ export class UsuarioEncuestaComponent implements OnInit {
ngOnInit(): void { ngOnInit(): void {
this.searchRol = ''; this.searchRol = '';
this.searchEstado = '';
this.accountService.getAuthenticationState().subscribe(account => { this.accountService.getAuthenticationState().subscribe(account => {
if (account !== null) { if (account !== null) {
this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => { this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => {