From dff1a08c129a8cd7025c58035af29040a71af968 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adina=20=C8=9Aeudan?= Date: Sat, 15 Jan 2022 18:23:44 +0200 Subject: [PATCH] Disable/enable tooltips icons --- .../components/pdf-viewer/pdf-viewer.component.ts | 11 ++++++++++- .../general/pdftron-action-disable-tooltips.svg | 12 ++++++++++++ ...oltips.svg => pdftron-action-enable-tooltips.svg} | 0 3 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 apps/red-ui/src/assets/icons/general/pdftron-action-disable-tooltips.svg rename apps/red-ui/src/assets/icons/general/{pdftron-action-toggle-tooltips.svg => pdftron-action-enable-tooltips.svg} (100%) diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts index cbd7d8ccc..36310686b 100644 --- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts +++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/pdf-viewer/pdf-viewer.component.ts @@ -105,6 +105,14 @@ export class PdfViewerComponent implements OnInit, OnChanges { }); } + private get _toggleTooltipsIcon(): string { + return this._convertPath( + this._userPreferenceService.getFilePreviewTooltipsPreference() + ? '/assets/icons/general/pdftron-action-enable-tooltips.svg' + : '/assets/icons/general/pdftron-action-disable-tooltips.svg', + ); + } + async ngOnInit() { this._setReadyAndInitialState = this._setReadyAndInitialState.bind(this); await this.loadViewer(); @@ -354,13 +362,14 @@ export class PdfViewerComponent implements OnInit, OnChanges { type: 'actionButton', element: 'tooltips', dataElement: dataElements.TOGGLE_TOOLTIPS, - img: this._convertPath('/assets/icons/general/pdftron-action-toggle-tooltips.svg'), + img: this._toggleTooltipsIcon, title: this._toggleTooltipsBtnTitle, onClick: async () => { await this._userPreferenceService.toggleFilePreviewTooltipsPreference(); this._updateTooltipsVisibility(); this.instance.UI.updateElement(dataElements.TOGGLE_TOOLTIPS, { title: this._toggleTooltipsBtnTitle, + img: this._toggleTooltipsIcon, }); }, }, diff --git a/apps/red-ui/src/assets/icons/general/pdftron-action-disable-tooltips.svg b/apps/red-ui/src/assets/icons/general/pdftron-action-disable-tooltips.svg new file mode 100644 index 000000000..08a743375 --- /dev/null +++ b/apps/red-ui/src/assets/icons/general/pdftron-action-disable-tooltips.svg @@ -0,0 +1,12 @@ + + + + + + + + + diff --git a/apps/red-ui/src/assets/icons/general/pdftron-action-toggle-tooltips.svg b/apps/red-ui/src/assets/icons/general/pdftron-action-enable-tooltips.svg similarity index 100% rename from apps/red-ui/src/assets/icons/general/pdftron-action-toggle-tooltips.svg rename to apps/red-ui/src/assets/icons/general/pdftron-action-enable-tooltips.svg