reconfirm.pug 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. extends ../layout-marketing
  2. include ../_mixins/recaptcha
  3. block vars
  4. - bootstrap5PageStatus = 'disabled'
  5. block content
  6. - var email = reconfirm_email ? reconfirm_email : ''
  7. - var showCaptcha = settings.recaptcha && settings.recaptcha.siteKey && !(settings.recaptcha.disabled && settings.recaptcha.disabled.passwordReset)
  8. if showCaptcha
  9. script(
  10. type='text/javascript'
  11. nonce=scriptNonce
  12. src='https://www.recaptcha.net/recaptcha/api.js?render=explicit'
  13. )
  14. div(
  15. id='recaptcha'
  16. class='g-recaptcha'
  17. data-sitekey=settings.recaptcha.siteKey
  18. data-size='invisible'
  19. data-badge='inline'
  20. )
  21. main#main-content.content.content-alt(data-ol-captcha-retry-trigger-area='')
  22. .container
  23. .row
  24. .col-sm-12.col-md-6.col-md-offset-3
  25. .card
  26. h1.card-header #{translate("reconfirm_account")}
  27. p #{translate('reconfirm_explained')} 
  28. a(href=`mailto:${settings.adminEmail}`) #{settings.adminEmail}
  29. | .
  30. form(
  31. name='reconfirmAccountForm'
  32. captcha-action-name=showCaptcha ? 'passwordReset' : false
  33. data-ol-async-form
  34. action='/user/reconfirm'
  35. method='POST'
  36. aria-label=translate('request_reconfirmation_email')
  37. captcha=showCaptcha ? '' : false
  38. )
  39. div(data-ol-not-sent)
  40. +formMessages
  41. input(name='_csrf' type='hidden' value=csrfToken)
  42. .form-group
  43. label(for='email') #{translate("please_enter_email")}
  44. input.form-control(
  45. name='email'
  46. aria-label='email'
  47. type='email'
  48. placeholder='email@example.com'
  49. required
  50. autofocus
  51. value=email
  52. )
  53. .actions
  54. button.btn.btn-primary(
  55. type='submit'
  56. data-ol-disabled-inflight
  57. aria-label=translate('request_password_reset_to_reconfirm')
  58. )
  59. span(data-ol-inflight='idle')
  60. | #{translate('request_password_reset_to_reconfirm')}
  61. span(hidden data-ol-inflight='pending')
  62. | #{translate('request_password_reset_to_reconfirm')}…
  63. div(hidden data-ol-sent)
  64. .alert.alert-success(role='alert' aria-live='polite')
  65. span #{translate('password_reset_email_sent')}
  66. .row
  67. .col-sm-12.col-md-6.col-md-offset-3
  68. if showCaptcha
  69. +recaptchaConditions