opt_in.pug 2.8 KB

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