fix(TOP): se marca la solicitud seleccionada

andes · May 5, 2023 · dfb6d89 · dfb6d89
1 parent adef54a
commit dfb6d89
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/app/components/top/solicitudes/solicitudes.component.ts b/src/app/components/top/solicitudes/solicitudes.component.ts
@@ -2,7 +2,7 @@ import { Auth } from '@andes/auth';
 import { Plex } from '@andes/plex';
 import { PlexModalComponent } from '@andes/plex/src/lib/modal/modal.component';
 import { Unsubscribe } from '@andes/shared';
-import { Component, HostBinding, OnInit, ViewChild } from '@angular/core';
+import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core';
 import { Router } from '@angular/router';
 import { concat } from 'rxjs';
 import { PacienteService } from 'src/app/core/mpi/services/paciente.service';
@@ -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;
 
@@ -137,6 +138,12 @@ export class SolicitudesComponent implements OnInit {
         },
     ];
 
+    // Permite :hover y click()
+    @Input() selectable = true;
+
+    // Muestra efecto de selección
+    @Input() selected = false;
+
     constructor(
         public auth: Auth,
         private plex: Plex,
@@ -273,6 +280,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}}"