Add loading message to division
This commit is contained in:
		
							parent
							
								
									492d10f635
								
							
						
					
					
						commit
						ee6353f013
					
				
					 2 changed files with 5 additions and 0 deletions
				
			
		|  | @ -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 a new issue