Updated loading spinner

localcontexts · Oct 2, 2024 · 7a50c8f · 7a50c8f
1 parent 77aa576
commit 7a50c8f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/localcontexts/static/javascript/main.js b/localcontexts/static/javascript/main.js
@@ -2448,7 +2448,7 @@ if (window.location.href.includes('subscription-form')) {
         const clearFormBtn = document.getElementById('clearFormBtn')
 
         validateForm()
-
+        submitButton.addEventListener("click", disableButton)
         firstNameInput.addEventListener("input", validateForm);
         emailInput.addEventListener("input", validateForm);
         if (inquiryTypeRadios.length > 0) {
@@ -2468,6 +2468,10 @@ if (window.location.href.includes('subscription-form')) {
           submitButton.disabled = true;
         }
     }
+    function disableButton() {
+          document.getElementById("createSubscription").style.display = "none";
+          document.getElementById("loading-spinner").classList.remove('hide');
+      }
 
     function isValidEmail(email) {
         var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

diff --git a/templates/account_settings_pages/_subscription-form.html b/templates/account_settings_pages/_subscription-form.html
@@ -88,7 +88,7 @@
                     <button id="createSubscription" class="primary-btn action-btn mt-2p">
                       Continue <i class="fa fa-arrow-right"></i>
                     </button>
-                    <div id="loading-spinner" class="primary-btn action-btn mt-2p hide {% if institution %} disabled-btn {% endif %}">
+                    <div id="loading-spinner" class="primary-btn action-btn mt-2p hide disabled-btn">
                       Continue <i class="fa fa-arrow-right"></i>
                       <i class="fa spinner-container fa-spinner fa-spin fa-2x spinner "></i>
                     </div>