activate.pug 1.9 KB

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