From f1c9f9ce97efdc488df9c87a3d6418016e1777bd Mon Sep 17 00:00:00 2001
From: Christian Stocker <me@chregu.tv>
Date: Fri, 15 Mar 2024 22:34:23 +0100
Subject: [PATCH] show descriptions

---
 package-lock.json             |  6 +++---
 package.json                  |  2 +-
 src/components/ImageModal.vue | 37 ++++++++++++++++++++++++++++++++---
 src/views/ImagesList.vue      |  2 ++
 4 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 669d2ff..850ea74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4404,9 +4404,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001473",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001473.tgz",
-      "integrity": "sha512-ewDad7+D2vlyy+E4UJuVfiBsU69IL+8oVmTuZnH5Q6CIUbxNfI50uVpRHbUPDD6SUaN2o0Lh4DhTrvLG/Tn1yg==",
+      "version": "1.0.30001546",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
+      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
       "dev": true,
       "funding": [
         {
diff --git a/package.json b/package.json
index c6b6514..d861e1c 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "dayjs": "1.11.5",
     "lodash-es": "4.17.21",
     "paths-to-tree-structure": "1.0.7",
-    "rokka": "^3.14.0",
+    "rokka": "^3.15.0",
     "vue": "2.7.10",
     "vue-clipboard2": "0.3.3",
     "vue-gallery": "2.0.1",
diff --git a/src/components/ImageModal.vue b/src/components/ImageModal.vue
index 0788c97..edbe3bc 100644
--- a/src/components/ImageModal.vue
+++ b/src/components/ImageModal.vue
@@ -84,7 +84,11 @@
                 @image-do-reload="loadImageDataFromRokka"
               />
             </CollapsibleSection>
-
+            <CollapsibleSection
+              title="Auto Descriptions"
+              key-name="autodescriptions"
+              :data="autoDescriptions"
+            />
             <CollapsibleSection
               title="Location"
               key-name="location"
@@ -98,6 +102,7 @@
               key-name="other"
               :data="otherMetadata"
             />
+
             <CollapsibleSection
               title="Video"
               key-name="video"
@@ -110,7 +115,7 @@
               :data="dynamicMetadata"
             />
             <CollapsibleSection
-              title="Autolabels"
+              title="Auto Labels"
               key-name="autolables"
               :data="autolabels.length > 0"
             >
@@ -126,6 +131,7 @@
               key-name="otherstatic"
               :data="otherStatic"
             />
+
             <CollapsibleSection
               v-if="globalOptions.deleteEnabled && globalOptions.canWrite"
               title="Delete image"
@@ -294,7 +300,8 @@ export default {
             b !== 'exif' &&
             b !== 'location' &&
             b !== 'video' &&
-            b !== 'autolabels'
+            b !== 'autolabels' &&
+            b !== 'auto_description'
           ) {
             metadata.push({ key: b, value: a });
           }
@@ -308,6 +315,30 @@ export default {
       }
       return metadata;
     },
+    autoDescriptions() {
+      const metadata = [];
+
+      if (
+        this.localImage.static_metadata &&
+        this.localImage.static_metadata.auto_description &&
+        this.localImage.static_metadata.auto_description.descriptions
+      ) {
+        forEach(
+          this.localImage.static_metadata.auto_description.descriptions,
+          (a, b) => {
+            metadata.push({ key: b, value: a });
+          }
+        );
+        metadata.sort((a, b) => {
+          if (a.key > b.key) {
+            return 1;
+          }
+          return -1;
+        });
+      }
+      return metadata;
+    },
+
     dynamicMetadata() {
       const metadata = [];
 
diff --git a/src/views/ImagesList.vue b/src/views/ImagesList.vue
index 8f5ef10..f13f906 100644
--- a/src/views/ImagesList.vue
+++ b/src/views/ImagesList.vue
@@ -108,6 +108,7 @@ export default {
         'user:text:title',
         'static:text:exif:description',
         'static:text:exif:title',
+        'static:array_text:auto_description:descriptions',
       ];
       const searchFieldsLowerCased = [
         'user:array:labels',
@@ -116,6 +117,7 @@ export default {
         'static:str:location:state',
         'static:str:location:city',
         'static:array:autolabels:labels',
+        'static:array_text:auto_description:descriptions',
       ];
       if (this.query.length > 0) {
         if (this.query.includes('=')) {