From: Carl Worth <cworth@cworth.org>
Date: Sun, 11 Dec 2022 19:26:34 +0000 (-0800)
Subject: Only generate a figcaption if image has both prompt and code
X-Git-Url: https://git.cworth.org/git?a=commitdiff_plain;h=931b341b6782d5952682922097bb1bf624664dd3;p=zombocom-ai

Only generate a figcaption if image has both prompt and code

Up until now, every image of course has had both a prompt and a code.

But we're about to start introducting updates from Coda into the image
stream. We still want these to have support for comments, but they
shouldn't have a caption or a reuse button.
---

diff --git a/index.html b/index.html
index ea4f0ab..b362549 100644
--- a/index.html
+++ b/index.html
@@ -178,20 +178,22 @@ mute.addEventListener("click", () => {
         img.src = image.filename;
         figure.appendChild(img);
 
-        const figcaption = document.createElement('figcaption');
-        const caption_text = document.createTextNode(`${image.prompt} (${image.code}) `);
-        figcaption.appendChild(caption_text);
+        if (image.prompt && image.code) {
+            const figcaption = document.createElement('figcaption');
+            const caption_text = document.createTextNode(`${image.prompt} (${image.code}) `);
+            figcaption.appendChild(caption_text);
 
-        const reuse_button = document.createElement('button');
-        reuse_button.appendChild(document.createTextNode("Reuse"));
-        figcaption.appendChild(reuse_button);
+            const reuse_button = document.createElement('button');
+            reuse_button.appendChild(document.createTextNode("Reuse"));
+            figcaption.appendChild(reuse_button);
 
-        reuse_button.addEventListener('click', () => {
-            prompt.value = image.prompt;
-            window.scrollTo(0,0);
-        });
+            reuse_button.addEventListener('click', () => {
+                prompt.value = image.prompt;
+                window.scrollTo(0,0);
+            });
 
-        figure.appendChild(figcaption);
+            figure.appendChild(figcaption);
+        }
 
         const dl_comments = document.createElement('dl');
         dl_comments.className = "comments";