add filtrar colaboracion por estado

This commit is contained in:
Mariela Bonilla 2021-07-27 00:59:15 -06:00
parent 3a8a06abec
commit eb31ed41dd
3 changed files with 20 additions and 3 deletions

View File

@ -13,7 +13,19 @@
<jhi-alert-error></jhi-alert-error> <jhi-alert-error></jhi-alert-error>
<jhi-alert></jhi-alert> <jhi-alert></jhi-alert>
<form class="ds-form">
<div class="input-group">
<div class="ds-filter">
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
<select name="searchRol" id="searchRol" [(ngModel)]="searchRol" style="width: 200px">
<option value="" selected="selected" disabled="disabled">Filtrar por rol</option>
<option value="">Todos los roles</option>
<option value="Read">Lector</option>
<option value="Write">Escritor</option>
</select>
</div>
</div>
</form>
<div class="alert alert-warning" id="no-result" *ngIf="usuarioEncuestas?.length === 0"> <div class="alert alert-warning" id="no-result" *ngIf="usuarioEncuestas?.length === 0">
<span jhiTranslate="dataSurveyApp.usuarioEncuesta.home.notFound">No usuarioEncuestas found</span> <span jhiTranslate="dataSurveyApp.usuarioEncuesta.home.notFound">No usuarioEncuestas found</span>
</div> </div>
@ -31,7 +43,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let usuarioEncuesta of usuarioEncuestas; trackBy: trackId" data-cy="entityTable"> <tr *ngFor="let usuarioEncuesta of usuarioEncuestas | filter: 'rol':searchRol; 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>

View File

@ -28,6 +28,8 @@ export class UsuarioEncuestaComponent implements OnInit {
usuarioExtra: IUsuarioExtra | null = null; usuarioExtra: IUsuarioExtra | null = null;
user: IUser | null = null; user: IUser | null = null;
public searchRol: string;
constructor( constructor(
protected usuarioEncuestaService: UsuarioEncuestaService, protected usuarioEncuestaService: UsuarioEncuestaService,
protected modalService: NgbModal, protected modalService: NgbModal,
@ -35,7 +37,9 @@ export class UsuarioEncuestaComponent implements OnInit {
protected activatedRoute: ActivatedRoute, protected activatedRoute: ActivatedRoute,
protected accountService: AccountService, protected accountService: AccountService,
protected router: Router protected router: Router
) {} ) {
this.searchRol = '';
}
loadAll(): void { loadAll(): void {
this.isLoading = true; this.isLoading = true;
@ -56,6 +60,7 @@ export class UsuarioEncuestaComponent implements OnInit {
} }
ngOnInit(): void { ngOnInit(): void {
this.searchRol = '';
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 => {