updates

static/index.html

@@ -385,6 +385,10 @@
     const generateTerms = document.getElementById("generate-terms");
     const generateButton = document.getElementById("generate-button");
 
+    const fileUpload = document.getElementById("fileUpload");
+    const verifyButton = document.getElementById("verify-button");
+    const verifyTerms = document.getElementById("verify-terms");
+
     const generateImageContainer = document.querySelector(
       ".display-generate .image-container"
     );
@@ -421,6 +425,18 @@
       else generateButton.classList.remove("active");
     };
 
+    [fileUpload, verifyTerms].forEach((item) => {
+      item.addEventListener("change", async (event) => {
+        setVerifyButtonStatus();
+      });
+    });
+
+    const setVerifyButtonStatus = () => {
+      if (fileUpload.value && verifyTerms.checked)
+        verifyButton.classList.add("active");
+      else verifyButton.classList.remove("active");
+    };
+
     generateTab.addEventListener("click", (event) => {
       event.target.classList.add("active");
       verifyTab.classList.remove("active");
@@ -465,6 +481,9 @@
     });
 
     function submitForm() {
+      if (!fileUpload.value || !verifyTerms.checked)
+        return
+
       const file = document.getElementById("fileUpload").files[0];
 
       let fileReader = new FileReader();
@@ -479,8 +498,8 @@
       spinner = document.querySelector(".display-verify .spinner");
 
       if (placeholder) placeholder.remove();
-      if (document.getElementById("result"))
-        document.getElementById("result").remove(); // JCL make sure to remove the correct one
+      if (document.getElementById("verifryresult"))
+        document.getElementById("verifryresult").remove(); // JCL make sure to remove the correct one
       spinner.style.display = "block";
 
       outputContainer.style.display = "none";
@@ -563,7 +582,7 @@
               setCertificateOutputFromValidation
             );
 
-            truepicDisplay.setAttribute("id", "result");
+            truepicDisplay.setAttribute("id", "verifryresult");
             truepicDisplay.setAttribute("active", "");
             var truepic = document.createElement("img");
             truepic.src = path;
@@ -604,8 +623,8 @@
 
       try {
         if (placeholder) placeholder.remove();
-        if (document.getElementById("result"))
-          document.getElementById("result").remove(); // JCL make sure to remove the correct one
+        if (document.getElementById("genresult"))
+          document.getElementById("genresult").remove(); // JCL make sure to remove the correct one
 
         spinner.style.display = "block";
 
@@ -614,7 +633,7 @@
 
         var truepicDisplay = document.createElement("truepic-display");
 
-        truepicDisplay.setAttribute("id", "result");
+        truepicDisplay.setAttribute("id", "genresult");
         truepicDisplay.setAttribute("active", "");
         var truepic = document.createElement("img");
         truepic.src = path;

static/style.css

@@ -327,9 +327,10 @@ img.thumbnail {
   border-radius: 0;
 }
 
-.btn-primary:hover, .btn-primary:active {
+.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
   background-color: rgba(206, 206, 206, 1);
   border-color: rgba(206, 206, 206, 1);
+  box-shadow: none !important;
 }
 
 .btn-primary.active {