feat(ep): muestra cantidad total de fichas filtradas

andes · Mar 29, 2022 · d083f7d · d083f7d
1 parent 0e7f0f2
commit d083f7d
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 26 deletions.
diff --git a/src/app/modules/epidemiologia/components/seguimiento/seguimientoEpidemiologia.component.ts b/src/app/modules/epidemiologia/components/seguimiento/seguimientoEpidemiologia.component.ts
@@ -47,6 +47,7 @@ export class SeguimientoEpidemiologiaComponent implements OnInit {
     public orderBy = [{ id: 'prioridad', label: 'Prioridad' }, { id: 'fecha', label: 'Fecha' }];
     public orden = 'prioridad';
     public collapse = false;
+    public totalResultados;
 
     constructor(
         private seguimientoPacientesService: SeguimientoPacientesService,
@@ -112,7 +113,8 @@ export class SeguimientoEpidemiologiaComponent implements OnInit {
                 }
                 return this.seguimientoPacientesService.search(this.query).pipe(
                     map(resultados => {
-                        this.listado = lastResults ? lastResults.concat(resultados) : resultados;
+                        this.listado = lastResults ? lastResults.concat(resultados.data) : resultados.data;
+                        this.totalResultados = resultados.pagination.total;
                         this.clearChecked();
                         this.query.skip = this.listado.length;
                         this.inProgress = false;

diff --git a/src/app/modules/epidemiologia/components/seguimiento/seguimientoEpidemiologia.html b/src/app/modules/epidemiologia/components/seguimiento/seguimientoEpidemiologia.html
@@ -3,7 +3,7 @@
         <ng-container *ngIf="!selectedLlamado">
             <plex-title titulo="Seguimiento de Pacientes">
                 <plex-button *ngIf="anyChecked" class="mr-1" type="warning" size="md" label="Asignar"
-                             (click)="displayAsignar()">
+                            (click)="displayAsignar()">
                 </plex-button>
                 <plex-button type="success" size="md" label="Buscar" (click)="buscar()">
                 </plex-button>
@@ -12,36 +12,37 @@
                 <plex-grid size="lg" type="full">
                     <plex-wrapper #wrapper (change)="changeCollapse($event)">
                         <plex-datetime grow="1" type="date" [(ngModel)]="fechaDesde" name="fechaDesde" label="Desde"
-                                       [max]="fechaHasta">
+                                    [max]="fechaHasta">
                         </plex-datetime>
                         <plex-datetime grow="1" type="date" [(ngModel)]="fechaHasta" name="fechaHasta" label="Hasta"
-                                       [min]="fechaDesde">
+                                    [min]="fechaDesde">
                         </plex-datetime>
                         <plex-select grow="1" name="estado" [data]="estadosSeguimiento" label="Estado"
-                                     [(ngModel)]="estado" labelField="nombre">
+                                    [(ngModel)]="estado" labelField="nombre">
                         </plex-select>
                         <plex-select grow="1" name="prioridad" (getData)="getOpcionesSemaforo($event)" label="Prioridad"
-                                     [(ngModel)]="prioridad" labelField="label">
+                                    [(ngModel)]="prioridad" labelField="label">
                         </plex-select>
                         <div collapse>
                             <plex-select grow="1" name="nombre" tmProfesionales label="Profesional"
-                                         [(ngModel)]="profesional" labelField="label">
+                                        [(ngModel)]="profesional" labelField="label">
                             </plex-select>
                             <plex-text [(ngModel)]="documento" name="documento" label="Documento"></plex-text>
                             <plex-bool *ngIf="esAuditor" type="slide" name="asignados" label="Ocultar Asignados"
-                                       [(ngModel)]="asignados" (change)="buscar()">
+                                    [(ngModel)]="asignados" (change)="buscar()">
                             </plex-bool>
                         </div>
                     </plex-wrapper>
                 </plex-grid>
-                <plex-title titulo="listado" size="sm">
-                    <plex-label titulo="Orden: " class="mr-2"></plex-label>
-                    <plex-radio [(ngModel)]="orden" [data]="orderBy" name="orden" (change)="buscar()" type="horizontal">
-                    </plex-radio>
-                </plex-title>
             </form>
             <div *ngIf='(seguimientos$ | async)?.length'>
-                <plex-list [striped]="false" height="calc(100vh - 269px)" (scrolled)="onScroll()">
+                <plex-list [striped]="false" height="calc(100vh - 280px)" (scrolled)="onScroll()">
+                    <plex-title titulo="listado" size="md">
+                        <plex-badge class="pr-3" type="info" name="totalResultados">fichas totales: {{ totalResultados }}</plex-badge>
+                        <plex-label titulo="Orden: " class="mr-2"></plex-label>
+                        <plex-radio [(ngModel)]="orden" [data]="orderBy" name="orden" (change)="buscar()" type="horizontal">
+                        </plex-radio>
+                    </plex-title>
                     <plex-item>
                         <plex-bool *ngIf="esAuditor" name="all" (change)="selectAll($event)" [(ngModel)]="allSelected">
                         </plex-bool>
@@ -54,9 +55,9 @@
                     <ng-container *ngFor="let seguimiento of seguimientos$ | async">
                         <ng-container *ngIf="seguimiento | seguimientoFields as fields">
                             <plex-item [colors]="getColorPrioridad(seguimiento.score.value)"
-                                       (click)="!anyChecked ? selectSeguimiento(seguimiento) : $event.preventDefault()">
+                                    (click)="!anyChecked ? selectSeguimiento(seguimiento) : $event.preventDefault()">
                                 <plex-bool *ngIf="esAuditor" name="all" (change)="onCheck($event)"
-                                           [(ngModel)]="checkedSeguimientos[seguimiento.id]">
+                                        [(ngModel)]="checkedSeguimientos[seguimiento.id]">
                                 </plex-bool>
                                 <plex-label [tituloBold]="true" titulo="{{ seguimiento.paciente | nombre}}"
                                             subtitulo="{{ seguimiento.paciente.documento}}"></plex-label>
@@ -82,13 +83,13 @@
                                     <plex-badge *ngIf="seguimiento.ultimoEstado.clave === 'seguimiento'" type="info"
                                                 icon="phone" class="ml-1">
                                         {{ seguimiento.ultimoEstado.valor | date:"dd/MM/yyy HH:mm" }} <plex-icon
-                                                   size="sm" name="phone" type="info">
+                                                size="sm" name="phone" type="info">
                                         </plex-icon>
                                     </plex-badge>
                                     <plex-badge *ngIf="seguimiento.ultimoEstado.clave === 'seguimiento'" type="warning"
                                                 icon="phone" class="ml-1">
                                         {{ seguimiento.llamados.length }} <plex-icon size="sm" name="phone"
-                                                   type="warning">
+                                                type="warning">
                                         </plex-icon>
                                     </plex-badge>
                                     <plex-badge *ngIf="seguimiento.ultimoEstado.clave === 'alta'" type="success"
@@ -102,17 +103,17 @@
                                 </div>
                                 <div>
                                     <plex-button *ngIf="seguimiento.ultimoEstado.clave === 'pendiente'" type="success"
-                                                 size="sm" tooltip="Iniciar Seguimiento" label="Iniciar" class="ml-4"
-                                                 (click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
+                                                size="sm" tooltip="Iniciar Seguimiento" label="Iniciar" class="ml-4"
+                                                (click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
                                     </plex-button>
                                     <plex-button *ngIf="seguimiento.ultimoEstado.clave === 'seguimiento'" type="success"
-                                                 size="sm" tooltip="Continuar Seguimiento" label="Continuar"
-                                                 class="ml-4"
-                                                 (click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
+                                                size="sm" tooltip="Continuar Seguimiento" label="Continuar"
+                                                class="ml-4"
+                                                (click)="iniciarSeguimiento(seguimiento);$event.stopPropagation()">
                                     </plex-button>
                                     <plex-button type="info" size="sm" tooltip="Actualizar Datos" class="ml-1"
-                                                 icon="pencil" [disabled]="anyChecked"
-                                                 (click)="actualizarSeguimiento(seguimiento);$event.stopPropagation()">
+                                                icon="pencil" [disabled]="anyChecked"
+                                                (click)="actualizarSeguimiento(seguimiento);$event.stopPropagation()">
                                     </plex-button>
                                 </div>
                             </plex-item>
@@ -135,7 +136,7 @@
     </plex-layout-main>
     <plex-layout-sidebar *ngIf="seguimiento" type="invert">
         <detalle-seguimiento *ngIf="!actualizacionSeguimiento" [seguimiento]="seguimiento" (close)="closeSideBar()"
-                             (selectLlamado)="verLlamado($event)">
+                            (selectLlamado)="verLlamado($event)">
         </detalle-seguimiento>
         <actualizar-seguimiento *ngIf="actualizacionSeguimiento" [seguimiento]="seguimiento" (close)="closeSideBar()"
                                 (save)="reload()"></actualizar-seguimiento>

diff --git a/src/app/modules/epidemiologia/services/seguimiento-pacientes.service.ts b/src/app/modules/epidemiologia/services/seguimiento-pacientes.service.ts
@@ -1,5 +1,6 @@
 import { ResourceBaseHttp, Server } from '@andes/shared';
 import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
 
 @Injectable({ providedIn: 'root' })
 export class SeguimientoPacientesService extends ResourceBaseHttp {
@@ -9,6 +10,10 @@ export class SeguimientoPacientesService extends ResourceBaseHttp {
         super(server);
     }
 
+    search(params = {}): Observable<any> {
+        return this.server.get(`${this.url}/search/v2`, { params });
+    }
+
     asignarProfesional(data) {
         return this.server.post(`${this.url}/asignaciones`, data);
     }