div.accordion#accordion(role="tablist" aria-multiselectable="true") {
div.card#card-1 {
div.card-header#card-1-heading(role="tab") {
- span#card-1-tick(hidden) {
- span.icon-color.pr-3 {_out.push(icon_tick)}
+ span.icon32-outer#card-1-tick(hidden) {
+ span.icon32-inner {_out.push(icon_tick)}
}
- span#card-1-cross(hidden) {
- span.icon-color.pr-3 {_out.push(icon_cross)}
+ span.icon32-outer#card-1-cross(hidden) {
+ span.icon32-inner {_out.push(icon_cross)}
}
- span#card-1-spinner(hidden) {
- span.icon-color.pr-3 {
- div.spinner-border(role="status") {
- span.sr-only {'Loading...'}
- }
+ span.icon32-outer#card-1-spinner(hidden) {
+ span.icon32-inner {
+ div.spinner-border(role="status") {}
}
}
a.h5(data-toggle="collapse" data-parent="#accordion" href="#card-1-collapse" aria-expanded="true" aria-controls="card-1-collapse") {
}
div.card#card-2 {
div.card-header#card-2-heading(role="tab") {
- span#card-2-tick(hidden) {
- span.icon-color.pr-3 {_out.push(icon_tick)}
+ span.icon32-outer#card-2-tick(hidden) {
+ span.icon32-inner {_out.push(icon_tick)}
}
- span#card-2-cross(hidden) {
- span.icon-color.pr-3 {_out.push(icon_cross)}
+ span.icon32-outer#card-2-cross(hidden) {
+ span.icon32-inner {_out.push(icon_cross)}
}
- span#card-2-spinner(hidden) {
- span.icon-color.pr-3 {
- div.spinner-border(role="status") {
- span.sr-only {'Loading...'}
- }
+ span.icon32-outer#card-2-spinner(hidden) {
+ span.icon32-inner {
+ div.spinner-border(role="status") {}
}
}
a.h5.collapsed(data-toggle="collapse" data-parent="#accordion" href="#card-2-collapse" aria-expanded="false" aria-controls="card-2-collapse") {
document.getElementById('contact-me').checked &&
document.getElementById('email').value.length === 0 &&
document.getElementById('verification-code').value.length === 0
+ document.getElementById('card-1-tick').hidden = true
+ document.getElementById('card-1-cross').hidden = true
+ document.getElementById('card-1-spinner').hidden = true
document.getElementById('card-1-message').hidden = true
document.getElementById('card-2-resend-email').disabled = true
+ document.getElementById('card-2-tick').hidden = true
+ document.getElementById('card-2-cross').hidden = true
+ document.getElementById('card-2-spinner').hidden = true
document.getElementById('card-2-message').hidden = true
}
document.getElementById('card-1-tick').hidden = true
document.getElementById('card-1-cross').hidden = true
document.getElementById('card-1-spinner').hidden = true
- document.getElementById('card-1-message').hidden = true
- document.getElementById('card-1').scrollIntoView()
+ // the below causes an ugly flicker, so just keep the message
+ //document.getElementById('card-1-message').hidden = true
if (!document.getElementById('form').checkValidity()) {
document.getElementById('form').classList.add('was-validated');
document.getElementById('card-1-message').hidden = false
document.getElementById('card-2-resend-email').disabled = false
+ document.getElementById('card-2').scrollIntoView()
return true
}
document.getElementById('card-2-tick').hidden = true
document.getElementById('card-2-cross').hidden = true
document.getElementById('card-2-spinner').hidden = false
- document.getElementById('card-2-message').hidden = true
- document.getElementById('card-2').scrollIntoView()
+ // the below causes an ugly flicker, so just keep the message
+ //document.getElementById('card-2-message').hidden = true
try {
await api_call(