Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2026-01-01 08:49:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

restart functionality

Browse Source
This commit is contained in:
AlecM33
2022-05-10 15:03:48 -04:00
parent a5e4009b93
commit 8fbf77e0c8
15 changed files with 336 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
client/src/scripts/home.js
View File

@@ -4,45 +4,50 @@ import { injectNavbar } from '../modules/Navbar.js';
const home = () => {
injectNavbar();
document.getElementById('join-form').onsubmit = (e) => {
e.preventDefault();
const userCode = document.getElementById('room-code').value;
if (roomCodeIsValid(userCode)) {
attemptToJoinGame(userCode);
} else {
toast('Invalid code. Codes are 4 numbers or letters.', 'error', true, true);
}
};
document.getElementById('join-form').addEventListener('submit', attemptToJoinGame);
};
function roomCodeIsValid (code) {
return typeof code === 'string' && /^[A-Z0-9]{4}$/.test(code.toUpperCase().trim());
}
function attemptToJoinGame (code) {
XHRUtility.xhr(
'/api/games/' + code.toUpperCase().trim() + '/availability',
'GET',
null,
null
)
.then((res) => {
if (res.status === 200) {
const json = JSON.parse(res.content);
window.location = window.location.protocol + '//' + window.location.host +
'/join/' + encodeURIComponent(json.accessCode) +
'?playerCount=' + encodeURIComponent(json.playerCount) +
'&timer=' + encodeURIComponent(getTimeString(json.timerParams));
}
}).catch((res) => {
if (res.status === 404) {
toast('Game not found', 'error', true);
} else if (res.status === 400) {
toast(res.content, 'error', true);
} else {
toast('An unknown error occurred. Please try again later.', 'error', true);
}
});
function attemptToJoinGame (event) {
event.preventDefault();
const userCode = document.getElementById('room-code').value;
if (roomCodeIsValid(userCode)) {
const form = document.getElementById('join-form');
form.removeEventListener('submit', attemptToJoinGame);
form.classList.add('submitted');
document.getElementById('join-button')?.setAttribute('value', 'Joining...');
XHRUtility.xhr(
'/api/games/' + userCode.toUpperCase().trim() + '/availability',
'GET',
null,
null
)
.then((res) => {
if (res.status === 200) {
const json = JSON.parse(res.content);
window.location = window.location.protocol + '//' + window.location.host +
'/join/' + encodeURIComponent(json.accessCode) +
'?playerCount=' + encodeURIComponent(json.playerCount) +
'&timer=' + encodeURIComponent(getTimeString(json.timerParams));
}
}).catch((res) => {
form.addEventListener('submit', attemptToJoinGame);
form.classList.remove('submitted');
document.getElementById('join-button')?.setAttribute('value', 'Join');
if (res.status === 404) {
toast('Game not found', 'error', true);
} else if (res.status === 400) {
toast(res.content, 'error', true);
} else {
toast('An unknown error occurred. Please try again later.', 'error', true);
}
});
} else {
toast('Invalid code. Codes are 4 numbers or letters.', 'error', true, true);
}
}
function getTimeString (timerParams) {