From f4514c9af744eaa7225128b17cda5f1ea89507da Mon Sep 17 00:00:00 2001
From: W Beecher Baker <wbbaker@purdue.edu>
Date: Mon, 30 Sep 2024 15:54:47 -0400
Subject: [PATCH] support a mode where only the thumbnails are visible, until
 the main image viewer is opened by clicking on one -- activated by boolean
 prop onlyThumbs

---
 src/components/Gallery/GalleryImage.global.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Gallery/GalleryImage.global.vue b/src/components/Gallery/GalleryImage.global.vue
index ce0fb08..d9aea94 100644
--- a/src/components/Gallery/GalleryImage.global.vue
+++ b/src/components/Gallery/GalleryImage.global.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="flex flex-col">
     <div
+      v-if="!props.onlyThumbs"
       class="flex justify-center border print:hidden bg-base-0 border-base-muted"
     >
       <GalleryMainImage
@@ -14,6 +15,9 @@
       @select-index="
         ($event) => {
           galleryIndex = $event
+          // when only showing thumbs, clicking a thumb opens the viewer
+          if (props.onlyThumbs)
+            isImageViewerOpen = true
         }
       "
     />
@@ -41,6 +45,10 @@ const props = defineProps({
   images: {
     type: Array,
     default: () => []
+  },
+  onlyThumbs: {
+    type: Boolean,
+    default: false
   }
 })