From 66277814c5e2d224f78dad5e28c94ac4d084409b Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Sun, 4 Aug 2024 12:30:14 +0300
Subject: [PATCH] RED-9776 - added active entity class

---
 src/lib/listing/table-content/table-content.component.html | 2 ++
 src/lib/listing/table-content/table-content.component.scss | 1 +
 src/lib/listing/table-content/table-content.component.ts   | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/src/lib/listing/table-content/table-content.component.html b/src/lib/listing/table-content/table-content.component.html
index ef6198a..9b77217 100644
--- a/src/lib/listing/table-content/table-content.component.html
+++ b/src/lib/listing/table-content/table-content.component.html
@@ -15,6 +15,7 @@
                     (mouseenter)="itemMouseEnterFn && itemMouseEnterFn(entity)"
                     (mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)"
                     [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
+                    [class.active-entity]="activeListingEntityService.activeEntity() === entity.id"
                     [id]="rowIdPrefix + '-' + ((entity[namePropertyKey] | snakeCase) ?? entity.id)"
                     [ngClass]="getTableItemClasses(entity)"
                     [routerLink]="entity.routerLink"
@@ -28,6 +29,7 @@
             } @else {
                 <div
                     [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
+                    [class.active-entity]="activeListingEntityService.activeEntity() === entity.id"
                     [id]="rowIdPrefix + '-' + ((entity[namePropertyKey] | snakeCase) ?? entity.id)"
                     [ngClass]="getTableItemClasses(entity)"
                     [routerLink]="entity.routerLink"
diff --git a/src/lib/listing/table-content/table-content.component.scss b/src/lib/listing/table-content/table-content.component.scss
index f9eeaf0..7cdb397 100644
--- a/src/lib/listing/table-content/table-content.component.scss
+++ b/src/lib/listing/table-content/table-content.component.scss
@@ -33,6 +33,7 @@
             }
 
             &:hover,
+            &.active-entity,
             &.help-mode-active {
                 .selection-column iqser-round-checkbox .wrapper {
                     opacity: 1;
diff --git a/src/lib/listing/table-content/table-content.component.ts b/src/lib/listing/table-content/table-content.component.ts
index 77f2dfb..81bdcba 100644
--- a/src/lib/listing/table-content/table-content.component.ts
+++ b/src/lib/listing/table-content/table-content.component.ts
@@ -15,6 +15,7 @@ import { IListable } from '../models/listable';
 import { Id } from '../models/trackable';
 import { ListingService } from '../services/listing.service';
 import { TableItemComponent } from './table-item/table-item.component';
+import { ActiveListingEntityService } from '../../../../../../apps/red-ui/src/app/services/active-listing-entity.service';
 
 @Component({
     selector: 'iqser-table-content',
@@ -53,6 +54,7 @@ export class TableContentComponent<Class extends IListable<PrimaryKey>, PrimaryK
     constructor(
         @Inject(forwardRef(() => ListingComponent)) readonly listingComponent: ListingComponent<Class>,
         readonly listingService: ListingService<Class>,
+        readonly activeListingEntityService: ActiveListingEntityService,
         @Optional() readonly helpModeService: HelpModeService,
     ) {
         super();