feat(turnos-prestaciones): cambia visualizacion de descargas

andes · Feb 24, 2022 · c9407e3 · c9407e3
1 parent 424ed46
commit c9407e3
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 20 deletions.
diff --git 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/...es/visualizacion-informacion/components/exportar-huds/descargas-pendientes.component.html b/...es/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"