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 ea4f0abc41913047ac138c883ee3ed50649040ff..b36254964a2212e889e68312db54f55e5c3c597e 100644 (file)
--- 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";