email-preferences.pug 1.4 KB

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