Change submit button on click

1 files changed, 19 insertions, 12 deletions

diff --git a/bh20simplewebuploader/static/main.js b/bh20simplewebuploader/static/main.js
index 56213fa..7084e1f 100644
--- a/bh20simplewebuploader/static/main.js
+++ b/bh20simplewebuploader/static/main.js
@@ -49,7 +49,7 @@ let fetchAllaccessions = () => {
 let uploadForm = document.getElementById('metadata_upload_form')
 let uploadFormSpot = document.getElementById('metadata_upload_form_spot')
 let fillForm = document.getElementById('metadata_fill_form')
-let fillFormSpot = document.getElementById('metadata_fill_form_spot') 
+let fillFormSpot = document.getElementById('metadata_fill_form_spot')
 
 function setUploadMode() {
   // Make the upload form the one in use.
@@ -91,20 +91,20 @@ setMode()
 function addField(e) {
   // Find our parent field-group div
   let fieldGroup = this.parentElement
-  
+
   // Get its keypath
   let keypath = fieldGroup.dataset.keypath
-  
+
   // Find its last field child
   let existingFields = fieldGroup.getElementsByClassName('field')
   let templateField = existingFields[existingFields.length - 1]
-  
+
   // Get its number
   let fieldNumber = templateField.dataset.number
-  
+
   // Duplicate it
   let newField = templateField.cloneNode(true)
-  
+
   // Increment the number and use the keypath and number to set IDs and cross
   // references.
   // TODO: Heavily dependent on the form field HTML. Maybe we want custom
@@ -117,13 +117,13 @@ function addField(e) {
   newControl.setAttribute('name', newID)
   let newLabel = newField.getElementsByTagName('label')[0]
   newLabel.setAttribute('for', newID)
-  
+
   // Find the minus button
   let minusButton = fieldGroup.getElementsByClassName('remove-field')[0]
-  
+
   // Put new field as a child before the minus button
   fieldGroup.insertBefore(newField, minusButton)
-  
+
   // Enable the minus button
   minusButton.classList.remove('invisible')
 }
@@ -134,16 +134,16 @@ function addField(e) {
 function removeField(e) {
   // Find our parent field-group div
   let fieldGroup = this.parentElement
-  
+
   // Find its field children
   let existingFields = fieldGroup.getElementsByClassName('field')
-  
+
   if (existingFields.length > 1) {
     // There is a last field we can safely remove.
     let lastField = existingFields[existingFields.length - 1]
     fieldGroup.removeChild(lastField)
   }
-  
+
   if (existingFields.length <= 1) {
     // Collection auto-updates. Now there's only one element. Don't let the
     // user remove it. If they don't want it, they can leave it empty.
@@ -159,3 +159,10 @@ for (let button of document.getElementsByClassName('remove-field')) {
   button.addEventListener('click', removeField)
 }
 
+// Change the submit button after hitting
+
+function on_submit_button() {
+    var elem = document.getElementById("submit");
+    elem.value = "Submitting...";
+    elem.disabled = true;
+}