From d52b8b0d875b13a35c16aef84a27f53e746f598a Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Tue, 27 Aug 2024 15:09:41 +0300
Subject: [PATCH] RED-9946: added tooltip with valueDescription.

---
 .../editable-structured-component-value.component.html      | 6 +++++-
 .../editable-structured-component-value.component.ts        | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
index 1d8262154..ee52fc338 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
@@ -4,7 +4,11 @@
         <div class="value">
             <div class="text">
                 @for (componentValue of currentEntry().componentValues; track componentValue) {
-                    <span [innerHTML]="transformNewLines(componentValue.value ?? componentValue.originalValue) | replaceNbsp"></span>
+                    <span
+                        [innerHTML]="transformNewLines(componentValue.value ?? componentValue.originalValue) | replaceNbsp"
+                        [matTooltip]="componentValue.valueDescription"
+                        [matTooltipPositionAtOrigin]="true"
+                    ></span>
                 }
             </div>
             <div class="actions">
diff --git a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.ts b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.ts
index 34efc54e0..923fc5b3c 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.ts
+++ b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.ts
@@ -10,6 +10,7 @@ import { RevertValueDialogComponent } from '../../dialogs/docu-mine/revert-value
 import { FilePreviewStateService } from '../../services/file-preview-state.service';
 import { escapeHtml } from '@common-ui/utils';
 import { ReplaceNbspPipe } from '@common-ui/pipes/replace-nbsp.pipe';
+import { MatTooltip } from '@angular/material/tooltip';
 
 @Component({
     selector: 'redaction-editable-structured-component-value [entry] [canEdit]',
@@ -31,6 +32,7 @@ import { ReplaceNbspPipe } from '@common-ui/pipes/replace-nbsp.pipe';
         FormsModule,
         AsyncPipe,
         ReplaceNbspPipe,
+        MatTooltip,
     ],
 })
 export class EditableStructuredComponentValueComponent implements OnInit {