activate.pug 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. extends ../../../../../app/views/layout-website-redesign
  2. block vars
  3. - isWebsiteRedesign = true
  4. include ../../../../../app/views/_mixins/material_symbol
  5. block content
  6. main.content.content-alt#main-content
  7. .container
  8. div.col-lg-6.col-xl-4.m-auto
  9. .notification-list
  10. .notification.notification-type-success(aria-live="off" role="alert")
  11. .notification-content-and-cta
  12. .notification-icon
  13. +material-symbol("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')}…