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(src=buildImgPath("ol-brand/overleaf.svg") alt=settings.appName)
  9. h1.h3.mb-3 #{translate("keep_your_account_safe")}
  10. div(data-ol-multi-submit)
  11. p.small.mb-4
  12. | !{translate("primary_email_check_question", { email: getUserEmail() }, ["strong"])}
  13. form(
  14. data-ol-async-form
  15. action="/user/emails/primary-email-check"
  16. method="POST"
  17. )
  18. input(name='_csrf', type='hidden', value=csrfToken)
  19. +formMessagesNewStyle()
  20. button.btn.btn-primary.w-100.mb-3(
  21. type='submit'
  22. data-ol-disabled-inflight
  23. )
  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' }}])}