email-preferences.pug 1.5 KB

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