mirror of
https://github.com/overleaf/overleaf.git
synced 2025-02-06 02:51:31 +00:00
Rename plans-page-layout-v2 to plans-page-layout-v2-annual
GitOrigin-RevId: deeec6bde44d8d99e241d54b02248fe6299af4df
This commit is contained in:
parent
8c792dd63e
commit
a0c87b2ae1
5 changed files with 15 additions and 14 deletions
|
@ -59,7 +59,7 @@ async function plansPage(req, res) {
|
|||
await SplitTestHandler.promises.getAssignment(
|
||||
req,
|
||||
res,
|
||||
'plans-page-layout-v2'
|
||||
'plans-page-layout-v2-annual'
|
||||
)
|
||||
|
||||
const newPlansPageVariantV2 =
|
||||
|
|
|
@ -64,7 +64,7 @@ div.modal.fade(tabindex="-1" role="dialog" data-ol-group-plan-modal)
|
|||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="select"
|
||||
event-segmentation='{"plans-page-layout-v2": "' + (newPlansPageVariantV2 ? 'new-plans-page' : 'default') + '"}'
|
||||
event-segmentation='{"plans-page-layout-v2-annual": "' + (newPlansPageVariantV2 ? 'new-plans-page' : 'default') + '"}'
|
||||
)
|
||||
for size in groupPlanModalOptions.sizes
|
||||
option(
|
||||
|
@ -92,7 +92,7 @@ div.modal.fade(tabindex="-1" role="dialog" data-ol-group-plan-modal)
|
|||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="checkbox"
|
||||
event-segmentation='{"plans-page-layout-v2": "' + (newPlansPageVariantV2 ? 'new-plans-page' : 'default') + '"}'
|
||||
event-segmentation='{"plans-page-layout-v2-annual": "' + (newPlansPageVariantV2 ? 'new-plans-page' : 'default') + '"}'
|
||||
)
|
||||
span This license is for educational purposes (applies to students or faculty using Overleaf for teaching)
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@ include ./_mixins
|
|||
event-tracking="plans-page-toggle-plan"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "individual", "plans-page-layout-v2": "new-plans-page"}'
|
||||
event-segmentation='{"button": "individual", "plans-page-layout-v2-annual": "new-plans-page"}'
|
||||
)
|
||||
a.btn.btn-default-outline(
|
||||
href="#"
|
||||
|
@ -18,7 +18,7 @@ include ./_mixins
|
|||
event-tracking="plans-page-toggle-plan"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "group", "plans-page-layout-v2": "new-plans-page"}'
|
||||
event-segmentation='{"button": "group", "plans-page-layout-v2-annual": "new-plans-page"}'
|
||||
)
|
||||
a.btn.btn-default-outline(
|
||||
href="#"
|
||||
|
@ -30,13 +30,13 @@ include ./_mixins
|
|||
event-tracking="plans-page-toggle-plan"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "student", "plans-page-layout-v2": "new-plans-page"}'
|
||||
event-segmentation='{"button": "student", "plans-page-layout-v2-annual": "new-plans-page"}'
|
||||
)
|
||||
a.btn.btn-default-outline(
|
||||
href="#"
|
||||
) #{translate("student_plans")}
|
||||
|
||||
+monthly_annual_switch("annual", "plans-page-toggle-period", '{"plans-page-layout-v2": "new-plans-page"}')
|
||||
+monthly_annual_switch("annual", "plans-page-toggle-period", '{"plans-page-layout-v2-annual": "new-plans-page"}')
|
||||
|
||||
.row(hidden data-ol-plans-v2-license-picker-container)
|
||||
.col-sm-12
|
||||
|
|
|
@ -344,7 +344,7 @@ mixin group_plans_license_picker()
|
|||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="select"
|
||||
event-segmentation='{"plans-page-layout-v2": "new-plans-page"}'
|
||||
event-segmentation='{"plans-page-layout-v2-annual": "new-plans-page"}'
|
||||
)
|
||||
option(value="2") 2
|
||||
option(value="3") 3
|
||||
|
@ -364,7 +364,7 @@ mixin group_plans_license_picker()
|
|||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="checkbox"
|
||||
event-segmentation='{"plans-page-layout-v2": "new-plans-page"}'
|
||||
event-segmentation='{"plans-page-layout-v2-annual": "new-plans-page"}'
|
||||
)
|
||||
span #{translate("apply_educational_discount")}
|
||||
//- will only appear on screen width >= 768px (using CSS)
|
||||
|
|
|
@ -3,7 +3,7 @@ import '../../../features/plans/group-plan-modal'
|
|||
import * as eventTracking from '../../../infrastructure/event-tracking'
|
||||
import getMeta from '../../../utils/meta'
|
||||
|
||||
const PLANS_PAGE_LAYOUT_V2 = 'plans-page-layout-v2'
|
||||
const PLANS_PAGE_LAYOUT_V2_ANNUAL = 'plans-page-layout-v2-annual'
|
||||
|
||||
let currentView = 'monthly'
|
||||
let currentCurrencyCode = getMeta('ol-recommendedCurrency')
|
||||
|
@ -26,14 +26,14 @@ function selectView(view) {
|
|||
|
||||
function setUpViewSwitching(liEl) {
|
||||
const plansPageV2SplitTestVariant =
|
||||
getMeta('ol-splitTestVariants')?.[PLANS_PAGE_LAYOUT_V2] ?? 'default'
|
||||
getMeta('ol-splitTestVariants')?.[PLANS_PAGE_LAYOUT_V2_ANNUAL] ?? 'default'
|
||||
const view = liEl.getAttribute('data-ol-view-tab')
|
||||
liEl.querySelector('a').addEventListener('click', function (e) {
|
||||
e.preventDefault()
|
||||
eventTracking.send('subscription-funnel', 'plans-page', `${view}-prices`)
|
||||
eventTracking.sendMB('plans-page-toggle', {
|
||||
button: view,
|
||||
PLANS_PAGE_LAYOUT_V2: plansPageV2SplitTestVariant,
|
||||
PLANS_PAGE_LAYOUT_V2_ANNUAL: plansPageV2SplitTestVariant,
|
||||
})
|
||||
selectView(view)
|
||||
})
|
||||
|
@ -54,7 +54,7 @@ function setUpCurrencySwitching(linkEl) {
|
|||
|
||||
function setUpSubscriptionTracking(linkEl) {
|
||||
const plansPageV2SplitTestVariant =
|
||||
getMeta('ol-splitTestVariants')?.[PLANS_PAGE_LAYOUT_V2] ?? 'default'
|
||||
getMeta('ol-splitTestVariants')?.[PLANS_PAGE_LAYOUT_V2_ANNUAL] ?? 'default'
|
||||
const plan =
|
||||
linkEl.getAttribute('data-ol-tracking-plan') ||
|
||||
linkEl.getAttribute('data-ol-start-new-subscription')
|
||||
|
@ -72,7 +72,8 @@ function setUpSubscriptionTracking(linkEl) {
|
|||
}
|
||||
|
||||
if (eventTrackingKey === DEFAULT_EVENT_TRACKING_KEY) {
|
||||
eventTrackingSegmentation.PLANS_PAGE_LAYOUT_V2 = plansPageV2SplitTestVariant
|
||||
eventTrackingSegmentation.PLANS_PAGE_LAYOUT_V2_ANNUAL =
|
||||
plansPageV2SplitTestVariant
|
||||
}
|
||||
|
||||
linkEl.addEventListener('click', function () {
|
||||
|
|
Loading…
Reference in a new issue