From c9407e3b9a58be43ac63aec5b9d32d23b066d75b Mon Sep 17 00:00:00 2001
From: palita1991 <marianopalavecino7@gmail.com>
Date: Mon, 21 Feb 2022 15:33:25 -0300
Subject: [PATCH] feat(turnos-prestaciones): cambia visualizacion de descargas

---
 .../turnos-prestaciones.html                  |  4 +-
 .../descargas-pendientes.component.html       | 41 +++++++++++--------
 2 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/app/components/buscadorTurnosPrestaciones/turnos-prestaciones.html b/src/app/components/buscadorTurnosPrestaciones/turnos-prestaciones.html
index 190a885e25..4ff247b966 100644
--- a/src/app/components/buscadorTurnosPrestaciones/turnos-prestaciones.html
+++ b/src/app/components/buscadorTurnosPrestaciones/turnos-prestaciones.html
@@ -1,4 +1,4 @@
-<plex-layout main="{{ showPrestacion || descargasPendientes ? '6' : '12'}}">
+<plex-layout main="{{ showPrestacion? '6': descargasPendientes? '8': '12'}}">
     <plex-layout-main>
 
         <plex-title titulo="Turnos y prestaciones">
@@ -283,7 +283,7 @@
         </div>
 
     </plex-layout-sidebar>
-    <plex-layout-sidebar *ngIf="descargasPendientes" [type]="'invert'">
+    <plex-layout-sidebar *ngIf="descargasPendientes" type="invert">
         <descargas-pendientes>
             <plex-button justify="end" icon="close" type="danger" tooltip="Cerrar" (click)="mostrarPendientes()">
             </plex-button>
diff --git a/src/app/modules/visualizacion-informacion/components/exportar-huds/descargas-pendientes.component.html b/src/app/modules/visualizacion-informacion/components/exportar-huds/descargas-pendientes.component.html
index 8f3d9a9632..9b2052eced 100644
--- a/src/app/modules/visualizacion-informacion/components/exportar-huds/descargas-pendientes.component.html
+++ b/src/app/modules/visualizacion-informacion/components/exportar-huds/descargas-pendientes.component.html
@@ -4,24 +4,29 @@
     </plex-button>
     <ng-content></ng-content>
 </plex-title>
-<plex-list *ngIf="!sinPendientes; else noPendientes">
-    <plex-item *ngFor="let pendiente of completed">
-        <plex-label
-                    titulo="HUDS-{{pendiente.pacienteNombre?pendiente.pacienteNombre:pendiente.createdAt| date: 'dd/MM/yyyy HH:mm'}}">
-        </plex-label>
-        <plex-button type="info" size="sm" (click)="exportarHuds(pendiente)">
-            Descargar
-        </plex-button>
-    </plex-item>
-    <plex-item *ngFor="let pendiente of pending">
-        <plex-label
-                    titulo="HUDS-{{pendiente.pacienteNombre?pendiente.pacienteNombre:pendiente.createdAt| date: 'dd/MM/yyyy HH:mm'}}">
-        </plex-label>
-        <plex-button type="info" size="sm" disabled="true">
-            En proceso
-        </plex-button>
-    </plex-item>
-</plex-list>
+<plex-table *ngIf="!sinPendientes; else noPendientes">
+    <tr *ngFor="let pendiente of completed">
+        <td>
+            <plex-label size="md"
+                        titulo="HUDS-{{pendiente.pacienteNombre?pendiente.pacienteNombre:pendiente.createdAt| date: 'dd/MM/yyyy HH:mm'}}">
+            </plex-label>
+        </td>
+        <td>
+            <plex-button type="info" size="sm" class="float-right" (click)="exportarHuds(pendiente)">Descargar
+            </plex-button>
+        </td>
+    </tr>
+    <tr *ngFor="let pendiente of pending">
+        <td>
+            <plex-label size="md"
+                        titulo="HUDS-{{pendiente.pacienteNombre?pendiente.pacienteNombre:pendiente.createdAt| date: 'dd/MM/yyyy HH:mm'}}">
+            </plex-label>
+        </td>
+        <td>
+            <plex-button type="info" size="sm" class="float-right" disabled="true">En proceso</plex-button>
+        </td>
+    </tr>
+</plex-table>
 <ng-template #noPendientes>
     <div justify="center" class="h-75">
         <plex-label icon="information-variant" type="default" size="xl" direction="column"