fix(TOP): se marca la solicitud seleccionada

andes · Apr 10, 2023 · 9f84281 · 9f84281
1 parent 03c9e3c
commit 9f84281
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/app/components/top/solicitudes/solicitudes.component.ts b/src/app/components/top/solicitudes/solicitudes.component.ts
@@ -55,6 +55,7 @@ export class SolicitudesComponent implements OnInit {
     public prestacionesDestino = [];
     public estado;
     public asignadas = false;
+    public prestacionSelected;
     itemsDropdown: any = []; // Acciones del dropdown 'vincular
     openedDropDown = null;
 
@@ -273,6 +274,10 @@ export class SolicitudesComponent implements OnInit {
     }
 
     seleccionar(prestacion) {
+        if (prestacion) {
+            this.prestacionSelected = prestacion;
+        }
+
         if (this.seleccionado && this.seleccionado.id === prestacion.id) {
             this.seleccionado = null;
         } else {

diff --git a/src/app/components/top/solicitudes/solicitudes.html b/src/app/components/top/solicitudes/solicitudes.html
@@ -101,7 +101,8 @@
                             (scroll)="onScroll()" [offset]="collapse?252:180" height="60vh">
                     <plex-table-columns>
                     </plex-table-columns>
-                    <tr *ngFor="let prestacion of prestacionesEntrada; let i=index" (click)="seleccionar(prestacion)">
+                    <tr *ngFor="let prestacion of prestacionesEntrada; let i=index" (click)="seleccionar(prestacion)"
+                        [class.selected]="prestacion?.id===prestacionSelected?.id" [class.selectable]="selectable">
                         <td *plTableCol="'fecha'">
                             <plex-label>
                                 <shared-popover-audit class="mt-3" placement="right" [data]="prestacion"
@@ -242,7 +243,9 @@
                             (scroll)="onScroll()" [offset]="collapse?252:180" height="60vh">
                     <plex-table-columns>
                     </plex-table-columns>
-                    <tr *ngFor="let prestacion of prestacionesSalida; let i=index" (click)="seleccionar(prestacion)">
+                    <tr *ngFor="let prestacion of prestacionesSalida; let i=index" (click)="seleccionar(prestacion)"
+                        [class.selected]="prestacion?.id===prestacionSelected?.id" [class.selectable]="selectable">
+
                         <!-- FECHA -->
                         <td *plTableCol="'fecha'">
                             <plex-label [tituloBold]="true" titulo="Registrada el {{prestacion.createdAt | fecha}}"