From fa2d42e5daef8f10235cdf2f2b9f647e31e6c761 Mon Sep 17 00:00:00 2001
From: Philippe Loctaux <p@philippeloctaux.com>
Date: Sat, 22 Apr 2023 13:24:23 +0200
Subject: [PATCH] authorize: disable html submit button on click

---
 .../templates/pages/oauth/authorize.html.tera    | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/crates/ezidam/templates/pages/oauth/authorize.html.tera b/crates/ezidam/templates/pages/oauth/authorize.html.tera
index ff4e67e..3740bed 100644
--- a/crates/ezidam/templates/pages/oauth/authorize.html.tera
+++ b/crates/ezidam/templates/pages/oauth/authorize.html.tera
@@ -24,7 +24,7 @@
                         <h2 class="h2">Access {{ app_name }}</h2>
                         <p class="text-muted">With your {{ business_name }} account</p>
                     </div>
-                    <form action="" method="post" autocomplete="off" novalidate class="mt-4">
+                    <form id="authorize_form" action="" method="post" autocomplete="off" novalidate class="mt-4">
                         {% if user %}
                         <div class="mb-4 text-center">
                             {{ user::avatar(username=user.username, name=user.name, size="xl", css="mb-3") }}
@@ -71,5 +71,19 @@
 <!-- Tabler Core -->
 <script src="/js/tabler.min.js" defer></script>
 <script src="/js/demo.min.js" defer></script>
+
+<script>
+    /**
+     * @param {string} formId
+     */
+    function disableSubmitButtonForm(formId) {
+        document.getElementById(formId).addEventListener("submit", (event => {
+            event.submitter.classList.add("btn-loading");
+        }));
+    }
+
+    disableSubmitButtonForm("authorize_form");
+</script>
+
 </body>
 {% endblock page %}