opt_in.pug 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. extends ../layout-marketing
  2. include ../_mixins/back_to_btns
  3. block content
  4. main#main-content.content.content-alt
  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(
  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