opt_in.pug 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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.text-centered
  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 #{translate("beta_program_already_participating")}.
  17. p #{translate("thank_you_for_being_part_of_our_beta_program")}.
  18. else
  19. p #{translate("beta_program_benefits")}
  20. p #[strong How it works:]
  21. ul
  22. li #{translate("beta_program_badge_description")} #[span(aria-label=translate("beta_feature_badge") role="img").beta-badge]
  23. li #{translate("you_will_be_able_to_contact_us_any_time_to_share_your_feedback")}.
  24. li #{translate("we_may_also_contact_you_from_time_to_time_by_email_with_a_survey")}.
  25. li #{translate("you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page")}.
  26. .row.text-centered
  27. .col-md-12
  28. if user.betaProgram
  29. form(
  30. data-ol-regular-form
  31. method="post"
  32. action="/beta/opt-out"
  33. novalidate
  34. )
  35. input(type="hidden", name="_csrf", value=csrfToken)
  36. .form-group
  37. a(
  38. href="https://forms.gle/CFEsmvZQTAwHCd3X9"
  39. target="_blank"
  40. rel="noopener noreferrer"
  41. ).btn.btn-primary.btn-lg #{translate("give_feedback")}
  42. .form-group
  43. button.btn.btn-info.btn-sm(
  44. type="submit"
  45. data-ol-disabled-inflight
  46. )
  47. span(data-ol-inflight="idle") #{translate("beta_program_opt_out_action")}
  48. span(hidden data-ol-inflight="pending") #{translate("processing")}…
  49. .form-group
  50. a(href="/project").btn.btn-link.btn-sm #{translate("back_to_your_projects")}
  51. else
  52. form(
  53. data-ol-regular-form
  54. method="post",
  55. action="/beta/opt-in"
  56. )
  57. input(type="hidden", name="_csrf", value=csrfToken)
  58. .form-group
  59. button.btn.btn-primary(
  60. type="submit"
  61. data-ol-disabled-inflight
  62. )
  63. span(data-ol-inflight="idle") #{translate("beta_program_opt_in_action")}
  64. span(hidden data-ol-inflight="pending") #{translate("joining")}…
  65. .form-group
  66. a(href="/project").btn.btn-link.btn-sm #{translate("back_to_your_projects")}