Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-9946: added tooltip with valueDescription.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-08-27 15:09:41 +03:00
parent 61b869675e
commit d52b8b0d87
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
View File

@ -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">

2
apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.ts
View File

@ -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 {