async _out => {
await breadcrumbs(env, _out)
- p {'You will need to verify your email address via an emailed link before you can sign in to your account.'}
+ p/*.mt-3*/ {'You will need to verify your email address via an emailed link before you can sign in to your account.'}
form#form {
div.row {
}
if (email.length || details.length)
- button.btn.btn-success#verify-email(type="button") {
+ button.btn.btn-success.mb-3#verify-email(type="button") {
div.icon24-outer.mr-2#icon {
div.icon24-inner {_out.push(fa_user_check)}
}
'Verify email'
}
else
- button.btn.btn-success#verify-email(type="button" disabled) {
+ button.btn.btn-success.mb-3#verify-email(type="button" disabled) {
div.icon24-outer.mr-2#icon {
div.icon24-inner {_out.push(fa_user_check)}
}
'Verify email'
}
- p.'mt-3'.mb-0#message(hidden) {}
+ div.alert#alert(hidden) {}
- p.text-muted.mt-3 {'* These fields are required.'}
+ p.text-muted {'* These fields are required.'}
},
// 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_link_code = document.getElementById('link-code')
- let id_message = document.getElementById('message')
let id_spinner = document.getElementById('spinner')
let id_tick = document.getElementById('tick')
let id_verify_email = document.getElementById('verify-email')
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 = `Your email "${email}" has been verified. You can now sign in.`
- //id_message.classList.add('text-success')
- id_message.classList.remove('text-danger')
- id_message.hidden = false
+ id_alert.textContent = `Your email "${email}" has been verified. You can now sign in.`
+ id_alert.classList.add('alert-success')
+ id_alert.classList.remove('alert-danger')
+ id_alert.hidden = false
}
)
}