Merge branch 'RED-9946' into 'master'

RED-9946: added tooltip with valueDescription.

See merge request redactmanager/red-ui!554
This commit is contained in:
Dan Percic 2024-08-27 14:10:38 +02:00
commit 43830f463d
2 changed files with 7 additions and 1 deletions

View File

@ -4,7 +4,11 @@
<div class="value"> <div class="value">
<div class="text"> <div class="text">
@for (componentValue of currentEntry().componentValues; track componentValue) { @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>
<div class="actions"> <div class="actions">

View File

@ -10,6 +10,7 @@ import { RevertValueDialogComponent } from '../../dialogs/docu-mine/revert-value
import { FilePreviewStateService } from '../../services/file-preview-state.service'; import { FilePreviewStateService } from '../../services/file-preview-state.service';
import { escapeHtml } from '@common-ui/utils'; import { escapeHtml } from '@common-ui/utils';
import { ReplaceNbspPipe } from '@common-ui/pipes/replace-nbsp.pipe'; import { ReplaceNbspPipe } from '@common-ui/pipes/replace-nbsp.pipe';
import { MatTooltip } from '@angular/material/tooltip';
@Component({ @Component({
selector: 'redaction-editable-structured-component-value [entry] [canEdit]', selector: 'redaction-editable-structured-component-value [entry] [canEdit]',
@ -31,6 +32,7 @@ import { ReplaceNbspPipe } from '@common-ui/pipes/replace-nbsp.pipe';
FormsModule, FormsModule,
AsyncPipe, AsyncPipe,
ReplaceNbspPipe, ReplaceNbspPipe,
MatTooltip,
], ],
}) })
export class EditableStructuredComponentValueComponent implements OnInit { export class EditableStructuredComponentValueComponent implements OnInit {