Add loading message to team management

main
sudoer777 2022-03-09 11:00:27 -07:00
parent ee6353f013
commit 59e671e1ec
2 changed files with 6 additions and 0 deletions

View File

@ -7,6 +7,8 @@ const sportDropdown = document.getElementById('sport-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() {
let params = new URLSearchParams(location.search); let params = new URLSearchParams(location.search);
@ -31,6 +33,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='./team', method='POST') form#submission-form(action='./team', method='POST')
span(class='form-section') span(class='form-section')
label Sport label Sport