From 1ec403dc8ccc1850b72aaacad87dbc24d11937d5 Mon Sep 17 00:00:00 2001
From: Nicolas Giard <github@ngpixel.com>
Date: Wed, 31 May 2023 15:58:09 -0400
Subject: [PATCH] feat: disable login button on submit (#5718)

* feat: disable login button on submit

* refactor: move login js into its own file
---
 ietf/static/js/login.js                | 14 ++++++++++++++
 ietf/templates/registration/login.html |  6 +++++-
 package.json                           |  1 +
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 ietf/static/js/login.js

diff --git a/ietf/static/js/login.js b/ietf/static/js/login.js
new file mode 100644
index 000000000..770d091bf
--- /dev/null
+++ b/ietf/static/js/login.js
@@ -0,0 +1,14 @@
+/**
+* Disable Submit Button on Form Submit
+*/
+function onLoginSubmit (ev) {
+    const submitBtn = document.querySelector('#dt-login-form button[type=submit]')
+    if (submitBtn) {
+        submitBtn.disabled = true
+        submitBtn.innerHTML = 'Signing in...'
+    }
+}
+
+$(function() {
+    document.querySelector('#dt-login-form').addEventListener('submit', onLoginSubmit)
+})
diff --git a/ietf/templates/registration/login.html b/ietf/templates/registration/login.html
index a3ec86a35..01949e0f3 100644
--- a/ietf/templates/registration/login.html
+++ b/ietf/templates/registration/login.html
@@ -1,12 +1,13 @@
 {# Copyright The IETF Trust 2015, All Rights Reserved #}
 {% extends "base.html" %}
+{% load static %}
 {% load origin %}
 {% load django_bootstrap5 %}
 {% block title %}Sign in{% endblock %}
 {% block content %}
     {% origin %}
     <h1>Sign in</h1>
-    <form method="post">
+    <form method="post" id="dt-login-form">
         {% csrf_token %}
         {% bootstrap_form form %}
         <div class="mt-4 mb-3">
@@ -16,4 +17,7 @@
         </div>
         Don't have an account? <a href="{% url 'ietf.ietfauth.views.create_account' %}">Create an account</a>.
     </form>
+{% endblock %}
+{% block js %}
+    <script src="{% static 'ietf/js/login.js' %}"></script>
 {% endblock %}
\ No newline at end of file
diff --git a/package.json b/package.json
index b03c3136b..1cf03f421 100644
--- a/package.json
+++ b/package.json
@@ -133,6 +133,7 @@
         "ietf/static/js/js-cookie.js",
         "ietf/static/js/liaisons.js",
         "ietf/static/js/list.js",
+        "ietf/static/js/login.js",
         "ietf/static/js/manage-community-list.js",
         "ietf/static/js/manage-review-requests.js",
         "ietf/static/js/meeting-interim-request.js",