#18987 - Logotype in header

Riksarkivet · Sep 23, 2024 · 6d9389a · 6d9389a
1 parent 99216d0
commit 6d9389a
Show file tree

Hide file tree

Showing 6 changed files with 128 additions and 2 deletions.
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
@@ -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
@@ -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
@@ -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 = $('<div class="prevOptions"></div>');
     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
@@ -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;