opt_in.pug 2.9 KB

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