activate.pug 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. extends ../../../../../app/views/layout-website-redesign-bootstrap-5
  2. block content
  3. main.content.content-alt#main-content
  4. .container
  5. div.col-lg-6.col-xl-4.m-auto
  6. .notification-list
  7. .notification.notification-type-success(aria-live="off" role="alert")
  8. .notification-content-and-cta
  9. .notification-icon
  10. span.material-symbols(aria-hidden="true")
  11. | check_circle
  12. .notification-content
  13. p
  14. | #{translate("nearly_activated")}
  15. h1.h3 #{translate("please_set_a_password")}
  16. form(
  17. data-ol-async-form
  18. name="activationForm",
  19. action="/user/password/set",
  20. method="POST",
  21. )
  22. +formMessages()
  23. +customFormMessage('token-expired', 'danger')
  24. | #{translate("activation_token_expired")}
  25. +customFormMessage('invalid-password', 'danger')
  26. | #{translate('invalid_password')}
  27. input(name='_csrf', type='hidden', value=csrfToken)
  28. input(
  29. type="hidden",
  30. name="passwordResetToken",
  31. value=token
  32. )
  33. .form-group
  34. label(for='emailField') #{translate("email")}
  35. input.form-control#emailField(
  36. aria-label="email",
  37. type='email',
  38. name='email',
  39. placeholder="email@example.com",
  40. autocomplete="username"
  41. value=email
  42. required,
  43. disabled
  44. )
  45. .form-group
  46. label(for='passwordField') #{translate("password")}
  47. input.form-control#passwordField(
  48. type='password',
  49. name='password',
  50. placeholder="********",
  51. autocomplete="new-password",
  52. autofocus,
  53. required,
  54. minlength=settings.passwordStrengthOptions.length.min
  55. )
  56. .actions
  57. button.btn.btn-primary(
  58. type='submit',
  59. data-ol-disabled-inflight
  60. aria-label=translate('activate')
  61. )
  62. span(data-ol-inflight="idle")
  63. | #{translate('activate')}
  64. span(hidden data-ol-inflight="pending")
  65. | #{translate('activating')}…