feat(TOP-209):"Turnos futuros al dar un turno( es en ventanilla citas)"

Author: nicolasarana

src/app/components/turnos/dar-turnos/dar-turnos.component.ts

@@ -44,6 +44,7 @@ export class DarTurnosComponent implements OnInit {
     public link: String = '';
     public changeCarpeta = false;
     public financiador;
+    public todaysdate: Date;
     hideDarTurno: boolean;
     @HostBinding('class.plex-layout') layout = true; // Permite el uso de flex-box en el componente
     autocitado = false;
@@ -67,6 +68,10 @@ export class DarTurnosComponent implements OnInit {
     set demandaInsatisfecha(value: any) {
         this.desdeDemanda = value;
     }
+    turnosPaciente: any;
+    get paciente(): any {
+        return this._paciente;
+    }
 
     @Input('solicitudPrestacion')
     set solicitudPrestacion(value: any) {
@@ -127,7 +132,7 @@ export class DarTurnosComponent implements OnInit {
     public organizacion = this.auth.organizacion;
     public _pacienteSeleccionado: any;
     public _solicitudPrestacion: any; // TODO: cambiar por IPrestacion cuando esté
-    public paciente: IPaciente;
+    public _paciente: IPaciente;
     public opciones: any = {};
     public agenda: IAgenda;
     public agendas: IAgenda[];
@@ -216,6 +221,8 @@ export class DarTurnosComponent implements OnInit {
     ) { }
 
     ngOnInit() {
+        this.todaysdate = new Date();
+        this.todaysdate.setHours(0, 0, 0, 0);
         this.hoy = new Date();
         this.autorizado = this.auth.getPermissions('turnos:darTurnos:?').length > 0;
         this.puedeDarSobreturno = this.auth.check('turnos:puntoInicio:darSobreturno');
@@ -251,11 +258,24 @@ export class DarTurnosComponent implements OnInit {
         this.actualizar();
     }
 
+    cargarTurnos() {
+        if (this._paciente?.id) {
+            this.serviceTurno.getHistorial({ pacienteId: this._paciente.id }).subscribe(turnos => {
+                const turnosFiltrados = turnos.filter(t => t.estado !== 'liberado' && moment(t.horaInicio).isSameOrAfter(this.todaysdate, 'day'));
+                this.turnosPaciente = turnosFiltrados.sort((a, b) => {
+                    const inia = a.horaInicio ? new Date(a.horaInicio) : null;
+                    const inib = b.horaInicio ? new Date(b.horaInicio) : null;
+                    return ((inia && inib) ? (inib.getTime() - inia.getTime()) : 0);
+                });
+            });
+        }
+    }
     actualizarDatosPaciente(paciente) {
         const idPaciente = paciente._id || paciente.id;
         this.servicePaciente.getById(idPaciente).subscribe(
             pacienteMPI => {
-                this.paciente = pacienteMPI;
+                this._paciente = pacienteMPI;
+                this.cargarTurnos();
                 this.verificarTelefono(pacienteMPI);
                 this.obtenerCarpetaPaciente();
                 if (this.paciente.documento) {

src/app/components/turnos/dar-turnos/dar-turnos.html

@@ -74,6 +74,52 @@
             <paciente-detalle [paciente]="paciente" orientacion="horizontal" [fields]="pacienteFields">
             </paciente-detalle>
         </ng-container>
+        <plex-title titulo="Turnos futuros" size="sm"></plex-title>
+        <plex-list *ngIf="turnosPaciente?.length">
+            <plex-item *ngFor="let turno of turnosPaciente">
+                <plex-icon name="calendario" type="info" size="md"></plex-icon>
+                <div>
+                    <plex-grid cols="3" size="md" type="auto">
+                        <plex-label size="md" [tituloBold]="true"
+                                    titulo="{{ turno.horaInicio | date:'dd/MM/yyyy HH:mm' }}"
+                                    subtitulo="{{ turno.tipoPrestacion?.term }}">
+                        </plex-label>
+
+                        <div *ngIf="turno.profesionales?.length">
+                            <plex-label size="md" [tituloBold]="true" titulo="Equipo de Salud">
+                            </plex-label>
+                            <div *ngFor="let profesional of turno.profesionales" class="small">
+                                {{profesional | nombre}}
+                            </div>
+                        </div>
+                        <div *ngIf="!turno.profesionales?.length">
+                            <plex-label size="md" [tituloBold]="true" titulo="Equipo de Salud"
+                                        subtitulo="Profesional no asignado">
+                            </plex-label>
+                        </div>
+
+                        <plex-label size="md" [tituloBold]="true" titulo="Espacio Físico"
+                                    subtitulo="{{ turno.espacioFisico?.nombre || turno.otroEspacioFisico?.nombre || 'No asignado' }}">
+                        </plex-label>
+
+                        <plex-label size="md" [tituloBold]="true" titulo="Efector"
+                                    subtitulo="{{ turno.organizacion?.nombre }}">
+                        </plex-label>
+
+                        <div *ngIf="turno.paciente?.obraSocial">
+                            <plex-label size="md" [tituloBold]="true" titulo="Obra Social"
+                                        subtitulo="{{ turno.paciente.obraSocial.nombre }}">
+                            </plex-label>
+                        </div>
+                    </plex-grid>
+                </div>
+            </plex-item>
+        </plex-list>
+        <div *ngIf="turnosPaciente && !turnosPaciente.length" justify="center" class="mt-4" style="margin-bottom: 2em;">
+            <plex-label class="flex-column" icon="informacion" size="md" direction="column"
+                        titulo="No existen turnos futuros para este paciente">
+            </plex-label>
+        </div>
         <plex-title *ngIf="estadoT === 'noSeleccionada' && !_solicitudPrestacion?.solicitud"
                     titulo="Búsquedas recientes" size="sm"></plex-title>
         <plex-list *ngIf="estadoT === 'noSeleccionada' && !_solicitudPrestacion?.solicitud" [selectable]="true">