opt_in.pug 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. extends ../layout-marketing
  2. include ../_mixins/back_to_btns
  3. block content
  4. main.content.content-alt#main-content
  5. .container.beta-opt-in-wrapper
  6. .row
  7. .col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  8. .card
  9. .page-header
  10. h1
  11. | #{translate("sharelatex_beta_program")}
  12. .beta-opt-in
  13. .container-fluid
  14. .row
  15. .col-md-12
  16. if user.betaProgram
  17. p.text-centered
  18. strong #{translate("beta_program_already_participating")}.
  19. p !{translate("thank_you_for_being_part_of_our_beta_program", {}, ['strong'])}.
  20. else
  21. p.text-centered
  22. strong #{translate("beta_program_not_participating")}.
  23. p !{translate("beta_program_benefits", {}, ['strong'])}
  24. p #[strong How it works:]
  25. ul
  26. li #{translate("beta_program_badge_description")} #[span(aria-label=translate("beta_feature_badge") role="img").beta-badge]
  27. li !{translate("you_will_be_able_to_contact_us_any_time_to_share_your_feedback", {}, ['strong'])}.
  28. li !{translate("we_may_also_contact_you_from_time_to_time_by_email_with_a_survey", {}, ['strong'])}.
  29. li !{translate("you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page", {}, ['strong'])}.
  30. p !{translate("note_features_under_development", {}, ['strong'])}.
  31. .row.text-centered
  32. .col-md-12
  33. if user.betaProgram
  34. form(
  35. data-ol-regular-form
  36. method="post"
  37. action="/beta/opt-out"
  38. novalidate
  39. )
  40. input(type="hidden", name="_csrf", value=csrfToken)
  41. .form-group
  42. a(
  43. href="https://forms.gle/CFEsmvZQTAwHCd3X9"
  44. target="_blank"
  45. rel="noopener noreferrer"
  46. ).btn.btn-primary.btn-lg #{translate("give_feedback")}
  47. .form-group
  48. button.btn.btn-secondary-info.btn-secondary.btn-sm(
  49. type="submit"
  50. data-ol-disabled-inflight
  51. )
  52. span(data-ol-inflight="idle") #{translate("beta_program_opt_out_action")}
  53. span(hidden data-ol-inflight="pending") #{translate("processing")}…
  54. else
  55. form(
  56. data-ol-regular-form
  57. method="post",
  58. action="/beta/opt-in"
  59. )
  60. input(type="hidden", name="_csrf", value=csrfToken)
  61. .form-group
  62. button.btn.btn-primary(
  63. type="submit"
  64. data-ol-disabled-inflight
  65. )
  66. span(data-ol-inflight="idle") #{translate("beta_program_opt_in_action")}
  67. span(hidden data-ol-inflight="pending") #{translate("joining")}…
  68. .page-separator
  69. +back-to-btns()