Merge pull request #60 from Quantum-P3/feature/US-22

filtrar encuestas por nombre con pipe
This commit is contained in:
Eduardo Quiros 2021-07-24 06:07:49 +00:00 committed by GitHub
commit f4cbb86dfb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions

View File

@ -40,6 +40,13 @@
<span jhiTranslate="dataSurveyApp.encuesta.home.notFound">No surveys found</span>
</div>
<form class="ds-form">
<div class="input-group">
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
<input type="text" name="searchString" placeholder="Buscar..." [(ngModel)]="searchString" />
</div>
</form>
<!-- Lista de Encuestas del Usuario -->
<div class="ds-list" (contextmenu)="openContextMenu($event)" *ngIf="!isAdmin()">
<!-- Context Menu -->
@ -93,7 +100,7 @@
<div
class="ds-list--entity"
*ngFor="let encuesta of encuestas; trackBy: trackId"
*ngFor="let encuesta of encuestas! | filter: 'nombre':searchString; trackBy: trackId"
(dblclick)="openSurvey($event)"
(click)="selectSurvey($event)"
[attr.data-id]="encuesta.id"
@ -233,7 +240,7 @@
</tr>
</thead>
<tbody>
<tr *ngFor="let encuesta of encuestas; trackBy: trackId" data-cy="entityTable">
<tr *ngFor="let encuesta of encuestas | filter: 'nombre':searchString; trackBy: trackId" data-cy="entityTable">
<td>{{ encuesta.nombre }}</td>
<td>{{ encuesta.fechaCreacion | formatMediumDatetime }}</td>
<td jhiTranslate="{{ 'dataSurveyApp.AccesoEncuesta.' + encuesta.acceso }}">{{ encuesta.acceso }}</td>

View File

@ -62,6 +62,7 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
account: Account | null = null;
usuarioExtra: UsuarioExtra | null = null;
estadoDeleted = EstadoEncuesta.DELETED;
public searchString: string;
encuestas?: IEncuesta[];
isLoading = false;
@ -99,7 +100,9 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
protected fb: FormBuilder,
protected accountService: AccountService,
protected router: Router
) {}
) {
this.searchString = '';
}
resetForm(): void {
this.editForm.reset();