Protect against accidental double form submission, closes #722

CAVaccineInventory · Jul 8, 2021 · 1a79b1e · 1a79b1e
1 parent f5af314
commit 1a79b1e
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/vaccinate/templates/admin/base_site.html b/vaccinate/templates/admin/base_site.html
@@ -324,6 +324,8 @@ <h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('D
     onLoadAddMap();
 
     checkboxEditorForVaccinesOffered();
+
+    protectFormsAgainstDoubleSubmission();
 });
 
 var LEAFLET_CSS = "https://unpkg.com/[email protected]/dist/leaflet.css";
@@ -480,5 +482,24 @@ <h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('D
   }
 }
 
+function protectForm(form) {
+  var locked = false;
+  form.addEventListener('submit', (ev) => {
+    if (locked) {
+      ev.preventDefault();
+      return;
+    }
+    locked = true;
+    setTimeout(() => {
+      locked = false;
+    }, 2000);
+  });
+}
+
+function protectFormsAgainstDoubleSubmission() {
+   Array.from(document.querySelectorAll('form')).forEach(protectForm);
+}
+</script>
+
 </script>
 {% endblock %}