overleaf/services/web/app/views/subscriptions/plans/_faq_new.pug
Jessica Lawshe fbc9a557c7 Merge pull request #18959 from overleaf/jel-faq-tabs
[web] New tab and accordion more reusable

GitOrigin-RevId: ed8340bc4b6312c4270edf1edf53c74a067aaccf
2024-06-27 08:04:44 +00:00

62 lines
1.7 KiB
Text

include ./_plans_faq_tabs
include ../../_mixins/eyebrow
- var managingYourSubscription = 'managingYourSubscription'
- var overleafIndividualPlans = 'overleafIndividualPlans'
- var overleafGroupPlans = 'overleafGroupPlans'
.plans-faq
.row.row-spaced-extra-large
.col-md-12.faq-heading-container
h2
+eyebrow(translate("frequently_asked_questions"))
| #{translate("your_questions_answered")}
.row
.col-xs-12
.ol-tabs-scrollable
.nav-tabs-container
ul.nav.nav-tabs
li.active(role="presentation")
a(
role="tab"
data-toggle="tab"
href='#' + managingYourSubscription
aria-controls=managingYourSubscription
)
| #{translate('managing_your_subscription')}
li(role="presentation")
a(
role="tab"
data-toggle="tab"
href='#' + overleafIndividualPlans
aria-controls=overleafIndividualPlans
)
| #{translate('overleaf_individual_plans')}
li(role="presentation")
a(
role="tab"
data-toggle="tab"
href='#' + overleafGroupPlans
aria-controls=overleafGroupPlans
)
| #{translate('overleaf_group_plans')}
.tab-content
.tab-pane.active(
role="tabpanel"
id=managingYourSubscription
data-ol-faq-tab-content=managingYourSubscription
)
+managingYourSubscription()
.tab-pane(
role="tabpanel"
id=overleafIndividualPlans
data-ol-faq-tab-content=overleafIndividualPlans
)
+overleafIndividualPlans()
.tab-pane(
role="tabpanel"
id=overleafGroupPlans
data-ol-faq-tab-content=overleafGroupPlans
)
+overleafGroupPlans()