mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-31 21:21:03 -04:00
5141f7b452
[web] Improve a11y of form-messages GitOrigin-RevId: 36360bc188f9a582e891d50328a6f27b414dce2a
63 lines
2 KiB
Text
63 lines
2 KiB
Text
extends ../layout-marketing
|
|
include ../_mixins/recaptcha
|
|
|
|
block content
|
|
- var email = reconfirm_email ? reconfirm_email : ""
|
|
- var showCaptcha = settings.recaptcha && settings.recaptcha.siteKey && !(settings.recaptcha.disabled && settings.recaptcha.disabled.passwordReset)
|
|
|
|
if showCaptcha
|
|
script(type="text/javascript", nonce=scriptNonce, src="https://www.recaptcha.net/recaptcha/api.js?render=explicit")
|
|
div(
|
|
id="recaptcha"
|
|
class="g-recaptcha"
|
|
data-sitekey=settings.recaptcha.siteKey
|
|
data-size="invisible"
|
|
data-badge="inline"
|
|
)
|
|
|
|
main.content.content-alt#main-content
|
|
.container
|
|
.row
|
|
.col-sm-12.col-md-6.col-md-offset-3
|
|
.card
|
|
h1.card-header.text-capitalize #{translate("reconfirm")} #{translate("Account")}
|
|
p #{translate('reconfirm_explained')}
|
|
a(href=`mailto:${settings.adminEmail}`, ng-non-bindable) #{settings.adminEmail}
|
|
| .
|
|
form(
|
|
data-ol-async-form
|
|
name="reconfirmAccountForm"
|
|
action="/user/reconfirm",
|
|
method="POST",
|
|
aria-label=translate('request_reconfirmation_email')
|
|
captcha=(showCaptcha ? '' : false),
|
|
captcha-action-name=(showCaptcha ? "passwordReset" : false)
|
|
)
|
|
+formMessages()
|
|
|
|
input(type="hidden", name="_csrf", value=csrfToken)
|
|
.form-group
|
|
label(for='email') #{translate("please_enter_email")}
|
|
input.form-control(
|
|
aria-label="email"
|
|
type='email',
|
|
name='email',
|
|
placeholder='email@example.com',
|
|
required,
|
|
autofocus
|
|
value=email
|
|
)
|
|
.actions
|
|
button.btn.btn-primary(
|
|
type='submit',
|
|
data-ol-disabled-inflight,
|
|
aria-label=translate('request_password_reset_to_reconfirm')
|
|
)
|
|
span(data-ol-inflight="idle")
|
|
| #{translate('request_password_reset_to_reconfirm')}
|
|
span(hidden data-ol-inflight="pending")
|
|
| #{translate('request_password_reset_to_reconfirm')}…
|
|
.row
|
|
.col-sm-12.col-md-6.col-md-offset-3
|
|
if showCaptcha
|
|
+recaptchaConditions
|