async _out => {
await breadcrumbs(env, _out)
- p {'Signing up allows you to leave comments on our blog and receive communications from us.'}
+ p/*.mt-3*/ {'Signing up allows you to leave comments on our blog and receive communications from us.'}
p {'Your given names are visible to other users if you comment on our blog. Your email and family name remain private. If your name is one word or does not fit given names/family name pattern, then please enter given names only.'}
'Create account'
}
- p.'mt-3'.mb-0#card-1-message(hidden) {}
+ div.alert.'mt-3'.mb-0#card-1-alert(hidden) {}
}
}
}
'Re-send email'
}
- p.'mt-3'.mb-0#card-2-message(hidden) {}
+ div.alert.'mt-3'.mb-0#card-2-alert(hidden) {}
}
}
}
() => {
let id_accordion = document.getElementById('accordion')
let id_card_1 = document.getElementById('card-1')
+ let id_card_1_alert = document.getElementById('card-1-alert')
let id_card_1_collapse = document.getElementById('card-1-collapse')
let id_card_1_create_account = document.getElementById('card-1-create-account')
let id_card_1_cross = document.getElementById('card-1-cross')
let id_card_1_heading = document.getElementById('card-1-heading')
- let id_card_1_message = document.getElementById('card-1-message')
let id_card_1_new = document.getElementById('card-1-new')
let id_card_1_spinner = document.getElementById('card-1-spinner')
let id_card_1_tick = document.getElementById('card-1-tick')
let id_card_2 = document.getElementById('card-2')
+ let id_card_2_alert = document.getElementById('card-2-alert')
let id_card_2_back = document.getElementById('card-2-back')
let id_card_2_collapse = document.getElementById('card-2-collapse')
let id_card_2_cross = document.getElementById('card-2-cross')
let id_card_2_heading = document.getElementById('card-2-heading')
- let id_card_2_message = document.getElementById('card-2-message')
let id_card_2_resend_email = document.getElementById('card-2-resend-email')
let id_card_2_spinner = document.getElementById('card-2-spinner')
let id_card_2_tick = document.getElementById('card-2-tick')
id_card_1_tick.hidden = true
id_card_1_cross.hidden = true
id_card_1_spinner.hidden = true
- id_card_1_message.hidden = true
+ id_card_1_alert.hidden = true
id_card_2_resend_email.disabled = true
id_card_2_tick.hidden = true
id_card_2_cross.hidden = true
id_card_2_spinner.hidden = true
- id_card_2_message.hidden = true
+ id_card_2_alert.hidden = true
}
let details
id_card_1_tick.hidden = true
id_card_1_cross.hidden = true
id_card_1_spinner.hidden = true
- // the below causes an ugly flicker, so just keep the message
- //id_card_1_message.hidden = true
+ // the below causes an ugly flicker, so just keep the alert
+ //id_card_1_alert.hidden = true
if (!id_form.checkValidity()) {
// workaround for https://github.com/twbs/bootstrap/issues/23454
id_card_1_cross.hidden = false
id_card_1_spinner.hidden = true
- id_card_1_message.textContent = problem.detail
- //id_card_1_message.classList.remove('text-success')
- id_card_1_message.classList.add('text-danger')
- id_card_1_message.hidden = false
+ id_card_1_alert.textContent = problem.detail
+ id_card_1_alert.classList.remove('alert-success')
+ id_card_1_alert.classList.add('alert-danger')
+ id_card_1_alert.hidden = false
$('#card-1-collapse').collapse('show')
return false
}
id_card_1_tick.hidden = false
id_card_1_spinner.hidden = true
- id_card_1_message.textContent = `Your account with email "${details.email}" has been created.`
- //id_card_1_message.classList.add('text-success')
- id_card_1_message.classList.remove('text-danger')
- id_card_1_message.hidden = false
+ id_card_1_alert.textContent = `Your account with email "${details.email}" has been created.`
+ id_card_1_alert.classList.add('alert-success')
+ id_card_1_alert.classList.remove('alert-danger')
+ id_card_1_alert.hidden = false
id_card_2_resend_email.disabled = false
id_card_2.scrollIntoView()
id_card_2_tick.hidden = true
id_card_2_cross.hidden = true
id_card_2_spinner.hidden = false
- // the below causes an ugly flicker, so just keep the message
- //id_card_2_message.hidden = true
+ // the below causes an ugly flicker, so just keep the alert
+ //id_card_2_alert.hidden = true
try {
await api_call(
id_card_2_cross.hidden = false
id_card_2_spinner.hidden = true
- id_card_2_message.textContent = problem.detail
- //id_card_2_message.classList.remove('text-success')
- id_card_2_message.classList.add('text-danger')
- id_card_2_message.hidden = false
+ id_card_2_alert.textContent = problem.detail
+ id_card_2_alert.classList.remove('alert-success')
+ id_card_2_alert.classList.add('alert-danger')
+ id_card_2_alert.hidden = false
$('#card-2-collapse').collapse('show')
return false
id_card_2_tick.hidden = false
id_card_2_spinner.hidden = true
- id_card_2_message.textContent = `Email verification link has been sent to "${details.email}". Please check your email for next steps.`
- //id_card_2_message.classList.add('text-success')
- id_card_2_message.classList.remove('text-danger')
- id_card_2_message.hidden = false
+ id_card_2_alert.textContent = `Email verification link has been sent to "${details.email}". Please check your email for next steps.`
+ id_card_2_alert.classList.add('alert-success')
+ id_card_2_alert.classList.remove('alert-danger')
+ id_card_2_alert.hidden = false
return true
}