63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
import * as Data from "../data.js";
|
|
import * as Form from "../form.js";
|
|
|
|
|
|
const submissionForm = document.getElementById('submission-form');
|
|
const sportDropdown = document.getElementById('sport-dropdown');
|
|
const genderDropdown = document.getElementById('gender-dropdown');
|
|
const nameTextbox = document.getElementById('name-textbox');
|
|
const submitButton = document.getElementById('submit-button');
|
|
const deleteButton = document.getElementById('delete-button');
|
|
|
|
|
|
async function initializeForm() {
|
|
let params = new URLSearchParams(location.search);
|
|
let divisionID = params.get('division');
|
|
if(divisionID) {
|
|
const division = await Data.getDivision(divisionID);
|
|
|
|
nameTextbox.value = division.name;
|
|
|
|
deleteButton.style.visibility = "visible";
|
|
deleteButton.disabled = false;
|
|
|
|
const gender = division.gender.name;
|
|
|
|
if(gender == 'female') genderDropdown.selectedIndex = 1;
|
|
else genderDropdown.selectedIndex = 2;
|
|
|
|
Form.populateSports(sportDropdown, division.sportID);
|
|
|
|
Form.addHiddenValue('division', divisionID, submissionForm);
|
|
}
|
|
else {
|
|
Form.populateSports(sportDropdown);
|
|
|
|
genderDropdown.disabled = false;
|
|
|
|
sportDropdown.disabled = false;
|
|
}
|
|
|
|
nameTextbox.disabled = false;
|
|
nameTextbox.addEventListener('keyup', checkDataValidity);
|
|
}
|
|
initializeForm();
|
|
|
|
async function checkDataValidity() {
|
|
let dataIsValid = true;
|
|
|
|
if(!nameTextbox.value) dataIsValid = false;
|
|
|
|
const sportHasContent = sportDropdown.options.length;
|
|
const genderHasContent = genderDropdown.options.length;
|
|
|
|
if(!sportHasContent || !genderHasContent) dataIsValid = false;
|
|
|
|
|
|
if(dataIsValid) submitButton.disabled = false;
|
|
else submitButton.disabled = true;
|
|
}
|
|
|
|
Form.addRemoveFunction(deleteButton, submissionForm, "division");
|
|
|