opt_in.pug 2.9 KB

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