clean alert functions

This commit is contained in:
SpikeHD 2022-04-27 14:02:43 -07:00
parent bf06b92fde
commit 71c3cc7837

View File

@ -1,42 +1,16 @@
let alertTimeout, alertCooldown = 3000
async function displayLoginAlert(message, type, cooldown = null) {
const elm = document.getElementById('loginAlert');
const text = document.getElementById('loginAlertText');
elm.style.removeProperty('display');
// Remove classification classes
elm.classList.remove('error');
elm.classList.remove('success');
elm.classList.remove('warn');
switch(type) {
case 'error':
elm.classList.add('error');
break;
case 'success':
elm.classList.add('success');
break;
case 'warn':
default:
elm.classList.add('warn');
break;
}
text.innerText = message;
// Disappear after cooldown
alertTimeout = setTimeout(() => {
elm.style.display = 'none';
}, cooldown || alertCooldown)
displayAlert(message, type, cooldown, 'login')
}
async function displayRegisterAlert(message, type, cooldown = null) {
const elm = document.getElementById('registerAlert');
const text = document.getElementById('registerAlertText');
displayAlert(message, type, cooldown, 'register')
}
function displayAlert(message, type, cooldown, name) {
const elm = document.getElementById(`${name}Alert`);
const text = document.getElementById(`${name}AlertText`);
elm.style.removeProperty('display');
@ -62,6 +36,8 @@ async function displayRegisterAlert(message, type, cooldown = null) {
text.innerText = message;
clearTimeout(alertTimeout)
// Disappear after cooldown
alertTimeout = setTimeout(() => {
elm.style.display = 'none';