Add loading message to division

main
sudoer777 2022-03-09 11:00:17 -07:00
parent 492d10f635
commit ee6353f013
2 changed files with 5 additions and 0 deletions

View File

@ -8,6 +8,7 @@ const genderDropdown = document.getElementById('gender-dropdown');
const nameTextbox = document.getElementById('name-textbox'); const nameTextbox = document.getElementById('name-textbox');
const submitButton = document.getElementById('submit-button'); const submitButton = document.getElementById('submit-button');
const deleteButton = document.getElementById('delete-button'); const deleteButton = document.getElementById('delete-button');
const loadingSpan = document.getElementById('loading-message');
async function initializeForm() { async function initializeForm() {
@ -40,6 +41,9 @@ async function initializeForm() {
nameTextbox.disabled = false; nameTextbox.disabled = false;
nameTextbox.addEventListener('keyup', checkDataValidity); nameTextbox.addEventListener('keyup', checkDataValidity);
loadingSpan.textContent = '';
submissionForm.style.visibility = 'visible';
} }
initializeForm(); initializeForm();

View File

@ -5,6 +5,7 @@ block stylesheets
link(rel='stylesheet', href='/stylesheets/form.css') link(rel='stylesheet', href='/stylesheets/form.css')
block content block content
span#loading-message Loading...
form#submission-form(action='./division', method='POST') form#submission-form(action='./division', method='POST')
span(class='form-section') span(class='form-section')
label Sport label Sport