From eb774bd5fda437c552c4b660ca63be9d0cb4566e Mon Sep 17 00:00:00 2001
From: craig-osterhout <craig.osterhout@docker.com>
Date: Wed, 19 Apr 2023 08:29:30 -0700
Subject: [PATCH] add check in modal.js

---
 assets/js/modal.js | 54 ++++++++++++++++++++++++----------------------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/assets/js/modal.js b/assets/js/modal.js
index 33afd06066..b4c4b01692 100644
--- a/assets/js/modal.js
+++ b/assets/js/modal.js
@@ -1,31 +1,33 @@
 // Get the modal for image 1 
 var modal = document.getElementById("img-modal1");
 
-// Get the image and insert it inside the modal - use its "alt" text as a caption
-const images = document.querySelectorAll("main img");
-var modalImg = document.getElementById("img-modal-img1");
-var captionText = document.getElementById("img-modal-caption1");
-function handleImageClick(event) {
-  modal.style.display = "block";
-  modalImg.src = event.target.src;
-  modalImg.alt = event.target.alt;
-  captionText.innerHTML = event.target.alt;
-  window.addEventListener("keydown", handleModalClose)
-}
-images.forEach(image => image.addEventListener("click", handleImageClick))
-
-
-// Get the element that closes the modal
-var span = document.getElementById("img-modal-close1");
-function handleModalClose(event) {
-  if (event.type==="click"||event.key==="Escape"){
-    modal.style.display = "none"
-    window.removeEventListener("keydown", handleModalClose)
+// If modal exists, get the image and insert it inside the modal - use its "alt" text as a caption
+if (modal) {
+  const images = document.querySelectorAll("main img");
+  var modalImg = document.getElementById("img-modal-img1");
+  var captionText = document.getElementById("img-modal-caption1");
+  function handleImageClick(event) {
+    modal.style.display = "block";
+    modalImg.src = event.target.src;
+    modalImg.alt = event.target.alt;
+    captionText.innerHTML = event.target.alt;
+    window.addEventListener("keydown", handleModalClose)
   }
-}
-modal.addEventListener("click", handleModalClose)
+  images.forEach(image => image.addEventListener("click", handleImageClick))
 
-// When the user clicks on (x), close the modal
-span.onclick = function(){
-  modal.style.display = "none";
-} 
+
+  // Get the element that closes the modal
+  var span = document.getElementById("img-modal-close1");
+  function handleModalClose(event) {
+    if (event.type==="click"||event.key==="Escape"){
+      modal.style.display = "none"
+      window.removeEventListener("keydown", handleModalClose)
+    }
+  }
+  modal.addEventListener("click", handleModalClose)
+
+  // When the user clicks on (x), close the modal
+  span.onclick = function(){
+    modal.style.display = "none";
+  } 
+}