activate.pug 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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#main-content.content.content-alt
  7. .container
  8. .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. name='activationForm'
  20. data-ol-async-form
  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(name='passwordResetToken' type='hidden' value=token)
  31. .form-group
  32. label(for='emailField') #{translate("email")}
  33. input#emailField.form-control(
  34. name='email'
  35. aria-label='email'
  36. type='email'
  37. placeholder='email@example.com'
  38. autocomplete='username'
  39. value=email
  40. required
  41. disabled
  42. )
  43. .form-group
  44. label(for='passwordField') #{translate("password")}
  45. input#passwordField.form-control(
  46. name='password'
  47. type='password'
  48. placeholder='********'
  49. autocomplete='new-password'
  50. autofocus
  51. required
  52. minlength=settings.passwordStrengthOptions.length.min
  53. )
  54. .actions
  55. button.btn.btn-primary(
  56. type='submit'
  57. data-ol-disabled-inflight
  58. aria-label=translate('activate')
  59. )
  60. span(data-ol-inflight='idle')
  61. | #{translate('activate')}
  62. span(hidden data-ol-inflight='pending')
  63. | #{translate('activating')}…