email-preferences.pug 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. extends ../layout-marketing
  2. block content
  3. main.content.content-alt#main-content
  4. .container
  5. .row
  6. .col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  7. .card
  8. .page-header
  9. h1 #{translate("newsletter_info_title")}
  10. p #{translate("newsletter_info_summary")}
  11. - var submitAction
  12. if subscribed
  13. - submitAction = '/user/newsletter/unsubscribe'
  14. p !{translate("newsletter_info_subscribed", {}, ['strong'])}
  15. else
  16. - submitAction = '/user/newsletter/subscribe'
  17. p !{translate("newsletter_info_unsubscribed", {}, ['strong'])}
  18. form(
  19. data-ol-async-form
  20. data-ol-reload-on-success
  21. name="newsletterForm"
  22. action=submitAction
  23. method="POST"
  24. )
  25. input(name='_csrf', type='hidden', value=csrfToken)
  26. +formMessages()
  27. p.actions.text-center
  28. if subscribed
  29. button.btn-danger.btn(type='submit', data-ol-disabled-inflight)
  30. span(data-ol-inflight="idle") #{translate("unsubscribe")}
  31. span(hidden data-ol-inflight="pending") #{translate("saving")}…
  32. else
  33. button.btn-primary.btn(type='submit', data-ol-disabled-inflight)
  34. span(data-ol-inflight="idle") #{translate("subscribe")}
  35. span(hidden data-ol-inflight="pending") #{translate("saving")}…
  36. if subscribed
  37. p #{translate("newsletter_info_note")}
  38. .page-separator
  39. a.btn.btn-default.text-capitalize(href='/user/settings') #{translate('back_to_account_settings')}
  40. |
  41. a.btn.btn-default.text-capitalize(href='/project') #{translate('back_to_your_projects')}