From 425fccc684565aa1d1295c4157a6d200b2bc1935 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Fri, 15 May 2026 10:30:59 +0100
Subject: [PATCH 1/3] Fix broken paginate links in gallery

---
 .../components/tabContentComponents/galleryContent.vue    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/tabContentComponents/galleryContent.vue b/webapp/src/components/tabContentComponents/galleryContent.vue
index 0b3313cf..d17c2780 100644
--- a/webapp/src/components/tabContentComponents/galleryContent.vue
+++ b/webapp/src/components/tabContentComponents/galleryContent.vue
@@ -61,7 +61,7 @@
       </div>
     </div>
     <PaginateLinks
-      :total-pages="numberOfPages"
+      :total-pages="totalPages"
       :current-page="currentPage"
       @change-page="changePage"
     />
@@ -119,8 +119,7 @@ export default {
         return null;
       }
     },
-    // name changed as paginateLinks has the prop totalPages
-    numberOfPages() {
+    totalPages() {
       return Math.ceil((this.all_items?.length || 0) / this.itemsPerPage);
     },
     paginatedItems() {
@@ -220,6 +219,9 @@ export default {
       }
     },
     changePage(page) {
+      console.log(page);
+      console.log(this.currentPage);
+      console.log(this.totalPages);
       if (page >= 1 && page <= this.totalPages && this.currentPage != page) {
         this.$emit("scrollTop");
         this.currentPage = page;

From f0648a1613704939079ac5178df090239dea16fd Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Fri, 15 May 2026 10:42:26 +0100
Subject: [PATCH 2/3] Set gallery cursor for action or not allowed

---
 webapp/src/App.vue                             |  7 -------
 .../galleryComponents/galleryCard.vue          | 18 +++++++++++++++++-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index 5d06de65..c603d280 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -387,11 +387,4 @@ html {
   padding: 0;
   height: 100%;
 }
-
-.thumbnail-fit {
-  max-height: 120px;
-  max-width: 240px;
-  object-fit: contain;
-  overflow-y: hidden;
-}
 </style>
diff --git a/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue b/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
index d9b32d11..8e8af469 100644
--- a/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
+++ b/webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
@@ -5,10 +5,11 @@
         <div class="view-image uk-padding-remove uk-height-1-1">
           <img
             id="thumbnail-stitched-image"
+            :class="[itemData?.dzi ? 'thumbnail-fit clickable' : 'thumbnail-fit disabled']"
             class="thumbnail-fit"
             :src="thumbnailPath"
             onerror="this.src = '/titleiconpink.svg'"
-            @click="requestViewer"
+            @click="itemData?.dzi && requestViewer()"
           />
         </div>
       </div>
@@ -192,4 +193,19 @@ ul {
 .gallery-card-title {
   text-align: center;
 }
+
+.thumbnail-fit {
+  max-height: 120px;
+  max-width: 240px;
+  object-fit: contain;
+  overflow-y: hidden;
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.disabled {
+  cursor: not-allowed;
+}
 </style>

From 177f1c437daac36d17c667aa11bfae6d85cf118f Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Fri, 15 May 2026 10:57:54 +0000
Subject: [PATCH 3/3] Remove console.log from debugging

---
 webapp/eslint.config.mjs                                    | 6 +++---
 .../src/components/tabContentComponents/galleryContent.vue  | 4 ----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/webapp/eslint.config.mjs b/webapp/eslint.config.mjs
index 535c4e98..e7c8f7b4 100644
--- a/webapp/eslint.config.mjs
+++ b/webapp/eslint.config.mjs
@@ -5,7 +5,7 @@ import prettierConfig from "eslint-config-prettier";
 import globals from "globals";
 import pinia from "eslint-plugin-pinia";
 
-const isProd = process.env.NODE_ENV === "production";
+const isDev = process.env.NODE_ENV === "development";
 
 export default [
   {
@@ -38,8 +38,8 @@ export default [
     rules: {
       "prettier/prettier": "warn",
       // Environment-based rules
-      "no-console": isProd ? "warn" : "off",
-      "no-debugger": isProd ? "warn" : "off",
+      "no-console": isDev ? "off" : ["warn", { allow: ["warn", "error"] }],
+      "no-debugger": isDev ? "off" : "warn",
 
       // Vue deprecations
       "vue/no-deprecated-slot-attribute": "warn",
diff --git a/webapp/src/components/tabContentComponents/galleryContent.vue b/webapp/src/components/tabContentComponents/galleryContent.vue
index d17c2780..2e679d62 100644
--- a/webapp/src/components/tabContentComponents/galleryContent.vue
+++ b/webapp/src/components/tabContentComponents/galleryContent.vue
@@ -189,7 +189,6 @@ export default {
           return b.created - a.created;
         });
         this.all_items = all_items;
-        console.debug("Gallery size: %s", this.all_items.length);
       } catch (err) {
         console.error("Failed to refresh gallery items.");
         console.error(err);
@@ -219,9 +218,6 @@ export default {
       }
     },
     changePage(page) {
-      console.log(page);
-      console.log(this.currentPage);
-      console.log(this.totalPages);
       if (page >= 1 && page <= this.totalPages && this.currentPage != page) {
         this.$emit("scrollTop");
         this.currentPage = page;