arreglo filter
This commit is contained in:
parent
ceb589ac20
commit
8b8c5af512
|
@ -30,22 +30,23 @@
|
||||||
<div class="container px-0">
|
<div class="container px-0">
|
||||||
<!--filtrado-->
|
<!--filtrado-->
|
||||||
|
|
||||||
<!--<div class="input-group">
|
<div class="input-group">
|
||||||
<div class="ds-filter">
|
<div class="ds-filter">
|
||||||
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
|
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
|
||||||
<input type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
|
<input class="form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
|
||||||
</div>
|
</div>
|
||||||
<div class="ds-filter">
|
<!-- <div class="ds-filter">
|
||||||
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
|
<select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px">
|
||||||
<select name="accesoEncuestas" id="accesoEncuesta" [(ngModel)]="searchCategoria" style="width: 200px">
|
<option value="" selected="selected" disabled="disabled">Filtrar por categoría</option>
|
||||||
<option selected="selected" *ngFor="let categoria of categorias" [value]="categoria.nombre">{{categoria.nombre}}</option>
|
<option value="">Todas las categorías</option>
|
||||||
|
<option *ngFor="let categoria of categorias" [value]="categoria.nombre">{{categoria.nombre}}</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
</div>-->
|
<div class="container" *ngIf="encuestas && encuestas.length == 0">
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="ds-title">Encuestas</h1>
|
<h1 class="ds-title">Encuestas</h1>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
|
@ -58,60 +59,61 @@
|
||||||
|
|
||||||
<!--Inicio de los cards-->
|
<!--Inicio de los cards-->
|
||||||
|
|
||||||
<!-- <div class="row gx-5" *ngIf="encuestas && encuestas.length > 0">
|
<div class="row gx-5" *ngIf="encuestas && encuestas.length > 0">
|
||||||
<div class="col-xl-4 col-lg-4 col-md-6 mb-5" *ngFor="let encuesta of encuestas; trackBy: trackId">
|
|
||||||
<div
|
<div
|
||||||
class="card-encuesta lift h-100"
|
class="col-xl-4 col-lg-4 col-md-6 mb-5"
|
||||||
|
*ngFor="
|
||||||
[attr.data-id]="encuesta.id"
|
let encuesta of encuestas | filter: 'nombre':searchString | filter: 'categoria.nombre':searchCategoria;
|
||||||
|
trackBy: trackId
|
||||||
|
"
|
||||||
>
|
>
|
||||||
|
<div class="card-encuesta lift h-100" [attr.data-id]="encuesta.id">
|
||||||
|
<!--(dblclick)="openSurvey($event)"
|
||||||
|
(click)="selectSurvey($event)"
|
||||||
|
|
||||||
<!–(dblclick)="openSurvey($event)"
|
-->
|
||||||
(click)="selectSurvey($event)"–>
|
|
||||||
|
|
||||||
|
<div class="card-body p-3">
|
||||||
|
|
||||||
<!– <div class="card-body p-3">
|
|
||||||
<div class="card-title mb-0">{{ encuesta.nombre }}</div>
|
<div class="card-title mb-0">{{ encuesta.nombre }}</div>
|
||||||
<div class="entity-body--row m-2">
|
<div class="entity-body--row m-2">
|
||||||
<span class="tag mt-2">{{ encuesta.categoria?.nombre | lowercase }}</span>
|
<span class="tag mt-2">{{ encuesta.categoria?.nombre | lowercase }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="entity-body--row m-2">
|
<div class="entity-body--row m-2">
|
||||||
<span class="subtitle mt-2">{{ encuesta.descripcion | titlecase }}</span>
|
<span class="subtitle mt-2">{{ encuesta.descripcion | titlecase }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-xs text-gray-500">
|
<div class="text-xs text-gray-500">
|
||||||
<div class="entity-body">
|
<div class="entity-body">
|
||||||
<div class="entity-body--row m-2">
|
<div class="entity-body--row m-2">
|
||||||
<span class="mt-2"
|
<span class="mt-2"
|
||||||
>Fecha de inicio <fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon> {{
|
>Fecha de inicio <fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon> {{
|
||||||
encuesta.fechaPublicacion | formatShortDatetime | titlecase
|
encuesta.fechaPublicacion | formatShortDatetime | titlecase
|
||||||
}}</span
|
}}</span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="entity-body--row m-2">
|
<div class="entity-body--row m-2">
|
||||||
<span class="mt-2"
|
<span class="mt-2"
|
||||||
>Fecha de finalización <fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon
|
>Fecha de finalización <fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon
|
||||||
> {{ encuesta.fechaFinalizar | formatShortDatetime | titlecase }}</span
|
> {{ encuesta.fechaFinalizar | formatShortDatetime | titlecase }}</span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="entity-body--row m-2">
|
<div class="entity-body--row m-2">
|
||||||
<p>Calificacion</p>
|
<p>Calificacion</p>
|
||||||
<fa-icon *ngFor="let i of [].constructor(encuesta.calificacion)" class="entity-icon--star" [icon]="faStar"></fa-icon>
|
<fa-icon *ngFor="let i of [].constructor(encuesta.calificacion)" class="entity-icon--star" [icon]="faStar"></fa-icon>
|
||||||
<fa-icon
|
<fa-icon
|
||||||
*ngFor="let i of [].constructor(5 - encuesta.calificacion!)"
|
*ngFor="let i of [].constructor(5 - encuesta.calificacion!)"
|
||||||
class="entity-icon--star--off"
|
class="entity-icon--star--off"
|
||||||
[icon]="faStar"
|
[icon]="faStar"
|
||||||
></fa-icon>
|
></fa-icon>
|
||||||
</div>
|
</div>
|
||||||
<div class="entity-body--row m-2">
|
<div class="entity-body--row m-2">
|
||||||
<button class="ds-btn btn-card"><fa-icon [icon]="faPollH"></fa-icon> Completar encuesta</button>
|
<button class="ds-btn btn-card"><fa-icon [icon]="faPollH"></fa-icon> Completar encuesta</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>–>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>-->
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue