From d524897838dc7a89e09e07f8a1edf8e4ecd35ccd Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Thu, 7 Oct 2021 16:57:22 +0200
Subject: [PATCH] entrypoint added to webpack and js included in create
 template for person

---
 .../public/module/disable-buttons/index.js      | 17 ++++++++++-------
 .../Resources/views/Person/create.html.twig     |  4 ++++
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js b/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js
index 2bbc33497..c6ec7c789 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js
@@ -1,13 +1,16 @@
 /**
- * Submit buttons are disabled as soon as submit button is clicked and form is submitted.
+ * Submit button(s) are disabled as soon as submit button is clicked and form is submitted.
+ * ID 'create-form' must be added to submit forms.
  */
 
-var submitButtons = document.querySelectorAll("[type=submit]");
 var form = document.getElementById('create-form');
+var submitButtons = document.querySelectorAll("[type=submit]");
 
+form.addEventListener('submit', function(e){
     for(var i=0; i<submitButtons.length; i++){
-        submitButtons[i].addEventListener("click", function(e){
-            form.submit();
-            e.target.disabled = true;
-        });
-    }
\ No newline at end of file
+        submitButtons[i].disabled = true;
+    }
+})
+
+
+
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig
index b86bde5f1..799d71e19 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig
@@ -104,3 +104,7 @@
 
 </div>
 {% endblock content %}
+
+{% block js %}
+    {{ encore_entry_script_tags('mod_disablebuttons') }}
+{% endblock js %}