confirm_email.pug 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. extends ../layout-website-redesign
  2. include ../_mixins/notification
  3. block vars
  4. - isWebsiteRedesign = true
  5. block content
  6. main#main-content.content
  7. .container
  8. .row
  9. .col-lg-8.offset-lg-2.col-xl-6.offset-xl-3
  10. .page-header(data-ol-hide-on-error-message='confirm-email-wrong-user')
  11. h1 #{translate("confirm_email")}
  12. form(method='POST' action='/logout' id='logoutForm')
  13. input(name='_csrf' type='hidden' value=csrfToken)
  14. input(name='redirect' type='hidden' value=currentUrlWithQueryParams)
  15. form(
  16. name='confirmEmailForm'
  17. data-ol-async-form
  18. data-ol-auto-submit
  19. action='/user/emails/confirm'
  20. method='POST'
  21. id='confirmEmailForm'
  22. )
  23. input(name='_csrf' type='hidden' value=csrfToken)
  24. input(name='token' type='hidden' value=token)
  25. div(data-ol-not-sent)
  26. +formMessages
  27. div(data-ol-custom-form-message='confirm-email-wrong-user' hidden)
  28. h1.h3 #{translate("we_cant_confirm_this_email")}
  29. p !{translate("to_confirm_email_address_you_must_be_logged_in_with_the_requesting_account")}
  30. p !{translate("you_are_currently_logged_in_as", {email: getUserEmail()})}
  31. .actions
  32. button.btn-primary.btn.w-100(form='logoutForm') #{translate('log_in_with_a_different_account')}
  33. .actions
  34. button.btn-primary.btn.w-100(
  35. type='submit'
  36. data-ol-disabled-inflight
  37. data-ol-hide-on-error-message='confirm-email-wrong-user'
  38. )
  39. span(data-ol-inflight='idle')
  40. | #{translate('confirm')}
  41. span(hidden data-ol-inflight='pending')
  42. span.spinner-border.spinner-border-sm.mx-2(role='status')
  43. div(hidden data-ol-sent)
  44. +notification({ariaLive: 'polite', type: 'success', className: 'mb-3', content: translate('thank_you_email_confirmed')})
  45. .text-center
  46. a.btn.btn-primary(href='/user/settings')
  47. | #{translate('go_to_account_settings')}