From 931b341b6782d5952682922097bb1bf624664dd3 Mon Sep 17 00:00:00 2001 From: Carl Worth Date: Sun, 11 Dec 2022 11:26:34 -0800 Subject: [PATCH] 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. --- index.html | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) 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"; -- 2.43.0