activate.pug 2.0 KB

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