From 1388472a569f8c33760016606a9cdceb1640ef3a Mon Sep 17 00:00:00 2001
From: AI Scout Agent <ai@scout.agent>
Date: Sun, 31 May 2026 14:12:38 +0300
Subject: [PATCH] Make login button spinner more robust by using Bootstrap's 
 attribute

---
 accounts/templates/accounts/otp_login.html | 21 ++++++---------------
 accounts/templates/login.html              | 21 ++++++---------------
 2 files changed, 12 insertions(+), 30 deletions(-)

diff --git a/accounts/templates/accounts/otp_login.html b/accounts/templates/accounts/otp_login.html
index 5f54f367..0dcdb14e 100644
--- a/accounts/templates/accounts/otp_login.html
+++ b/accounts/templates/accounts/otp_login.html
@@ -39,19 +39,10 @@ <h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
 
 {% block script %}
 <script>
-    $(document).ready(function() {
-        $("#btn-signin").click(function() {
-            // disable button
-            $(this).prop("disabled", true);
-            // add spinner to button
-            $(this).html(
-            `
-            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-            {% trans "Loading" %}...
-            `
-            );
-            $("#form-signin").submit();
-        });
-});
+    document.getElementById('form-signin').addEventListener('submit', function() {
+        var btn = document.getElementById('btn-signin');
+        btn.disabled = true;
+        btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> {% trans "Loading" %}...';
+    });
 </script>
-{% endblock script%}
+{% endblock script %}
diff --git a/accounts/templates/login.html b/accounts/templates/login.html
index 28e67690..5ee35654 100644
--- a/accounts/templates/login.html
+++ b/accounts/templates/login.html
@@ -37,19 +37,10 @@ <h2 class="form-signin-heading">{% trans "Sign In" %}</h2>
 
 {% block script %}
 <script>
-    $(document).ready(function() {
-        $("#btn-signin").click(function() {
-            // disable button
-            $(this).prop("disabled", true);
-            // add spinner to button
-            $(this).html(
-            `
-            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-            {% trans "Loading" %}...
-            `
-            );
-            $("#form-signin").submit();
-        });
-});
+    document.getElementById('form-signin').addEventListener('submit', function() {
+        var btn = document.getElementById('btn-signin');
+        btn.disabled = true;
+        btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> {% trans "Loading" %}...';
+    });
 </script>
-{% endblock script%}
+{% endblock script %}