email-preferences.pug 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. extends ../layout-marketing
  2. include ../_mixins/back_to_btns
  3. block content
  4. main#main-content.content.content-alt
  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. name='newsletterForm'
  22. data-ol-async-form
  23. data-ol-reload-on-success
  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