add filtrar colaboracion por estado
This commit is contained in:
parent
3a8a06abec
commit
eb31ed41dd
|
@ -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>
|
||||||
|
|
|
@ -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 => {
|
||||||
|
|
Loading…
Reference in New Issue