email-preferences.pug 1.5 KB

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