upload: simplify automatic POST request

dist/assets/js/upload-verify.js

@@ -1,34 +1 @@
-const container = document.getElementById("container");
-const postform = document.getElementById("postform");
-const pleasewait = document.getElementById("pleasewait");
-const failed = document.getElementById("failed");
-const form = document.getElementById("postform");
-const url = form.getAttribute("action");
-
-fetch(url, { method: "POST" })
-  .then(result => result.text())
-  .then(body => {
-    const frag = document.createElement("div");
-    frag.innerHTML = body;
-    container.appendChild(frag);
-    const result = document.getElementById("verification-result");
-    if (result !== null) {
-      while (result.firstChild) {
-        container.appendChild(result.firstChild);
-      }
-      container.removeChild(frag);
-    } else {
-        // Leave the full content appended since it'll likely be plain text
-    }
-    // Hide the pleasewait too
-    pleasewait.style.display = "none";
-  })
-  .catch(err => {
-    // On error, hide the 'please wait' and show the 'Something went wrong'
-    pleasewait.style.display = "none";
-    failed.textContent = failed.textContent + err;
-    failed.style.display = "block";
-  });
-// Hide the form and display the 'please wait' block
-postform.style.display = "none";
-pleasewait.style.display = "block";
+document.getElementById("postform").submit();

dist/assets/site.css

@@ -267,3 +267,14 @@ span.email {
 .attribution a {
   color: #ccc;
 }
+
+input.textbutton {
+  padding: 0px;
+  border: none;
+  background: none;
+  margin: 0px;
+  cursor: pointer;
+  color: blue;
+  font-family: inherit;
+  font-size: inherit;
+}

dist/templates/upload/verification-form.html.hbs

@@ -1,16 +1,11 @@
 {{#> layout}}
   <div class="row" id="container">
-    <form method="POST" action="/verify/{{token}}" id="postform">
     <p>
-        Please click here to complete the verification process:
-        <input type="submit" value="Validate"/>
-    </p>
-    </form>
-    <p style="display: none" id="pleasewait">
-        Please wait while your email address is verified…
-    </p>
-    <p style="display: none" id="failed">
-        Something went wrong:
+      Verifying your email address…
+
+      <form method="POST" action="/verify/{{token}}" id="postform">
+        If the process doesn't complete after a few seconds, <input type="submit" class="textbutton" value="click here" />.
+      </form>
     </p>
   </div>