overleaf/services/web/app/views/user/confirm_email.pug
June Kelly 5141f7b452 Merge pull request #5199 from overleaf/jk-de-ng-form-messages-role
[web] Improve a11y of form-messages

GitOrigin-RevId: 36360bc188f9a582e891d50328a6f27b414dce2a
2021-09-27 08:03:10 +00:00

38 lines
1.1 KiB
Text

extends ../layout-marketing
block content
main.content.content-alt#main-content
.container
.row
.col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4
.card
.page-header
h1 #{translate("confirm_email")}
form(
data-ol-async-form,
data-ol-auto-submit,
name="confirmEmailForm"
action="/user/emails/confirm",
method="POST",
id="confirmEmailForm",
)
input(type="hidden", name="_csrf", value=csrfToken)
input(type="hidden", name="token", value=token)
div(data-ol-not-sent)
+formMessages()
.actions
button.btn-primary.btn.btn-block(
type='submit',
data-ol-disabled-inflight
)
span(data-ol-inflight="idle")
| #{translate('confirm')}
span(hidden data-ol-inflight="pending")
i.fa.fa-fw.fa-spin.fa-spinner(aria-hidden="true")
|  #{translate('confirming')}…
div(hidden data-ol-sent)
.alert.alert-success
| #{translate('thank_you_email_confirmed')}