update

static/index.html

@@ -498,13 +498,13 @@
           .setAttribute("src", fileReader.result);
       };
 
-      document.querySelector('.display-generate .error').style.display = "none";
+      document.querySelector('.display-verify .error').style.display = "none";
       placeholder = document.querySelector(".display-verify .placeholder");
       spinner = document.querySelector(".display-verify .spinner");
-
-      if (placeholder) placeholder.remove();
-      if (document.getElementById("verifryresult"))
-        document.getElementById("verifryresult").remove(); // JCL make sure to remove the correct one
+      placeholder.style.display = "none";
+      
+      if (document.getElementById("verifyresult"))
+        document.getElementById("verifyresult").remove(); // JCL make sure to remove the correct one
       spinner.style.display = "block";
 
       outputContainer.style.display = "none";
@@ -590,7 +590,7 @@
               setCertificateOutputFromValidation
             );
 
-            truepicDisplay.setAttribute("id", "verifryresult");
+            truepicDisplay.setAttribute("id", "verifyresult");
             truepicDisplay.setAttribute("active", "");
             var truepic = document.createElement("img");
             truepic.src = path;
@@ -605,7 +605,15 @@
         })
         .catch((error) => {
           console.log(error);
-          document.querySelector('.display-generate .error').style.display = "block";
+          document.querySelector('.display-verify .error').style.display = "block";
+
+          fileUpload.value = "";
+          setVerifyButtonStatus();
+
+          document.querySelector(".display-verify .spinner").style.display =
+            "none";
+            document.querySelector(".display-verify .placeholder").style.display =
+            "block";  
           // Handle errors
         });
     }
@@ -627,11 +635,12 @@
       placeholder = document.querySelector(".display-generate .placeholder");
       spinner = document.querySelector(".display-generate .spinner");
       generateActionMenu.style.display = "none";
+      document.querySelector('.display-generate .error').style.display = "none";
 
       // parameters.style.display = "none";
 
       try {
-        if (placeholder) placeholder.remove();
+        placeholder.style.display = "none";
         if (document.getElementById("genresult"))
           document.getElementById("genresult").remove(); // JCL make sure to remove the correct one
 
@@ -666,6 +675,10 @@
     */
       } catch (err) {
         console.error(err);
+        document.querySelector('.display-generate .error').style.display = "block";
+        spinner.style.display = "none";
+        placeholder.style.display = "block";
+
       }
     });