From df513938cf657f4e735e858ddff4638e9287b46f Mon Sep 17 00:00:00 2001
From: Tom Hubrecht <tom.hubrecht@ens.fr>
Date: Wed, 26 May 2021 23:44:46 +0200
Subject: [PATCH] =?UTF-8?q?Affiche=20une=20animation=20apr=C3=A8s=20soumis?=
 =?UTF-8?q?sion=20d'un=20formulaire?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 elections/templates/elections/delete_vote.html     |  2 +-
 elections/templates/elections/election_create.html |  2 +-
 elections/templates/elections/election_update.html |  2 +-
 elections/templates/elections/mail_voters.html     |  2 +-
 elections/templates/elections/question_update.html |  2 +-
 elections/templates/elections/upload_voters.html   |  2 +-
 elections/templates/elections/vote.html            |  2 +-
 shared/templates/auth/create-user.html             |  2 +-
 shared/templates/auth/election_login.html          |  2 +-
 shared/templates/authens/pwd_login.html            |  2 +-
 shared/templates/authens/pwd_reset.html            |  2 +-
 shared/templates/authens/pwd_reset_confirm.html    |  2 +-
 shared/templates/base.html                         | 11 +++++++++++
 shared/templates/forms/modal-form.html             |  2 +-
 14 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/elections/templates/elections/delete_vote.html b/elections/templates/elections/delete_vote.html
index e3144b9..bb829e8 100644
--- a/elections/templates/elections/delete_vote.html
+++ b/elections/templates/elections/delete_vote.html
@@ -16,7 +16,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/elections/templates/elections/election_create.html b/elections/templates/elections/election_create.html
index 1c27f87..4704c35 100644
--- a/elections/templates/elections/election_create.html
+++ b/elections/templates/elections/election_create.html
@@ -38,7 +38,7 @@
 
   <div class="field">
     <div class="control">
-      <button class="button is-fullwidth is-outlined is-primary is-light">{% trans "Enregistrer" %}</button>
+      <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">{% trans "Enregistrer" %}</button>
     </div>
   </div>
 </form>
diff --git a/elections/templates/elections/election_update.html b/elections/templates/elections/election_update.html
index 99a1352..bb1e378 100644
--- a/elections/templates/elections/election_update.html
+++ b/elections/templates/elections/election_update.html
@@ -40,7 +40,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/elections/templates/elections/mail_voters.html b/elections/templates/elections/mail_voters.html
index dcd8b3b..3ec13cb 100644
--- a/elections/templates/elections/mail_voters.html
+++ b/elections/templates/elections/mail_voters.html
@@ -27,7 +27,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/elections/templates/elections/question_update.html b/elections/templates/elections/question_update.html
index 03ec652..ee607af 100644
--- a/elections/templates/elections/question_update.html
+++ b/elections/templates/elections/question_update.html
@@ -22,7 +22,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/elections/templates/elections/upload_voters.html b/elections/templates/elections/upload_voters.html
index 2b27ab8..a657596 100644
--- a/elections/templates/elections/upload_voters.html
+++ b/elections/templates/elections/upload_voters.html
@@ -78,7 +78,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/elections/templates/elections/vote.html b/elections/templates/elections/vote.html
index 9692d75..d457e0f 100644
--- a/elections/templates/elections/vote.html
+++ b/elections/templates/elections/vote.html
@@ -62,7 +62,7 @@
             </section>
 
             <footer class="modal-card-foot">
-              <button class="button is-fullwidth is-outlined is-primary is-light">
+              <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
                 <span class="icon">
                   <i class="fas fa-check"></i>
                 </span>
diff --git a/shared/templates/auth/create-user.html b/shared/templates/auth/create-user.html
index cbdce87..3ceaaa5 100644
--- a/shared/templates/auth/create-user.html
+++ b/shared/templates/auth/create-user.html
@@ -16,7 +16,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/shared/templates/auth/election_login.html b/shared/templates/auth/election_login.html
index f74b022..4f2d2c9 100644
--- a/shared/templates/auth/election_login.html
+++ b/shared/templates/auth/election_login.html
@@ -18,7 +18,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/shared/templates/authens/pwd_login.html b/shared/templates/authens/pwd_login.html
index a381e2e..b9c22d6 100644
--- a/shared/templates/authens/pwd_login.html
+++ b/shared/templates/authens/pwd_login.html
@@ -18,7 +18,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/shared/templates/authens/pwd_reset.html b/shared/templates/authens/pwd_reset.html
index 1e35574..0db0779 100644
--- a/shared/templates/authens/pwd_reset.html
+++ b/shared/templates/authens/pwd_reset.html
@@ -18,7 +18,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/shared/templates/authens/pwd_reset_confirm.html b/shared/templates/authens/pwd_reset_confirm.html
index bbecf00..68ea6fe 100644
--- a/shared/templates/authens/pwd_reset_confirm.html
+++ b/shared/templates/authens/pwd_reset_confirm.html
@@ -18,7 +18,7 @@
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
             <span class="icon">
               <i class="fas fa-check"></i>
             </span>
diff --git a/shared/templates/base.html b/shared/templates/base.html
index 0d92901..cb324ae 100644
--- a/shared/templates/base.html
+++ b/shared/templates/base.html
@@ -92,6 +92,17 @@
         });
       });
 
+      // Disable button after form submission
+      var $forms = document.querySelectorAll('form');
+
+      $forms.forEach($form => {
+        const $submit = $form.querySelector('button[type=submit]');
+
+        $form.addEventListener('submit', () => {
+          $submit.classList.add('is-loading');
+        });
+
+      });
     });
 
   </script>
diff --git a/shared/templates/forms/modal-form.html b/shared/templates/forms/modal-form.html
index abeed32..f36a564 100644
--- a/shared/templates/forms/modal-form.html
+++ b/shared/templates/forms/modal-form.html
@@ -16,7 +16,7 @@
       </section>
 
       <footer class="modal-card-foot">
-        <button class="button is-fullwidth is-outlined is-primary is-light">
+        <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
           <span class="icon">
             <i class="fas fa-check"></i>
           </span>