fix: Prevent multiple submissions of create/update form

makinacorpus · Sep 4, 2024 · 5916b74 · 5916b74
1 parent 73dbefb
commit 5916b74
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/CHANGES.md b/CHANGES.md
@@ -7,6 +7,7 @@ CHANGELOG
 **Bug fixes**
 
 - Use HTML tag for create/update button
+- Prevent multiple submissions of create/update form
 
 8.9.2      (2024-07-15)
 -----------------------

diff --git a/mapentity/forms.py b/mapentity/forms.py
@@ -227,7 +227,7 @@ def _init_layout(self):
 
         # Main form layout
         self.helper.help_text_inline = True
-        self.helper.form_class = 'form-horizontal'
+        self.helper.form_class = 'form-horizontal mapentity-form'
         self.helper.form_style = "default"
         self.helper.label_class = 'col-md-3'
         self.helper.field_class = 'controls col-md-9'

diff --git a/mapentity/static/mapentity/mapentity.forms.js b/mapentity/static/mapentity/mapentity.forms.js
@@ -1,5 +1,12 @@
 if (!window.MapEntity) window.MapEntity = {};
 
+// Disable button if submit event on form
+Array.from(document.getElementsByClassName("mapentity-form")).forEach(function (formElement) {
+    formElement.addEventListener('submit', function () {
+        formElement.querySelector("button[type=submit]").setAttribute("disabled", true);
+    }, false);
+});
+
 MapEntity.GeometryField = L.GeometryField.extend({
 
     initialize: function () {