From fb05d892a2cc95e3a1162174353d37f2468dfe8c Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Thu, 7 Oct 2021 16:09:17 +0200
Subject: [PATCH 1/2] reorganization of files

---
 .../public/module/disable-buttons/index.js          | 13 +++++++++++++
 src/Bundle/ChillMainBundle/chill.webpack.config.js  |  1 +
 .../Resources/views/Person/create.html.twig         |  2 +-
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js

diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js b/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js
new file mode 100644
index 000000000..2bbc33497
--- /dev/null
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/disable-buttons/index.js
@@ -0,0 +1,13 @@
+/**
+ * Submit buttons are disabled as soon as submit button is clicked and form is submitted.
+ */
+
+var submitButtons = document.querySelectorAll("[type=submit]");
+var form = document.getElementById('create-form');
+
+    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
diff --git a/src/Bundle/ChillMainBundle/chill.webpack.config.js b/src/Bundle/ChillMainBundle/chill.webpack.config.js
index 0204166d0..79c8949cd 100644
--- a/src/Bundle/ChillMainBundle/chill.webpack.config.js
+++ b/src/Bundle/ChillMainBundle/chill.webpack.config.js
@@ -58,6 +58,7 @@ module.exports = function(encore, entries)
     encore.addEntry('mod_forkawesome', __dirname + '/Resources/public/module/forkawesome/index.js');
     encore.addEntry('mod_bootstrap', __dirname + '/Resources/public/module/bootstrap/index.js');
     encore.addEntry('mod_ckeditor5', __dirname + '/Resources/public/module/ckeditor5/index.js');
+    encore.addEntry('mod_disablebuttons', __dirname + '/Resources/public/module/disable-buttons/index.js');
 
     // Vue entrypoints
     encore.addEntry('vue_address', __dirname + '/Resources/public/vuejs/Address/index.js');
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig
index bd1042dd7..b86bde5f1 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Person/create.html.twig
@@ -61,7 +61,7 @@
         </table>
     {% endif %}
 
-    {{ form_start(form) }}
+    {{ form_start(form, {'attr' : {'id' : 'create-form'}}) }}
 
 
     {{ form_row(form.lastName, { 'label' : 'Last name'|trans }) }}

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 2/2] 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 %}