added loading message

Author: akvnn

debits.html

@@ -74,7 +74,7 @@ <h1 class="accountHeader__h1" id="debitsPageName"></h1>
               <!-- style this class="form__label"-->
               <div class="paybillsdetailsdiv" style="margin-bottom: 2rem">
                 <input type="date" name="" class="form__input" id="endDate" required> 
-                <label for="endDate" class="signupform__label">Date Of Birth</label>
+                <label for="endDate" class="signupform__label">End Date</label>
                 </div>
               </div>
               <!-- put this in center -->

integration.js

@@ -21,7 +21,9 @@ async function handleLogin() {
     if (email.trim() === '' || password.trim() === '') {
       return false // Prevent the form submission
     }
-
+    const loading = document.getElementById('loadingBox')
+    loading.style.display = 'block'
+    loading.textContent = 'Loading...'
     const response = await fetch(
       'https://bankapi-6c8a.onrender.com/api/login',
       {
@@ -34,6 +36,7 @@ async function handleLogin() {
     )
 
     const data = await response.json()
+    loading.style.display = 'none'
     if (data.status == true) {
       const token = data.token
       localStorage.setItem('token', token)
@@ -73,6 +76,9 @@ async function handleSignUp() {
     ) {
       return false
     }
+    const loading = document.getElementById('loadingBox2')
+    loading.style.display = 'block'
+    loading.textContent = 'Loading...'
     const response = await fetch(
       'https://bankapi-6c8a.onrender.com/api/signup',
       {
@@ -90,6 +96,7 @@ async function handleSignUp() {
       }
     )
     const data = await response.json()
+    loading.style.display = 'none'
     if (data.status == false) {
       throw new Error(data.message)
     }

signin.html

@@ -107,6 +107,11 @@ <h2 class="heading-secondary">Welcome Back</h2>
                 </div>
 
                 <div id="warningBox" class="warningBox"></div>
+                <div
+                  id="loadingBox"
+                  class="warningBox"
+                  style="background-color: grey"
+                ></div>
 
                 <!-- styles are extra here to fix positioning of submit button -->
                 <div class="form__group">

signup.html

@@ -88,6 +88,11 @@
                     <div class="u-margin-bottom-medium" >
                       <h2 class="heading-secondary">sign up now</h2>
                       <div class="warningBox" id="warningBoxSignUp"></div>
+                       <div
+                  id="loadingBox2"
+                  class="warningBox"
+                  style="background-color: grey"
+                ></div>
                       <div class="successBox" id="successBox"></div>
 
                     </div>