primaryEmailCheck-bs5.pug 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. extends ../layout-website-redesign
  2. block vars
  3. - bootstrap5PageStatus = 'enabled'
  4. - isWebsiteRedesign = true
  5. block content
  6. main#main-content
  7. .auth-aux-container
  8. img.w-50.d-block(
  9. src=buildImgPath('ol-brand/overleaf.svg')
  10. alt=settings.appName
  11. )
  12. h1.h3.mb-3 #{translate("keep_your_account_safe")}
  13. div(data-ol-multi-submit)
  14. p.small.mb-4
  15. | !{translate("primary_email_check_question", { email: getUserEmail() }, ["strong"])}
  16. form(
  17. data-ol-async-form
  18. action='/user/emails/primary-email-check'
  19. method='POST'
  20. )
  21. input(name='_csrf' type='hidden' value=csrfToken)
  22. +formMessagesNewStyle
  23. button.btn.btn-primary.w-100.mb-3(type='submit' data-ol-disabled-inflight)
  24. span(data-ol-inflight='idle') #{translate("yes_that_is_correct")}
  25. span(hidden data-ol-inflight='pending') #{translate("confirming")}…
  26. a.btn.btn-secondary.w-100.mb-4(
  27. href='/user/settings#add-email'
  28. data-ol-slow-link
  29. event-tracking='primary-email-check-change-email'
  30. event-tracking-mb='true'
  31. event-tracking-trigger='click'
  32. )
  33. span(data-ol-inflight='idle') #{translate("no_update_email")}
  34. span(hidden data-ol-inflight='pending') #{translate("redirecting")}…
  35. p.small.mb-2
  36. | #{translate("keep_your_email_updated")}
  37. p.small
  38. | !{translate("learn_more_about_emails", {}, [{name: 'a', attrs: {href: '/learn/how-to/Keeping_your_account_secure', 'event-tracking': 'primary-email-check-learn-more', 'event-tracking-mb': 'true', 'event-tracking-trigger': 'click' }}])}