Add loading message to division
parent
492d10f635
commit
ee6353f013
|
@ -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();
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
Reference in New Issue