61 lines
1.7 KiB
JavaScript
61 lines
1.7 KiB
JavaScript
|
|
//DECLARING VARIABLES AND GRABBING VALUES FROM FORM.
|
|
|
|
let uname = document.querySelector('#uname').value;
|
|
let pin = document.querySelector('#pin').value;
|
|
let selected = document.querySelector('#selected').value;
|
|
let custom = document.querySelector('#custom').value;
|
|
let pronouns = ''
|
|
const form = document.querySelector('form');
|
|
|
|
//SUBMIT FUNCTION &CHECKING IF USERNAME IS TAKEN
|
|
|
|
form.addEventListener("submit", async function (event) {
|
|
event.preventDefault();
|
|
const formData = new FormData(form);
|
|
|
|
uname = formData.get('uname');
|
|
pin = formData.get('pin');
|
|
selected = formData.get('selected');
|
|
custom = formData.get('custom')
|
|
|
|
if (custom === '' && selected === 'none') {
|
|
newPronouns = ''
|
|
} else if (custom !== '') {
|
|
newPronouns = custom
|
|
} else {
|
|
newPronouns = selected
|
|
}
|
|
|
|
//CHECKS IF A USERNAME IS TAKEN
|
|
|
|
const response = await fetch(`api/users/${uname}/`);
|
|
const isTaken = await response.json();
|
|
|
|
//YES THIS IS CONFUSING I KNOW.
|
|
if (isTaken.status === "fail") {
|
|
register()
|
|
} else {
|
|
document.querySelector('#errormessage').innerHTML = `${uname} is already taken.`
|
|
}
|
|
})
|
|
|
|
//FETCH FUNCTIONS. GETTING USERNAME FROM API & REGISTERING USER ASSIGNED NAME AND PIN.
|
|
|
|
async function register() {
|
|
let sendRegisterInfo = { "name": uname, "pin": pin, "pronouns": pronouns }
|
|
fetch('/api/register/', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify(sendRegisterInfo),
|
|
});
|
|
document.querySelector("#errormessage").innerHTML = 'Registered!'
|
|
window.location.replace("/login.html")
|
|
}
|
|
|
|
// function errorMessage() {
|
|
// document.querySelector("#errormessage").innerHTML = 'An error has occurrred. Please try again later.'
|
|
// }
|