feat(IN-431): Mostrar fecha y hora del mapa de cama (#2648)

andes · May 10, 2022 · 9b4e6e5 · 9b4e6e5
1 parent fca007b
commit 9b4e6e5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/src/app/apps/rup/mapa-camas/views/mapa-camas-capa/mapa-camas-capa.component.html b/src/app/apps/rup/mapa-camas/views/mapa-camas-capa/mapa-camas-capa.component.html
@@ -1,21 +1,24 @@
 <plex-layout main="8">
     <plex-layout-main *ngIf="mainView$ | async as mainView">
         <header *ngIf="mainView === 'principal'">
-            <plex-title titulo="Mapa de Camas">
-                <plex-button *ngIf="mapaCamasService.capa === 'estadistica'" class="mr-1" size="sm"
-                             label="LISTADO DE INTERNACIÓN" type="primary" (click)="verListadoInternacion()">
-                </plex-button>
-                <plex-button *ngIf="mapaCamasService.capa === 'estadistica' && puedeVerHistorial$ | async" class="mr-1"
-                             size="sm" label="HISTORIAL" type="primary" (click)="verListadoInternacionMedico()">
-                </plex-button>
-                <plex-dropdown *ngIf="mapaCamasService.capa === 'estadistica' && permisosMapaCamasService.censo"
-                               size="sm" label="VER CENSO" type="primary" class="d-inline-block mr-1" [right]="true"
-                               [items]="itemsCensoDropdown">
-                </plex-dropdown>
-                <plex-button type="info" size="sm" (click)="onVisualizar()" tooltip="Mapa Visual de Camas">
-                    <plex-icon name="atom"></plex-icon>
-                </plex-button>
-            </plex-title>
+            <ng-container *ngIf="fecha$ | async as fecha">
+                <plex-title titulo="Mapa de camas - {{fecha | date: 'dd/MM/yyyy  HH:mm'}}">
+                    <plex-button *ngIf="mapaCamasService.capa === 'estadistica'" class="mr-1" size="sm"
+                                 label="LISTADO DE INTERNACIÓN" type="primary" (click)="verListadoInternacion()">
+                    </plex-button>
+                    <plex-button *ngIf="mapaCamasService.capa === 'estadistica' && puedeVerHistorial$ | async"
+                                 class="mr-1" size="sm" label="HISTORIAL" type="primary"
+                                 (click)="verListadoInternacionMedico()">
+                    </plex-button>
+                    <plex-dropdown *ngIf="mapaCamasService.capa === 'estadistica' && permisosMapaCamasService.censo"
+                                   size="sm" label="VER CENSO" type="primary" class="d-inline-block mr-1" [right]="true"
+                                   [items]="itemsCensoDropdown">
+                    </plex-dropdown>
+                    <plex-button type="info" size="sm" (click)="onVisualizar()" tooltip="Mapa Visual de Camas">
+                        <plex-icon name="atom"></plex-icon>
+                    </plex-button>
+                </plex-title>
+            </ng-container>
 
             <app-filtros-camas></app-filtros-camas>
 

diff --git a/src/app/apps/rup/mapa-camas/views/mapa-camas-capa/mapa-camas-capa.component.ts b/src/app/apps/rup/mapa-camas/views/mapa-camas-capa/mapa-camas-capa.component.ts
@@ -41,6 +41,7 @@ export class MapaCamasCapaComponent implements OnInit, OnDestroy {
     cambiarUO;
     listadoRecursos = false;
     camasDisponibles;
+    fecha$: Observable<Date>;
 
     puedeVerHistorial$: Observable<boolean>;
 
@@ -150,6 +151,8 @@ export class MapaCamasCapaComponent implements OnInit, OnDestroy {
         );
 
         this.getSnapshot();
+
+        this.fecha$ = this.mapaCamasService.fecha2;
     }
 
     getSnapshot(fecha = null) {