reconfirm.pug 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. extends ../layout-website-redesign
  2. include ../_mixins/recaptcha
  3. block vars
  4. - isWebsiteRedesign = true
  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(data-ol-captcha-retry-trigger-area='')
  22. .container.auth-aux-container(style='max-width: 420px')
  23. form(
  24. name='reconfirmAccountForm'
  25. captcha-action-name=showCaptcha ? 'passwordReset' : false
  26. data-ol-async-form
  27. action='/user/reconfirm'
  28. method='POST'
  29. aria-label=translate('request_reconfirmation_email')
  30. captcha=showCaptcha ? '' : false
  31. )
  32. h1.h5.mb-3 #{translate("reconfirm_account")}
  33. p #{translate('reconfirm_explained')}
  34. |  
  35. a(href=`mailto:${settings.adminEmail}`) #{settings.adminEmail}
  36. | .
  37. div(data-ol-not-sent)
  38. +formMessagesNewStyle
  39. input(name='_csrf' type='hidden' value=csrfToken)
  40. .form-group.mb-3
  41. label.form-label(for='email') #{translate("please_enter_email")}
  42. input#email.form-control(
  43. name='email'
  44. type='email'
  45. required
  46. autofocus
  47. value=email
  48. )
  49. .actions
  50. button.btn.btn-primary.w-100(
  51. style='white-space: normal'
  52. type='submit'
  53. data-ol-disabled-inflight
  54. aria-label=translate('request_password_reset_to_reconfirm')
  55. )
  56. span(data-ol-inflight='idle')
  57. | #{translate('request_password_reset_to_reconfirm')}
  58. span(hidden data-ol-inflight='pending')
  59. | #{translate('request_password_reset_to_reconfirm')}…
  60. div(hidden data-ol-sent)
  61. .alert.alert-success(role='alert' aria-live='polite')
  62. span #{translate('password_reset_email_sent')}
  63. if showCaptcha
  64. +recaptchaConditions