overleaf/services/web/app/views/beta_program/opt_in.pug
Jessica Lawshe 62cf8c9d61 Merge pull request #10262 from overleaf/jel-ds-btn-secondary
[web] Buttons for new CSS build

GitOrigin-RevId: 9ae4284ba89296b77c37d61ba9b221bcab2f6458
2022-11-15 09:06:25 +00:00

72 lines
2.7 KiB
Text

extends ../layout-marketing
include ../_mixins/back_to_btns
block content
main.content.content-alt#main-content
.container.beta-opt-in-wrapper
.row
.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
.card
.page-header
h1
| #{translate("sharelatex_beta_program")}
.beta-opt-in
.container-fluid
.row
.col-md-12
if user.betaProgram
p.text-centered
strong #{translate("beta_program_already_participating")}.
p !{translate("thank_you_for_being_part_of_our_beta_program", {}, ['strong'])}.
else
p.text-centered
strong #{translate("beta_program_not_participating")}.
p !{translate("beta_program_benefits", {}, ['strong'])}
p #[strong How it works:]
ul
li #{translate("beta_program_badge_description")} #[span(aria-label=translate("beta_feature_badge") role="img").beta-badge]
li !{translate("you_will_be_able_to_contact_us_any_time_to_share_your_feedback", {}, ['strong'])}.
li !{translate("we_may_also_contact_you_from_time_to_time_by_email_with_a_survey", {}, ['strong'])}.
li !{translate("you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page", {}, ['strong'])}.
p !{translate("note_features_under_development", {}, ['strong'])}.
.row.text-centered
.col-md-12
if user.betaProgram
form(
data-ol-regular-form
method="post"
action="/beta/opt-out"
novalidate
)
input(type="hidden", name="_csrf", value=csrfToken)
.form-group
a(
href="https://forms.gle/CFEsmvZQTAwHCd3X9"
target="_blank"
rel="noopener noreferrer"
).btn.btn-primary.btn-lg #{translate("give_feedback")}
.form-group
button.btn.btn-secondary-info.btn-secondary.btn-sm(
type="submit"
data-ol-disabled-inflight
)
span(data-ol-inflight="idle") #{translate("beta_program_opt_out_action")}
span(hidden data-ol-inflight="pending") #{translate("processing")}…
else
form(
data-ol-regular-form
method="post",
action="/beta/opt-in"
)
input(type="hidden", name="_csrf", value=csrfToken)
.form-group
button.btn.btn-primary(
type="submit"
data-ol-disabled-inflight
)
span(data-ol-inflight="idle") #{translate("beta_program_opt_in_action")}
span(hidden data-ol-inflight="pending") #{translate("joining")}…
.page-separator
+back-to-btns()