feat(top): mostrar cantidad solicitudes (#2080)

andes · Dec 18, 2020 · 989b171 · 989b171
1 parent efe9f9c
commit 989b171
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 4 deletions.
diff --git a/src/app/components/top/pipes/auditorias-solicitud.pipe.ts b/src/app/components/top/pipes/auditorias-solicitud.pipe.ts
@@ -0,0 +1,19 @@
+import { Auth } from '@andes/auth';
+import { Pipe, PipeTransform } from '@angular/core';
+import { IPrestacion } from '../../../modules/rup/interfaces/prestacion.interface';
+
+@Pipe({
+    name: 'auditoriasSolicitud'
+})
+export class AuditoriasSolicitudPipe implements PipeTransform {
+    constructor(private auth: Auth) { }
+    transform(prestacion: IPrestacion): any {
+        const accionesAuditorias = [
+            'rechazada',
+            'pendiente',
+            'referir',
+            'devolver'
+        ];
+        return prestacion.solicitud.historial.filter(e => accionesAuditorias.includes(e.accion)).length;
+    }
+}
diff --git a/src/app/components/top/solicitudes/solicitudes.html b/src/app/components/top/solicitudes/solicitudes.html
@@ -107,10 +107,18 @@
                                 <plex-badge type="info" *ngIf="!prestacion.solicitud.turno && estado === 'rechazada'">
                                     CONTRARREFERIDA
                                 </plex-badge>
-                                <plex-badge type="warning"
-                                            *ngIf=" !prestacion.solicitud.turno && prestacion.estadoActual.tipo === 'auditoria'">
-                                    {{prestacion.estadoActual.tipo}}
-                                </plex-badge>
+
+                                <ng-container *ngIf="!prestacion.solicitud.turno && prestacion.estadoActual.tipo === 'auditoria'">
+                                    <plex-badge type="warning" class="mr-0">
+                                        {{prestacion.estadoActual.tipo}}
+                                    </plex-badge>
+                                    <plex-badge type="danger bg-danger" class="ml-0" *ngIf="prestacion | auditoriasSolicitud as auditorias">
+                                        <span class="text-white">
+                                            <strong>{{auditorias}}</strong>
+                                        </span>
+                                    </plex-badge>
+                                </ng-container>
+
                                 <plex-badge *ngIf="estado === 'Turno dado'" type="success">Turno dado</plex-badge>
                                 <plex-badge *ngIf="prestacion.solicitud.turno && prestacion.estadoActual.tipo === 'validada'"
                                             type="success">Registro en HUDS</plex-badge>

diff --git a/src/app/components/top/top.routing.ts b/src/app/components/top/top.routing.ts
@@ -24,6 +24,7 @@ import { DetalleSolicitudComponent } from './solicitudes/detalleSolicitud.compon
 import { PrestacionSolicitudComponent } from './solicitudes/prestacionSolicitud.component';
 import { VisualizacionReglasTopComponent } from './reglas/visualizacionReglasTop.component';
 import { EstadoSolicitudPipe } from './pipes/estado-solicitud.pipe';
+import { AuditoriasSolicitudPipe } from './pipes/auditorias-solicitud.pipe';
 import { BotonesSolicitudPipe } from './pipes/botones.pipe';
 
 
@@ -63,6 +64,7 @@ export const TOP_ROUTES = [
         ListaReglasComponent,
         BusquedaPacienteComponent,
         EstadoSolicitudPipe,
+        AuditoriasSolicitudPipe,
         BotonesSolicitudPipe
     ]
 })