add filtro por estado
This commit is contained in:
parent
eb31ed41dd
commit
e1d11a5bea
|
@ -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">
|
||||||
|
|
|
@ -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 => {
|
||||||
|
|
Loading…
Reference in New Issue