auto submit for preview image.

assets/js/editor-artifact.js

@@ -117,11 +117,13 @@ import { clipValue, getElmById, titleize } from "./helper.mjs";
   );
 
   const tmploc = getElmById(`artifact-editor-templocation`);
-  if (tmploc !== null) {
+  if (tmploc !== null && tmploc !== undefined) {
     const tmplocl = getElmById(`artifact-editor-templocation-label`);
-    tmplocl.addEventListener(`click`, () =>
-      clipValue(`artifact-editor-templocation`)
-    );
+    if (tmplocl !== null) {
+      tmplocl.addEventListener(`click`, () =>
+        clipValue(`artifact-editor-templocation`)
+      );
+    }
   }
 
   const osl = document.getElementById("artifact-editor-os-label");

assets/js/editor-assets.js

@@ -20,6 +20,7 @@ import { getElmById } from "./helper.mjs";
 
   const previewReset = getElmById(`artifact-editor-preview-reset`);
   const previewInput = getElmById(`artifact-editor-replace-preview`);
+  const previewSubmit = getElmById(`artifact-editor-preview-submit`);
   const alert = getElmById(`artifact-editor-dl-alert`);
   const reset = getElmById(`artifact-editor-dl-reset`);
   const lastMod = getElmById(`artifact-editor-last-modified`);
@@ -289,4 +290,13 @@ import { getElmById } from "./helper.mjs";
     previewInput.value = ``;
     previewInput.classList.remove(`is-invalid`, `is-valid`);
   });
+
+  // Automatically submit the preview form when a file is selected.
+  previewInput.addEventListener("change", function (evt) {
+    if (evt.target.value.trim() === ``) {
+      return;
+    }
+    console.log(`Submitting the image or photo preview form`);
+    previewSubmit.click();
+  });
 })();

assets/js/helper.mjs

@@ -132,7 +132,9 @@ export async function clipValue(elementId) {
 export function getElmById(elementId) {
   const element = document.getElementById(elementId);
   if (element == null) {
-    throw new Error(`The ${elementId} for getElmById() element is null.`);
+    console.error(`The ${elementId} for getElmById() element is null.`);
+    return;
+    //    throw new Error(`The ${elementId} for getElmById() element is null.`);
   }
   return element;
 }