primaryEmailCheck.pug 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. extends ../layout-marketing
  2. block content
  3. main.content.content-alt#main-content
  4. .login-register-container.primary-email-check-container
  5. .card.primary-email-check-card
  6. img.primary-email-check-logo(src=buildImgPath("ol-brand/overleaf.svg") alt=settings.appName)
  7. h3.primary-email-check-header #{translate("keep_your_account_safe")}
  8. .login-register-form.primary-email-check-form(data-ol-multi-submit)
  9. p.small
  10. | !{translate("primary_email_check_question", { email: getUserEmail() }, ["strong"])}
  11. form(
  12. data-ol-async-form
  13. action="/user/emails/primary-email-check"
  14. method="POST"
  15. )
  16. input(name='_csrf', type='hidden', value=csrfToken)
  17. +formMessages()
  18. button.btn-primary.btn.btn-block.btn-primary-email-check-button.primary-email-confirm-button(
  19. type='submit'
  20. data-ol-disabled-inflight
  21. )
  22. span(data-ol-inflight="idle") #{translate("yes_that_is_correct")}
  23. span(hidden data-ol-inflight="pending") #{translate("confirming")}…
  24. a.btn-secondary.btn.btn-block.btn-primary-email-check-button.primary-email-change-button(
  25. href="/user/settings#add-email"
  26. data-ol-slow-link
  27. event-tracking="primary-email-check-change-email"
  28. event-tracking-mb="true"
  29. event-tracking-trigger="click"
  30. )
  31. span(data-ol-inflight="idle") #{translate("no_update_email")}
  32. span(hidden data-ol-inflight="pending") #{translate("redirecting")}…
  33. p.small
  34. | #{translate("keep_your_email_updated")}
  35. p.small
  36. | !{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' }}])}