Skip to content

Commit d083f7d

Browse files
negro89negro89
committed
feat(ep): muestra cantidad total de fichas filtradas
1 parent 0e7f0f2 commit d083f7d

3 files changed

Lines changed: 34 additions & 26 deletions

File tree

‎src/app/modules/epidemiologia/components/seguimiento/seguimientoEpidemiologia.component.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,7 @@ export class SeguimientoEpidemiologiaComponent implements OnInit {
4747
public orderBy = [{ id: 'prioridad', label: 'Prioridad' }, { id: 'fecha', label: 'Fecha' }];
4848
public orden = 'prioridad';
4949
public collapse = false;
50+
public totalResultados;
5051

5152
constructor(
5253
private seguimientoPacientesService: SeguimientoPacientesService,
@@ -112,7 +113,8 @@ export class SeguimientoEpidemiologiaComponent implements OnInit {
112113
}
113114
return this.seguimientoPacientesService.search(this.query).pipe(
114115
map(resultados => {
115-
this.listado = lastResults ? lastResults.concat(resultados) : resultados;
116+
this.listado = lastResults ? lastResults.concat(resultados.data) : resultados.data;
117+
this.totalResultados = resultados.pagination.total;
116118
this.clearChecked();
117119
this.query.skip = this.listado.length;
118120
this.inProgress = false;

‎src/app/modules/epidemiologia/components/seguimiento/seguimientoEpidemiologia.html‎

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<ng-container *ngIf="!selectedLlamado">
44
<plex-title titulo="Seguimiento de Pacientes">
55
<plex-button *ngIf="anyChecked" class="mr-1" type="warning" size="md" label="Asignar"
6-
(click)="displayAsignar()">
6+
(click)="displayAsignar()">
77
</plex-button>
88
<plex-button type="success" size="md" label="Buscar" (click)="buscar()">
99
</plex-button>
@@ -12,36 +12,37 @@
1212
<plex-grid size="lg" type="full">
1313
<plex-wrapper #wrapper (change)="changeCollapse($event)">
1414
<plex-datetime grow="1" type="date" [(ngModel)]="fechaDesde" name="fechaDesde" label="Desde"
15-
[max]="fechaHasta">
15+
[max]="fechaHasta">
1616
</plex-datetime>
1717
<plex-datetime grow="1" type="date" [(ngModel)]="fechaHasta" name="fechaHasta" label="Hasta"
18-
[min]="fechaDesde">
18+
[min]="fechaDesde">
1919
</plex-datetime>
2020
<plex-select grow="1" name="estado" [data]="estadosSeguimiento" label="Estado"
21-
[(ngModel)]="estado" labelField="nombre">
21+
[(ngModel)]="estado" labelField="nombre">
2222
</plex-select>
2323
<plex-select grow="1" name="prioridad" (getData)="getOpcionesSemaforo($event)" label="Prioridad"
24-
[(ngModel)]="prioridad" labelField="label">
24+
[(ngModel)]="prioridad" labelField="label">
2525
</plex-select>
2626
<div collapse>
2727
<plex-select grow="1" name="nombre" tmProfesionales label="Profesional"
28-
[(ngModel)]="profesional" labelField="label">
28+
[(ngModel)]="profesional" labelField="label">
2929
</plex-select>
3030
<plex-text [(ngModel)]="documento" name="documento" label="Documento"></plex-text>
3131
<plex-bool *ngIf="esAuditor" type="slide" name="asignados" label="Ocultar Asignados"
32-
[(ngModel)]="asignados" (change)="buscar()">
32+
[(ngModel)]="asignados" (change)="buscar()">
3333
</plex-bool>
3434
</div>
3535
</plex-wrapper>
3636
</plex-grid>
37-
<plex-title titulo="listado" size="sm">
38-
<plex-label titulo="Orden: " class="mr-2"></plex-label>
39-
<plex-radio [(ngModel)]="orden" [data]="orderBy" name="orden" (change)="buscar()" type="horizontal">
40-
</plex-radio>
41-
</plex-title>
4237
</form>
4338
<div *ngIf='(seguimientos$ | async)?.length'>
44-
<plex-list [striped]="false" height="calc(100vh - 269px)" (scrolled)="onScroll()">
39+
<plex-list [striped]="false" height="calc(100vh - 280px)" (scrolled)="onScroll()">
40+
<plex-title titulo="listado" size="md">
41+
<plex-badge class="pr-3" type="info" name="totalResultados">fichas totales: {{ totalResultados }}</plex-badge>
42+
<plex-label titulo="Orden: " class="mr-2"></plex-label>
43+
<plex-radio [(ngModel)]="orden" [data]="orderBy" name="orden" (change)="buscar()" type="horizontal">
44+
</plex-radio>
45+
</plex-title>
4546
<plex-item>
4647
<plex-bool *ngIf="esAuditor" name="all" (change)="selectAll($event)" [(ngModel)]="allSelected">
4748
</plex-bool>
@@ -54,9 +55,9 @@
5455
<ng-container *ngFor="let seguimiento of seguimientos$ | async">
5556
<ng-container *ngIf="seguimiento | seguimientoFields as fields">
5657
<plex-item [colors]="getColorPrioridad(seguimiento.score.value)"
57-
(click)="!anyChecked ? selectSeguimiento(seguimiento) : $event.preventDefault()">
58+
(click)="!anyChecked ? selectSeguimiento(seguimiento) : $event.preventDefault()">
5859
<plex-bool *ngIf="esAuditor" name="all" (change)="onCheck($event)"
59-
[(ngModel)]="checkedSeguimientos[seguimiento.id]">
60+
[(ngModel)]="checkedSeguimientos[seguimiento.id]">
6061
</plex-bool>
6162
<plex-label [tituloBold]="true" titulo="{{ seguimiento.paciente | nombre}}"
6263
subtitulo="{{ seguimiento.paciente.documento}}"></plex-label>
@@ -82,13 +83,13 @@
8283
<plex-badge *ngIf="seguimiento.ultimoEstado.clave === 'seguimiento'" type="info"
8384
icon="phone" class="ml-1">
8485
{{ seguimiento.ultimoEstado.valor | date:"dd/MM/yyy HH:mm" }} <plex-icon
85-
size="sm" name="phone" type="info">
86+
size="sm" name="phone" type="info">
8687
</plex-icon>
8788
</plex-badge>
8889
<plex-badge *ngIf="seguimiento.ultimoEstado.clave === 'seguimiento'" type="warning"
8990
icon="phone" class="ml-1">
9091
{{ seguimiento.llamados.length }} <plex-icon size="sm" name="phone"
91-
type="warning">
92+
type="warning">
9293
</plex-icon>
9394
</plex-badge>
9495
<plex-badge *ngIf="seguimiento.ultimoEstado.clave === 'alta'" type="success"
@@ -102,17 +103,17 @@
102103
</div>
103104
<div>
104105
<plex-button *ngIf="seguimiento.ultimoEstado.clave === 'pendiente'" type="success"
105-
size="sm" tooltip="Iniciar Seguimiento" label="Iniciar" class="ml-4"
106-
(click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
106+
size="sm" tooltip="Iniciar Seguimiento" label="Iniciar" class="ml-4"
107+
(click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
107108
</plex-button>
108109
<plex-button *ngIf="seguimiento.ultimoEstado.clave === 'seguimiento'" type="success"
109-
size="sm" tooltip="Continuar Seguimiento" label="Continuar"
110-
class="ml-4"
111-
(click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
110+
size="sm" tooltip="Continuar Seguimiento" label="Continuar"
111+
class="ml-4"
112+
(click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
112113
</plex-button>
113114
<plex-button type="info" size="sm" tooltip="Actualizar Datos" class="ml-1"
114-
icon="pencil" [disabled]="anyChecked"
115-
(click)="actualizarSeguimiento(seguimiento);$event.stopPropagation()">
115+
icon="pencil" [disabled]="anyChecked"
116+
(click)="actualizarSeguimiento(seguimiento);$event.stopPropagation()">
116117
</plex-button>
117118
</div>
118119
</plex-item>
@@ -135,7 +136,7 @@
135136
</plex-layout-main>
136137
<plex-layout-sidebar *ngIf="seguimiento" type="invert">
137138
<detalle-seguimiento *ngIf="!actualizacionSeguimiento" [seguimiento]="seguimiento" (close)="closeSideBar()"
138-
(selectLlamado)="verLlamado($event)">
139+
(selectLlamado)="verLlamado($event)">
139140
</detalle-seguimiento>
140141
<actualizar-seguimiento *ngIf="actualizacionSeguimiento" [seguimiento]="seguimiento" (close)="closeSideBar()"
141142
(save)="reload()"></actualizar-seguimiento>

‎src/app/modules/epidemiologia/services/seguimiento-pacientes.service.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { ResourceBaseHttp, Server } from '@andes/shared';
22
import { Injectable } from '@angular/core';
3+
import { Observable } from 'rxjs';
34

45
@Injectable({ providedIn: 'root' })
56
export class SeguimientoPacientesService extends ResourceBaseHttp {
@@ -9,6 +10,10 @@ export class SeguimientoPacientesService extends ResourceBaseHttp {
910
super(server);
1011
}
1112

13+
search(params = {}): Observable<any> {
14+
return this.server.get(`${this.url}/search/v2`, { params });
15+
}
16+
1217
asignarProfesional(data) {
1318
return this.server.post(`${this.url}/asignaciones`, data);
1419
}

0 commit comments

Comments
 (0)