async _out => {
await breadcrumbs(env, _out)
- p {'Your email is not yet verified. Check your email for next steps, or re-send the verification email below.'}
+ p/*.mt-3*/ {'Your email is not yet verified. Check your email for next steps, or re-send the verification email below.'}
form#form {
div.row.align-items-center {
}
}
- p#message(hidden) {}
+ div.alert#alert(hidden) {}
},
// scripts
async _out => {
document.addEventListener(
'DOMContentLoaded',
() => {
+ let id_alert = document.getElementById('alert')
let id_cross = document.getElementById('cross')
let id_email = document.getElementById('email')
let id_form = document.getElementById('form')
let id_icon = document.getElementById('icon')
- let id_message = document.getElementById('message')
let id_send_verification_email = document.getElementById('send-verification-email')
let id_spinner = document.getElementById('spinner')
let id_tick = document.getElementById('tick')
id_tick.hidden = true
id_cross.hidden = true
id_spinner.hidden = true
- id_message.hidden = true
+ id_alert.hidden = true
}
id_email.addEventListener('input', edited)
id_tick.hidden = true
id_cross.hidden = true
id_spinner.hidden = true
- // the below causes an ugly flicker, so just keep the message
- //id_message.hidden = true
+ // the below causes an ugly flicker, so just keep the alert
+ //id_alert.hidden = true
if (!id_form.checkValidity()) {
id_form.classList.add('was-validated');
id_cross.hidden = false
id_spinner.hidden = true
- id_message.textContent = problem.detail
- //id_message.classList.remove('text-success')
- id_message.classList.add('text-danger')
- id_message.hidden = false
+ id_alert.textContent = problem.detail
+ id_alert.classList.remove('alert-success')
+ id_alert.classList.add('alert-danger')
+ id_alert.hidden = false
return
}
id_tick.hidden = false
id_spinner.hidden = true
- id_message.textContent = `Email verification link has been sent to "${email}". Please check your email for next steps.`
- //id_message.classList.add('text-success')
- id_message.classList.remove('text-danger')
- id_message.hidden = false
+ id_alert.textContent = `Email verification link has been sent to "${email}". Please check your email for next steps.`
+ id_alert.classList.add('alert-success')
+ id_alert.classList.remove('alert-danger')
+ id_alert.hidden = false
}
)
}