opt_in.pug 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. extends ../layout-website-redesign
  2. include ../_mixins/back_to_btns
  3. block vars
  4. - isWebsiteRedesign = true
  5. block content
  6. main#main-content.content
  7. .container.beta-opt-in-wrapper
  8. .row
  9. .col-lg-10.offset-lg-1.col-xl-8.offset-xl-2
  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.beta-badge.badge.bg-beta.bg-beta(
  30. aria-label=translate('beta_feature_badge')
  31. )
  32. span.badge-content β
  33. li !{translate("you_will_be_able_to_contact_us_any_time_to_share_your_feedback", {}, ['strong'])}.
  34. li !{translate("we_may_also_contact_you_from_time_to_time_by_email_with_a_survey", {}, ['strong'])}.
  35. li !{translate("you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page", {}, ['strong'])}.
  36. p !{translate("note_features_under_development", {}, ['strong'])}.
  37. .row.text-center
  38. .col-lg-12
  39. if user.betaProgram
  40. form(
  41. data-ol-regular-form
  42. method='post'
  43. action='/beta/opt-out'
  44. novalidate
  45. )
  46. input(name='_csrf' type='hidden' value=csrfToken)
  47. .form-group
  48. a.btn.btn-primary.btn-lg(
  49. href='https://forms.gle/CFEsmvZQTAwHCd3X9'
  50. target='_blank'
  51. rel='noopener noreferrer'
  52. ) #{translate("give_feedback")}
  53. .form-group
  54. button.btn.btn-secondary-info.btn-secondary.btn-sm(
  55. type='submit'
  56. data-ol-disabled-inflight
  57. )
  58. span(data-ol-inflight='idle') #{translate("beta_program_opt_out_action")}
  59. span(hidden data-ol-inflight='pending') #{translate("processing")}…
  60. else
  61. form(data-ol-regular-form method='post' action='/beta/opt-in')
  62. input(name='_csrf' type='hidden' value=csrfToken)
  63. .form-group
  64. button.btn.btn-primary(type='submit' data-ol-disabled-inflight)
  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. +back-to-btns