From 6d9389ae61b0f562ba7fd130292a9bf23f72c42c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fei=20Lid=C3=A9n?= Date: Mon, 23 Sep 2024 17:00:21 +0200 Subject: [PATCH] #18987 - Logotype in header --- .../config/Config.ts | 2 + .../config/config.json | 3 +- .../PagingHeaderPanel.ts | 7 ++ .../css/styles.less | 6 + .../uv-pagingheaderpanel-module/img/logo.svg | 109 ++++++++++++++++++ src/uv-iiif-config.json | 3 +- 6 files changed, 128 insertions(+), 2 deletions(-) create mode 100644 src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/img/logo.svg diff --git a/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/Config.ts b/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/Config.ts index b81f1f6d2..41b4f7ea2 100644 --- a/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/Config.ts +++ b/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/Config.ts @@ -63,6 +63,8 @@ type PagingHeaderPanelOptions = HeaderPanelOptions & { pageModeEnabled: boolean; /** Determines if paging toggle is enabled */ pagingToggleEnabled: boolean; + /** Determines if logotype (in left upper corner of header) is set to visible */ + showLogo: boolean }; type PagingHeaderPanelContent = HeaderPanelContent & { diff --git a/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/config.json b/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/config.json index 761be0907..f1e132068 100644 --- a/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/config.json +++ b/src/content-handlers/iiif/extensions/uv-openseadragon-extension/config/config.json @@ -417,7 +417,8 @@ "localeToggleEnabled": false, "settingsButtonEnabled": true, "helpEnabled": true, - "modeOptionsEnabled": true + "modeOptionsEnabled": true, + "showLogo": true }, "content": { "close": "$close", diff --git a/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/PagingHeaderPanel.ts b/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/PagingHeaderPanel.ts index 43237080e..f31171b3b 100644 --- a/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/PagingHeaderPanel.ts +++ b/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/PagingHeaderPanel.ts @@ -15,6 +15,7 @@ export class PagingHeaderPanel extends HeaderPanel< Config["modules"]["pagingHeaderPanel"] > { $autoCompleteBox: JQuery; + $logoElement: JQuery; $firstButton: JQuery; $galleryButton: JQuery; $imageModeLabel: JQuery; @@ -77,6 +78,8 @@ export class PagingHeaderPanel extends HeaderPanel< this.closeGallery(); } ); + + this.$logoElement = $('.uv .headerPanel .options'); this.$prevOptions = $('
'); this.$centerOptions.append(this.$prevOptions); @@ -420,6 +423,10 @@ export class PagingHeaderPanel extends HeaderPanel< this.$centerOptions.addClass("modeOptionsDisabled"); } + if (this.options.showLogo === false) { + this.$logoElement.css('background-image', 'none'); + } + // Search is shown as default if ( this.options.imageSelectionBoxEnabled === true && diff --git a/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/css/styles.less b/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/css/styles.less index cadb71af8..86d7e6181 100644 --- a/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/css/styles.less +++ b/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/css/styles.less @@ -6,6 +6,12 @@ color: @text-secondary-color; + .options { + background-image: url('../img/logo.svg'); + background-repeat: no-repeat; + background-size: contain; + } + button.btn.imageBtn { padding-left: 2px; padding-right: 2px; diff --git a/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/img/logo.svg b/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/img/logo.svg new file mode 100644 index 000000000..24b1b26cd --- /dev/null +++ b/src/content-handlers/iiif/modules/uv-pagingheaderpanel-module/img/logo.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/uv-iiif-config.json b/src/uv-iiif-config.json index 9344fb50b..a1c89346a 100644 --- a/src/uv-iiif-config.json +++ b/src/uv-iiif-config.json @@ -47,7 +47,8 @@ "imageSelectionBoxEnabled": true, "autoCompleteBoxEnabled": false, "modeOptionsEnabled": false, - "galleryButtonEnabled": false + "galleryButtonEnabled": false, + "showLogo": true } }, "openSeadragonCenterPanel": {