mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
tear down remove personal plan split test
GitOrigin-RevId: 5bcd4073ffbd444f153a9e081ecdca2b1435487d
This commit is contained in:
Rebeka
Copybot
parent
485fc64bcc
commit
d2a27c1da0
22 changed files with 38 additions and 1873 deletions
|
|
@ -9,10 +9,8 @@ const logger = require('@overleaf/logger')
|
|||
const GeoIpLookup = require('../../infrastructure/GeoIpLookup')
|
||||
const FeaturesUpdater = require('./FeaturesUpdater')
|
||||
const planFeatures = require('./planFeatures')
|
||||
const noPersonalPlansConfig = require('./st-personal-off-variant/plansConfig')
|
||||
const hasPersonalPlansConfig = require('./st-personal-off-default/plansConfig')
|
||||
const noPersonalInterstitialPaymentConfig = require('./st-personal-off-variant/interstitialPaymentConfig')
|
||||
const hasPersonalInterstitialPaymentConfig = require('./st-personal-off-default/interstitialPaymentConfig')
|
||||
const plansConfig = require('./plansConfig')
|
||||
const interstitialPaymentConfig = require('./interstitialPaymentConfig')
|
||||
const GroupPlansData = require('./GroupPlansData')
|
||||
const V1SubscriptionManager = require('./V1SubscriptionManager')
|
||||
const Errors = require('../Errors/Errors')
|
||||
|
|
@ -34,22 +32,6 @@ const validGroupPlanModalOptions = {
|
|||
usage: groupPlanModalOptions.usages.map(item => item.code),
|
||||
}
|
||||
|
||||
function getPlansSplitOptions(assignment) {
|
||||
if (assignment?.variant === 'personal-off') {
|
||||
return {
|
||||
directory: 'st-personal-off-variant',
|
||||
plansConfig: noPersonalPlansConfig,
|
||||
interstitialPaymentConfig: noPersonalInterstitialPaymentConfig,
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
directory: 'st-personal-off-default',
|
||||
plansConfig: hasPersonalPlansConfig,
|
||||
interstitialPaymentConfig: hasPersonalInterstitialPaymentConfig,
|
||||
}
|
||||
}
|
||||
|
||||
async function plansPage(req, res) {
|
||||
const plans = SubscriptionViewModelBuilder.buildPlansList()
|
||||
|
||||
|
|
@ -89,25 +71,6 @@ async function plansPage(req, res) {
|
|||
usage: getDefault('usage', 'usage', 'enterprise'),
|
||||
}
|
||||
|
||||
let removePersonalPlanAssingment = { variant: 'default' }
|
||||
try {
|
||||
removePersonalPlanAssingment =
|
||||
await SplitTestHandler.promises.getAssignment(
|
||||
req,
|
||||
res,
|
||||
'remove-personal-plan'
|
||||
)
|
||||
} catch (error) {
|
||||
logger.error(
|
||||
{ err: error },
|
||||
'Failed to get assignment for remove-personal-plan test'
|
||||
)
|
||||
}
|
||||
|
||||
const { plansConfig, directory } = getPlansSplitOptions(
|
||||
removePersonalPlanAssingment
|
||||
)
|
||||
|
||||
let showInrGeoBanner, inrGeoBannerSplitTestName
|
||||
let inrGeoBannerVariant = 'default'
|
||||
if (countryCode === 'IN') {
|
||||
|
|
@ -135,7 +98,6 @@ async function plansPage(req, res) {
|
|||
|
||||
const plansPageViewSegmentation = {
|
||||
currency: recommendedCurrency,
|
||||
'remove-personal-plan-page': removePersonalPlanAssingment?.variant,
|
||||
countryCode,
|
||||
'geo-pricing-inr-group': geoPricingINRTestVariant,
|
||||
'geo-pricing-inr-page': currency === 'INR' ? 'inr' : 'default',
|
||||
|
|
@ -156,7 +118,7 @@ async function plansPage(req, res) {
|
|||
plansPageViewSegmentation
|
||||
)
|
||||
|
||||
res.render(`subscriptions/plans-marketing/${directory}/plans-marketing-v2`, {
|
||||
res.render('subscriptions/plans', {
|
||||
title: 'plans_and_pricing',
|
||||
currentView,
|
||||
plans,
|
||||
|
|
@ -326,25 +288,6 @@ async function interstitialPaymentPage(req, res) {
|
|||
|
||||
const showSkipLink = req.query?.skipLink === 'true'
|
||||
|
||||
let removePersonalPlanAssingment = { variant: 'default' }
|
||||
try {
|
||||
removePersonalPlanAssingment =
|
||||
await SplitTestHandler.promises.getAssignment(
|
||||
req,
|
||||
res,
|
||||
'remove-personal-plan'
|
||||
)
|
||||
} catch (error) {
|
||||
logger.error(
|
||||
{ err: error },
|
||||
'Failed to get assignment for remove-personal-plan test'
|
||||
)
|
||||
}
|
||||
|
||||
const { interstitialPaymentConfig, directory } = getPlansSplitOptions(
|
||||
removePersonalPlanAssingment
|
||||
)
|
||||
|
||||
if (hasSubscription) {
|
||||
res.redirect('/user/subscription?hasSubscription=true')
|
||||
} else {
|
||||
|
|
@ -384,7 +327,6 @@ async function interstitialPaymentPage(req, res) {
|
|||
)
|
||||
? 'latam'
|
||||
: 'default',
|
||||
'remove-personal-plan-page': removePersonalPlanAssingment?.variant,
|
||||
}
|
||||
if (inrGeoBannerSplitTestName) {
|
||||
paywallPlansPageViewSegmentation[inrGeoBannerSplitTestName] =
|
||||
|
|
@ -396,9 +338,7 @@ async function interstitialPaymentPage(req, res) {
|
|||
paywallPlansPageViewSegmentation
|
||||
)
|
||||
|
||||
res.render(
|
||||
`subscriptions/plans-marketing/${directory}/interstitial-payment`,
|
||||
{
|
||||
res.render('subscriptions/interstitial-payment', {
|
||||
title: 'subscribe',
|
||||
itm_content: req.query?.itm_content,
|
||||
itm_campaign: req.query?.itm_campaign,
|
||||
|
|
@ -407,8 +347,7 @@ async function interstitialPaymentPage(req, res) {
|
|||
interstitialPaymentConfig,
|
||||
showSkipLink,
|
||||
showInrGeoBanner,
|
||||
}
|
||||
)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
const plansV2Features = require('./plansFeatures')
|
||||
const plansFeatures = require('./plansFeatures')
|
||||
|
||||
const config = {
|
||||
individual: {
|
||||
|
|
@ -8,7 +8,7 @@ const config = {
|
|||
individual_collaborator: {},
|
||||
individual_professional: {},
|
||||
},
|
||||
features: plansV2Features.individual,
|
||||
features: plansFeatures.individual,
|
||||
highlightedColumn: {
|
||||
index: 1,
|
||||
text: {
|
||||
|
|
@ -25,7 +25,7 @@ const config = {
|
|||
group_professional: {},
|
||||
group_organization: {},
|
||||
},
|
||||
features: plansV2Features.group,
|
||||
features: plansFeatures.group,
|
||||
highlightedColumn: {
|
||||
index: 0,
|
||||
text: {
|
||||
|
|
@ -47,7 +47,7 @@ const config = {
|
|||
colspan: 3,
|
||||
},
|
||||
},
|
||||
features: plansV2Features.student,
|
||||
features: plansFeatures.student,
|
||||
highlightedColumn: {
|
||||
index: 1,
|
||||
text: {
|
||||
|
|
@ -1,218 +0,0 @@
|
|||
const config = {
|
||||
tableHead: {
|
||||
individual_personal: {},
|
||||
individual_collaborator: {},
|
||||
individual_professional: {},
|
||||
student_student: {
|
||||
showExtraContent: true,
|
||||
},
|
||||
},
|
||||
highlightedColumn: {
|
||||
index: 1,
|
||||
text: {
|
||||
monthly: 'most_popular',
|
||||
annual: 'most_popular',
|
||||
},
|
||||
},
|
||||
eventTrackingKey: 'paywall-plans-page-click',
|
||||
showStudentsOnlyLabel: true,
|
||||
features: [
|
||||
{
|
||||
divider: false,
|
||||
items: [
|
||||
{
|
||||
feature: 'number_of_users',
|
||||
info: 'number_of_users_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
personal: 'one_user',
|
||||
collaborator: 'one_user',
|
||||
professional: 'one_user',
|
||||
student: 'one_user',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'max_collab_per_project',
|
||||
info: 'max_collab_per_project_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
personal: 'you_plus_1',
|
||||
collaborator: 'you_plus_10',
|
||||
professional: 'unlimited',
|
||||
student: 'you_plus_6',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'you_and_collaborators_get_access_to',
|
||||
dividerInfo: 'you_and_collaborators_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'compile_timeout_short',
|
||||
info: 'compile_timeout_short_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
personal: 'four_minutes',
|
||||
collaborator: 'four_minutes',
|
||||
professional: 'four_minutes',
|
||||
student: 'four_minutes',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'realtime_track_changes',
|
||||
info: 'realtime_track_changes_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: false,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'full_doc_history',
|
||||
info: 'full_doc_history_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'reference_search',
|
||||
info: 'reference_search_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'git_integration_lowercase',
|
||||
info: 'git_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'you_get_access_to',
|
||||
dividerInfo: 'you_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'powerful_latex_editor_and_realtime_collaboration',
|
||||
info: 'powerful_latex_editor_and_realtime_collaboration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'unlimited_projects',
|
||||
info: 'unlimited_projects_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'thousands_templates',
|
||||
info: 'hundreds_templates_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'symbol_palette',
|
||||
info: 'symbol_palette_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'github_only_integration_lowercase',
|
||||
info: 'github_only_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'dropbox_integration_lowercase',
|
||||
info: 'dropbox_integration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'mendeley_integration_lowercase',
|
||||
info: 'mendeley_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'zotero_integration_lowercase',
|
||||
info: 'zotero_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'priority_support',
|
||||
info: 'priority_support_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
module.exports = config
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
const plansV2Features = require('./plansFeatures')
|
||||
|
||||
const config = {
|
||||
individual: {
|
||||
maxColumn: 4,
|
||||
tableHead: {
|
||||
individual_free: {},
|
||||
individual_personal: {},
|
||||
individual_collaborator: {},
|
||||
individual_professional: {},
|
||||
},
|
||||
features: plansV2Features.individual,
|
||||
highlightedColumn: {
|
||||
index: 2,
|
||||
text: {
|
||||
monthly: 'most_popular',
|
||||
annual: 'most_popular',
|
||||
},
|
||||
},
|
||||
eventTrackingKey: 'plans-page-click',
|
||||
additionalEventSegmentation: {},
|
||||
},
|
||||
group: {
|
||||
tableHead: {
|
||||
group_collaborator: {},
|
||||
group_professional: {},
|
||||
group_organization: {},
|
||||
},
|
||||
features: plansV2Features.group,
|
||||
highlightedColumn: {
|
||||
index: 0,
|
||||
text: {
|
||||
annual: 'most_popular',
|
||||
},
|
||||
},
|
||||
eventTrackingKey: 'plans-page-click',
|
||||
additionalEventSegmentation: {},
|
||||
},
|
||||
student: {
|
||||
baseColspan: 2,
|
||||
maxColumn: 3,
|
||||
tableHead: {
|
||||
student_free: {
|
||||
colspan: 3,
|
||||
},
|
||||
student_student: {
|
||||
showExtraContent: false,
|
||||
colspan: 3,
|
||||
},
|
||||
},
|
||||
features: plansV2Features.student,
|
||||
highlightedColumn: {
|
||||
index: 1,
|
||||
text: {
|
||||
monthly: 'save_20_percent_by_paying_annually',
|
||||
annual: 'saving_20_percent',
|
||||
},
|
||||
},
|
||||
eventTrackingKey: 'plans-page-click',
|
||||
additionalEventSegmentation: {},
|
||||
},
|
||||
}
|
||||
|
||||
module.exports = config
|
||||
|
|
@ -1,628 +0,0 @@
|
|||
const individualPlans = [
|
||||
{
|
||||
divider: false,
|
||||
items: [
|
||||
{
|
||||
feature: 'number_of_users',
|
||||
info: 'number_of_users_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
free: 'one_user',
|
||||
personal: 'one_user',
|
||||
collaborator: 'one_user',
|
||||
professional: 'one_user',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'max_collab_per_project',
|
||||
info: 'max_collab_per_project_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
free: 'you_plus_1',
|
||||
personal: 'you_plus_1',
|
||||
collaborator: 'you_plus_10',
|
||||
professional: 'unlimited',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'you_and_collaborators_get_access_to',
|
||||
dividerInfo: 'you_and_collaborators_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'compile_timeout_short',
|
||||
info: 'compile_timeout_short_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
free: 'one_minute',
|
||||
personal: 'four_minutes',
|
||||
collaborator: 'four_minutes',
|
||||
professional: 'four_minutes',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'realtime_track_changes',
|
||||
info: 'realtime_track_changes_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: false,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'full_doc_history',
|
||||
info: 'full_doc_history_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'reference_search',
|
||||
info: 'reference_search_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'git_integration_lowercase',
|
||||
info: 'git_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'you_get_access_to',
|
||||
dividerInfo: 'you_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'powerful_latex_editor_and_realtime_collaboration',
|
||||
info: 'powerful_latex_editor_and_realtime_collaboration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: true,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'unlimited_projects',
|
||||
info: 'unlimited_projects_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: true,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'thousands_templates',
|
||||
info: 'hundreds_templates_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: true,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'symbol_palette',
|
||||
info: 'symbol_palette_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'github_only_integration_lowercase',
|
||||
info: 'github_only_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'dropbox_integration_lowercase',
|
||||
info: 'dropbox_integration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'mendeley_integration_lowercase',
|
||||
info: 'mendeley_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'zotero_integration_lowercase',
|
||||
info: 'zotero_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'priority_support',
|
||||
info: 'priority_support_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
personal: true,
|
||||
collaborator: true,
|
||||
professional: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
const groupPlans = [
|
||||
{
|
||||
divider: false,
|
||||
items: [
|
||||
{
|
||||
feature: 'number_of_users',
|
||||
info: 'number_of_users_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
group_standard: 'two_users',
|
||||
group_professional: 'two_users',
|
||||
organization: 'contact_sales',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'max_collab_per_project',
|
||||
info: 'max_collab_per_project_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
group_standard: 'project_owner_plus_10',
|
||||
group_professional: 'unlimited',
|
||||
organization: 'unlimited',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'group_admins_get_access_to',
|
||||
dividerInfo: 'group_admins_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'user_management',
|
||||
info: 'user_management_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
group_standard: 'subscription_admin_panel',
|
||||
group_professional: 'subscription_admin_panel',
|
||||
organization: 'automatic_user_registration',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'usage_metrics',
|
||||
info: 'usage_metrics_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'sso_integration',
|
||||
info: 'sso_integration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: false,
|
||||
group_professional: false,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'sitewide_option_available',
|
||||
info: 'sitewide_option_available_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: false,
|
||||
group_professional: false,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'custom_resource_portal',
|
||||
info: 'custom_resource_portal_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: false,
|
||||
group_professional: false,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'personalized_onboarding',
|
||||
info: 'personalized_onboarding_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: false,
|
||||
group_professional: false,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'dedicated_account_manager',
|
||||
info: 'dedicated_account_manager_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: false,
|
||||
group_professional: false,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'group_members_and_collaborators_get_access_to',
|
||||
dividerInfo: 'group_members_and_collaborators_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'compile_timeout_short',
|
||||
info: 'compile_timeout_short_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
group_standard: 'four_minutes',
|
||||
group_professional: 'four_minutes',
|
||||
organization: 'four_minutes',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'realtime_track_changes',
|
||||
info: 'realtime_track_changes_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'full_doc_history',
|
||||
info: 'full_doc_history_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'reference_search',
|
||||
info: 'reference_search_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'git_integration_lowercase',
|
||||
info: 'git_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'group_members_get_access_to',
|
||||
dividerInfo: 'group_members_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'powerful_latex_editor_and_realtime_collaboration',
|
||||
info: 'powerful_latex_editor_and_realtime_collaboration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'unlimited_projects',
|
||||
info: 'unlimited_projects_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'thousands_templates',
|
||||
info: 'hundreds_templates_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'symbol_palette',
|
||||
info: 'symbol_palette_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'github_only_integration_lowercase',
|
||||
info: 'github_only_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'dropbox_integration_lowercase',
|
||||
info: 'dropbox_integration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'mendeley_integration_lowercase',
|
||||
info: 'mendeley_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'zotero_integration_lowercase',
|
||||
info: 'zotero_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'priority_support',
|
||||
info: 'priority_support_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
group_standard: true,
|
||||
group_professional: true,
|
||||
organization: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
const studentPlans = [
|
||||
{
|
||||
divider: false,
|
||||
items: [
|
||||
{
|
||||
feature: 'number_of_users',
|
||||
info: 'number_of_users_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
free: 'one_user',
|
||||
student: 'one_user',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'max_collab_per_project',
|
||||
info: 'max_collab_per_project_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
free: 'you_plus_1',
|
||||
student: 'you_plus_6',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'you_and_collaborators_get_access_to',
|
||||
dividerInfo: 'you_and_collaborators_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'compile_timeout_short',
|
||||
info: 'compile_timeout_short_info',
|
||||
value: 'str',
|
||||
plans: {
|
||||
free: 'one_minute',
|
||||
student: 'four_minutes',
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'realtime_track_changes',
|
||||
info: 'realtime_track_changes_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'full_doc_history',
|
||||
info: 'full_doc_history_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'reference_search',
|
||||
info: 'reference_search_info_v2',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'git_integration_lowercase',
|
||||
info: 'git_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
divider: true,
|
||||
dividerLabel: 'you_get_access_to',
|
||||
dividerInfo: 'you_get_access_to_info',
|
||||
items: [
|
||||
{
|
||||
feature: 'powerful_latex_editor_and_realtime_collaboration',
|
||||
info: 'powerful_latex_editor_and_realtime_collaboration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'unlimited_projects',
|
||||
info: 'unlimited_projects_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'thousands_templates',
|
||||
info: 'thousands_templates_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: true,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'symbol_palette',
|
||||
info: 'symbol_palette_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'github_only_integration_lowercase',
|
||||
info: 'github_only_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'dropbox_integration_lowercase',
|
||||
info: 'dropbox_integration_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'mendeley_integration_lowercase',
|
||||
info: 'mendeley_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'zotero_integration_lowercase',
|
||||
info: 'zotero_integration_lowercase_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
feature: 'priority_support',
|
||||
info: 'priority_support_info',
|
||||
value: 'bool',
|
||||
plans: {
|
||||
free: false,
|
||||
student: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
module.exports = {
|
||||
individual: individualPlans,
|
||||
group: groupPlans,
|
||||
student: studentPlans,
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
extends ../../../layout
|
||||
extends ../layout
|
||||
|
||||
include ./v2/_mixins
|
||||
include ./plans/_mixins
|
||||
|
||||
block vars
|
||||
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
extends ../../../layout-marketing
|
||||
|
||||
block vars
|
||||
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
|
||||
|
||||
block append meta
|
||||
meta(name="ol-recommendedCurrency" content=recommendedCurrency)
|
||||
meta(name="ol-groupPlans" data-type="json" content=groupPlans)
|
||||
meta(name="ol-currencySymbols" data-type="json" content=groupPlanModalOptions.currencySymbols)
|
||||
meta(name="ol-itm_content" content=itm_content)
|
||||
meta(name="ol-currentView" content=currentView)
|
||||
|
||||
block content
|
||||
main.content.content-alt#main-content
|
||||
.content-page
|
||||
.plans
|
||||
.container(ng-cloak)
|
||||
if showInrGeoBanner
|
||||
div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
|
||||
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header.centered.plans-header.text-centered.top-page-header
|
||||
h1.text-capitalize(ng-non-bindable) #{translate('choose_your_plan')}
|
||||
|
||||
include ./v2/_cards_controls_tables
|
||||
.row.row-spaced-large.text-centered
|
||||
.col-xs-12
|
||||
p.text-centered
|
||||
strong #{translate("all_prices_displayed_are_in_currency", {recommendedCurrency})}
|
||||
|
|
||||
span #{translate("subject_to_additional_vat")}
|
||||
i.fa.fa-cc-mastercard.fa-2x(aria-hidden="true")
|
||||
span.sr-only Mastercard accepted
|
||||
i.fa.fa-cc-visa.fa-2x(aria-hidden="true")
|
||||
span.sr-only Visa accepted
|
||||
i.fa.fa-cc-amex.fa-2x(aria-hidden="true")
|
||||
span.sr-only Amex accepted
|
||||
i.fa.fa-cc-paypal.fa-2x(aria-hidden="true")
|
||||
span.sr-only Paypal accepted
|
||||
|
||||
include ./v2/_university_info
|
||||
|
||||
include ../_quotes
|
||||
|
||||
include ./v2/_faq
|
||||
|
||||
.row.row-spaced-large
|
||||
.col-md-12
|
||||
.plans-header.plans-subheader.text-centered
|
||||
hr
|
||||
h2.header-with-btn #{translate('still_have_questions')}
|
||||
button.btn.plans-v2-btn-header.text-capitalize(
|
||||
data-ol-open-contact-form-modal="general"
|
||||
) #{translate('contact_us')}
|
||||
|
||||
.row.row-spaced
|
||||
|
||||
include ../_group_plan_modal
|
||||
!= moduleIncludes("contactModalGeneral-marketing", locals)
|
||||
|
|
@ -1,616 +0,0 @@
|
|||
mixin features_premium
|
||||
li
|
||||
li
|
||||
strong #{translate('all_premium_features')}
|
||||
li #{translate('sync_dropbox_github')}
|
||||
li #{translate('full_doc_history')}
|
||||
li #{translate('track_changes')}
|
||||
li + #{translate('more').toLowerCase()}
|
||||
|
||||
mixin gen_localized_price_for_plan_view(plan, view)
|
||||
span #{settings.localizedPlanPricing[recommendedCurrency][plan][view]}
|
||||
|
||||
mixin plans_v2_table(period, config)
|
||||
- var baseColspan = config.baseColspan || 1
|
||||
- var maxColumn = config.maxColumn || 4
|
||||
- var discountedColumn = config.discountedColumn || {}
|
||||
tr(class=`cols-${maxColumn}`)
|
||||
th(colspan=baseColspan)
|
||||
- for (var i = 0; i < maxColumn; i++)
|
||||
- var tableHeadKey = Object.keys(config.tableHead)[i]
|
||||
- var tableHeadOptions = Object.values(config.tableHead)[i] || {}
|
||||
- var colspan = tableHeadOptions.colspan || baseColspan
|
||||
- var highlighted = i === config.highlightedColumn.index
|
||||
- var discountHighlighted = i === discountedColumn.index
|
||||
- var eventTrackingKey = config.eventTrackingKey
|
||||
- var additionalEventSegmentation = config.additionalEventSegmentation || {}
|
||||
-
|
||||
if (discountHighlighted) {
|
||||
var thClass = 'plans-v2-table-discount-highlighted'
|
||||
} else if (highlighted) {
|
||||
var thClass = 'plans-v2-table-green-highlighted'
|
||||
} else if (i === config.highlightedColumn.index - 1) {
|
||||
var thClass = 'plans-v2-table-cell-before-green-highlighted-column'
|
||||
} else {
|
||||
var thClass = ''
|
||||
}
|
||||
th(
|
||||
class=thClass
|
||||
colspan=colspan
|
||||
)
|
||||
.plans-v2-table-th
|
||||
if (discountHighlighted)
|
||||
p.plans-v2-table-discount-highlighted-text #{translate(config.discountedColumn.text[period]).toUpperCase()}
|
||||
if (highlighted)
|
||||
p.plans-v2-table-green-highlighted-text #{translate(config.highlightedColumn.text[period]).toUpperCase()}
|
||||
case tableHeadKey
|
||||
when 'individual_free'
|
||||
+table_head_individual_free(highlighted, period)
|
||||
when 'individual_personal'
|
||||
+table_head_individual_personal(highlighted, discountHighlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
when 'individual_collaborator'
|
||||
+table_head_individual_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
when 'individual_professional'
|
||||
+table_head_individual_professional(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
when 'group_collaborator'
|
||||
+table_head_group_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation)
|
||||
when 'group_professional'
|
||||
+table_head_group_professional(highlighted, eventTrackingKey, additionalEventSegmentation)
|
||||
when 'group_organization'
|
||||
+table_head_group_organization(highlighted, eventTrackingKey, additionalEventSegmentation)
|
||||
when 'student_free'
|
||||
+table_head_student_free(highlighted, period)
|
||||
when 'student_student'
|
||||
+table_head_student_student(highlighted, eventTrackingKey, additionalEventSegmentation, period, tableHeadOptions.showExtraContent)
|
||||
when 'student_university'
|
||||
+table_head_student_university(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
|
||||
for featuresPerSection in config.features
|
||||
- var dividerColspan = Object.values(config.tableHead).reduce((prev, curr) => (prev) + (curr.colspan || 1), baseColspan)
|
||||
if featuresPerSection.divider
|
||||
tr.plans-v2-table-divider
|
||||
td(
|
||||
colspan=dividerColspan
|
||||
class=((config.highlightedColumn.index === Object.keys(config.tableHead).length - 1) ? 'plans-v2-table-divider-highlighted' : '')
|
||||
)
|
||||
div
|
||||
b.plans-v2-table-divider-label #{translate(featuresPerSection.dividerLabel)}
|
||||
//- will only appear on screen width >= 768px (using CSS)
|
||||
i.fa.fa-question-circle.plans-v2-table-divider-question-icon(
|
||||
data-toggle="tooltip"
|
||||
title=translate(featuresPerSection.dividerInfo),
|
||||
data-placement="top"
|
||||
)
|
||||
//- will only appear on screen width < 768px (using CSS)
|
||||
span.plans-v2-table-divider-learn-more-container
|
||||
span (
|
||||
span.plans-v2-table-divider-learn-more-text(
|
||||
data-toggle="tooltip"
|
||||
title=translate(featuresPerSection.dividerInfo),
|
||||
data-placement="top"
|
||||
) #{translate("learn_more_lowercase")}
|
||||
span )
|
||||
for feature, featureIndex in featuresPerSection.items
|
||||
tr(
|
||||
class=(featureIndex === (featuresPerSection.items.length - 1) ? `plans-v2-table-row-last-row-per-section cols-${maxColumn}` : `cols-${maxColumn}`)
|
||||
)
|
||||
td(
|
||||
event-tracking="plans-page-table"
|
||||
event-tracking-trigger="hover"
|
||||
event-tracking-ga="subscription-funnel"
|
||||
event-tracking-label=`${feature.feature}`
|
||||
colspan=baseColspan
|
||||
)
|
||||
.plans-v2-table-feature-name
|
||||
if feature.info
|
||||
span #{translate(feature.feature)}
|
||||
//- will only appear on screen width >= 768px (using CSS)
|
||||
i.fa.fa-question-circle.plans-v2-table-feature-name-question-icon(
|
||||
data-toggle="tooltip"
|
||||
title=translate(feature.info),
|
||||
data-placement="right"
|
||||
)
|
||||
//- will only appear on screen width < 768px (using CSS)
|
||||
span.plans-v2-table-feature-name-learn-more-container
|
||||
span (
|
||||
span.plans-v2-table-feature-name-learn-more-text(
|
||||
data-toggle="tooltip"
|
||||
title=translate(feature.info),
|
||||
data-placement="top"
|
||||
) #{translate("learn_more_lowercase")}
|
||||
span )
|
||||
else
|
||||
| #{translate(feature.feature)}
|
||||
for plan, planIndex in Object.keys(feature.plans)
|
||||
- var tableHeadOptions = Object.values(config.tableHead)[planIndex] || {}
|
||||
- var colspan = tableHeadOptions.colspan || baseColspan
|
||||
-
|
||||
if (planIndex === discountedColumn.index) {
|
||||
var tdClass = 'plans-v2-table-discount-highlighted'
|
||||
} else if (planIndex === config.highlightedColumn.index) {
|
||||
var tdClass = 'plans-v2-table-green-highlighted'
|
||||
} else if (planIndex === config.highlightedColumn.index - 1) {
|
||||
var tdClass = 'plans-v2-table-cell-before-green-highlighted-column'
|
||||
} else {
|
||||
var tdClass = ''
|
||||
}
|
||||
td(
|
||||
class=tdClass
|
||||
colspan=colspan
|
||||
)
|
||||
+table_cell(feature, plan)
|
||||
|
||||
mixin table_individual(period)
|
||||
table.card.plans-v2-table.plans-v2-table-individual
|
||||
+plans_v2_table(period, plansConfig.individual)
|
||||
|
||||
mixin table_group
|
||||
table.card.plans-v2-table.plans-v2-table-group
|
||||
+plans_v2_table('annual', plansConfig.group)
|
||||
|
||||
mixin table_student(period)
|
||||
table.card.plans-v2-table.plans-v2-table-student
|
||||
+plans_v2_table(period, plansConfig.student)
|
||||
|
||||
mixin table_head_individual_free(highlighted, period)
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("free")}
|
||||
+table_head_price('free', period)
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_individual_free(highlighted)
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li #{translate("one_collaborator")}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_individual_free(highlighted)
|
||||
|
||||
mixin table_head_individual_personal(highlighted, discountHighlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("personal")}
|
||||
+table_head_price('personal', period)
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_individual_personal(highlighted, discountHighlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li #{translate("one_collaborator")}
|
||||
li #{translate("most_premium_features")}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_individual_personal(highlighted, discountHighlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
|
||||
mixin table_head_individual_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("standard")}
|
||||
+table_head_price('collaborator', period)
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_individual_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li !{translate("x_collaborators_per_project", {collaboratorsCount: '10'})}
|
||||
li #{translate("all_premium_features")}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_individual_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
|
||||
mixin table_head_individual_professional(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("professional")}
|
||||
+table_head_price('professional', period)
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_individual_professional(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li !{translate("unlimited_collabs_rt",{},["b"])}
|
||||
li #{translate("all_premium_features")}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_individual_professional(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
|
||||
mixin table_head_group_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation)
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("group_standard")}
|
||||
.plans-v2-table-price-container
|
||||
strike.plans-v2-table-price-before-discount
|
||||
+gen_localized_price_for_plan_view('collaborator', 'annual')
|
||||
p.plans-v2-table-price
|
||||
span(data-ol-plans-v2-group-price-per-user='collaborator') #{initialLocalizedGroupPrice.pricePerUser.collaborator}
|
||||
p.plans-v2-table-price-period-label
|
||||
| #{translate("per_user_year")}
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_group_collaborator(highlighted, eventTrackingKey)
|
||||
+additional_link_group(eventTrackingKey, additionalEventSegmentation, 'group_collaborator')
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li #{translate("up_to")} !{translate("x_collaborators_per_project", {collaboratorsCount: '10'})}
|
||||
li
|
||||
+table_head_group_total_per_year('collaborator')
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_group_collaborator(highlighted, eventTrackingKey)
|
||||
+additional_link_group(eventTrackingKey, additionalEventSegmentation, 'group_collaborator')
|
||||
|
||||
mixin table_head_group_professional(highlighted, eventTrackingKey, additionalEventSegmentation)
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("group_professional")}
|
||||
.plans-v2-table-price-container
|
||||
strike.plans-v2-table-price-before-discount
|
||||
+gen_localized_price_for_plan_view('professional', 'annual')
|
||||
p.plans-v2-table-price
|
||||
span(data-ol-plans-v2-group-price-per-user='professional') #{initialLocalizedGroupPrice.pricePerUser.professional}
|
||||
p.plans-v2-table-price-period-label
|
||||
| #{translate("per_user_year")}
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_group_professional(highlighted, eventTrackingKey)
|
||||
+additional_link_group(eventTrackingKey, additionalEventSegmentation, 'group_professional')
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li #{translate("unlimited_collaborators_in_each_project")}
|
||||
li
|
||||
+table_head_group_total_per_year('professional')
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_group_professional(highlighted, eventTrackingKey)
|
||||
+additional_link_group(eventTrackingKey, additionalEventSegmentation, 'group_professional')
|
||||
|
||||
mixin table_head_group_total_per_year(groupPlan)
|
||||
- var initialLicenseSize = '2'
|
||||
span.plans-v2-group-total-price(data-ol-plans-v2-group-total-price=groupPlan) #{initialLocalizedGroupPrice.price[groupPlan]}
|
||||
|
|
||||
for licenseSize in groupPlanModalOptions.sizes
|
||||
span(
|
||||
hidden=(licenseSize !== initialLicenseSize)
|
||||
data-ol-plans-v2-table-th-group-license-size=licenseSize
|
||||
) !{translate("total_per_year_for_x_users", {licenseSize})}
|
||||
|
||||
mixin table_head_group_organization(highlighted, eventTrackingKey, additionalEventSegmentation)
|
||||
- var segmentation = JSON.stringify(Object.assign({}, {button: 'group_organization-link', location: 'table-header-list', period: 'annual'}, additionalEventSegmentation))
|
||||
.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("organization")}
|
||||
.plans-v2-table-comments-icon
|
||||
i.fa.fa-comments-o
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_group_organization(highlighted, eventTrackingKey)
|
||||
small.plans-v2-table-th-content-additional-link.invisible(aria-hidden="true")
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li #{translate("best_choices_companies_universities_non_profits")}
|
||||
li #{translate("for_groups_or_site_wide")}
|
||||
li
|
||||
a(
|
||||
target="_blank"
|
||||
href="/for/contact-sales"
|
||||
event-tracking="plans-page-click"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation=segmentation
|
||||
) #{translate("also_available_as_on_premises")}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_group_organization(highlighted, eventTrackingKey)
|
||||
small.plans-v2-table-th-content-additional-link.invisible(aria-hidden="true")
|
||||
|
||||
mixin table_head_student_free(highlighted, period)
|
||||
div.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("free")}
|
||||
+table_head_price('free', period)
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_student_free(highlighted)
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li #{translate("one_collaborator")}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_student_free(highlighted)
|
||||
|
||||
mixin table_head_student_student(highlighted, eventTrackingKey, additionalEventSegmentation, period, showExtraContent)
|
||||
div.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("student")}
|
||||
+table_head_price('student', period)
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_student_student(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
ul.plans-v2-table-th-content-benefit
|
||||
li !{translate("x_collaborators_per_project", {collaboratorsCount: '6'})}
|
||||
li #{translate("all_premium_features")}
|
||||
if showExtraContent
|
||||
li #{translate("for_students_only")}
|
||||
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_student_student(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
|
||||
mixin table_head_student_university(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
div.plans-v2-table-th-content
|
||||
p.plans-v2-table-th-content-title #{translate("university")}
|
||||
div.plans-v2-table-comments-icon
|
||||
i.fa.fa-comments-o
|
||||
.plans-v2-table-btn-buy-container-mobile
|
||||
+btn_buy_student_university(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
p.plans-v2-table-th-content-benefit !{translate("all_our_group_plans_offer_educational_discount", {}, [{name: 'b'}, {name: 'b'}])}
|
||||
.plans-v2-table-btn-buy-container-desktop
|
||||
+btn_buy_student_university(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
|
||||
mixin table_head_price(plan, period)
|
||||
div.plans-v2-table-price-container
|
||||
if plan !== 'free' && period === 'annual'
|
||||
strike.plans-v2-table-price-before-discount
|
||||
+gen_localized_price_for_plan_view(plan, 'monthlyTimesTwelve')
|
||||
p.plans-v2-table-price
|
||||
+gen_localized_price_for_plan_view(plan, period)
|
||||
p.plans-v2-table-price-period-label
|
||||
if period == 'annual'
|
||||
| #{translate("per_year")}
|
||||
else
|
||||
| #{translate("per_month")}
|
||||
|
||||
mixin table_cell(feature, plan)
|
||||
- var planValue = feature.plans[plan]
|
||||
- var featureName = feature.feature
|
||||
|
||||
.plans-v2-table-cell
|
||||
.plans-v2-table-cell-content(
|
||||
data-ol-plans-v2-table-cell-plan=plan
|
||||
data-ol-plans-v2-table-cell-feature=featureName
|
||||
)
|
||||
if (feature.value === 'str')
|
||||
| !{translate(planValue, {}, ['strong'])}
|
||||
else if (feature.value === 'bool')
|
||||
if (planValue)
|
||||
i.fa.fa-check(aria-hidden="true")
|
||||
span.sr-only #{translate("feature_included")}
|
||||
else
|
||||
span(aria-hidden="true") -
|
||||
span.sr-only #{translate("feature_not_included")}
|
||||
|
||||
mixin group_plans_license_picker()
|
||||
form.plans-v2-license-picker-form(data-ol-plans-v2-license-picker-form)
|
||||
.plans-v2-license-picker-select-container
|
||||
span #{translate("number_of_users_with_colon")}
|
||||
select.plans-v2-license-picker-select(
|
||||
name="plans-v2-license-picker-select"
|
||||
id="plans-v2-license-picker-select"
|
||||
autocomplete="off"
|
||||
data-ol-plans-v2-license-picker-select
|
||||
event-tracking="plans-page-group-size"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="select"
|
||||
)
|
||||
option(value="2") 2
|
||||
option(value="3") 3
|
||||
option(value="4") 4
|
||||
option(value="5") 5
|
||||
option(value="10") 10
|
||||
option(value="20") 20
|
||||
option(value="50") 50
|
||||
.plans-v2-license-picker-educational-discount
|
||||
label.plans-v2-license-picker-educational-discount-label(data-ol-plans-v2-license-picker-educational-discount-label)
|
||||
input.plans-v2-license-picker-educational-discount-checkbox(
|
||||
type="checkbox"
|
||||
id="license-picker-educational-discount"
|
||||
autocomplete="off"
|
||||
data-ol-plans-v2-license-picker-educational-discount-input
|
||||
event-tracking="plans-page-edu-discount"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="checkbox"
|
||||
)
|
||||
span #{translate("apply_educational_discount")}
|
||||
//- will only appear on screen width >= 768px (using CSS)
|
||||
i.fa.fa-question-circle.plans-v2-license-picker-educational-discount-question-icon(
|
||||
data-toggle="tooltip"
|
||||
title=translate("apply_educational_discount_info"),
|
||||
data-placement="bottom"
|
||||
)
|
||||
//- will only appear on screen width < 768px (using CSS)
|
||||
span.plans-v2-license-picker-educational-discount-learn-more-container
|
||||
span (
|
||||
span.plans-v2-license-picker-educational-discount-learn-more-text(
|
||||
data-toggle="tooltip"
|
||||
title=translate("apply_educational_discount_info"),
|
||||
data-placement="bottom"
|
||||
) #{translate("learn_more_lowercase")}
|
||||
span )
|
||||
|
||||
mixin btn_buy_individual(highlighted, discountHighlighted, eventTrackingKey, subscriptionPlan, period)
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
data-ol-start-new-subscription=subscriptionPlan
|
||||
data-ol-event-tracking-key=eventTrackingKey
|
||||
data-ol-item-view=period
|
||||
class=(discountHighlighted ? 'btn-dark-blue' : (highlighted ? 'btn-primary' : 'btn-default'))
|
||||
)
|
||||
if (period === 'monthly')
|
||||
span #{translate("try_for_free")}
|
||||
else
|
||||
span #{translate("buy_now_no_exclamation_mark")}
|
||||
|
||||
mixin btn_buy_individual_free()
|
||||
if (!getSessionUser())
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
href="/register"
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
span #{translate("try_for_free")}
|
||||
else
|
||||
a.btn.plans-v2-table-btn-buy.invisible(
|
||||
aria-hidden="true"
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
|
||||
mixin btn_buy_individual_personal(highlighted, discountHighlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
+btn_buy_individual(highlighted, discountHighlighted, eventTrackingKey, 'paid-personal', period)
|
||||
if (period === 'monthly')
|
||||
+additional_link_buy(eventTrackingKey, additionalEventSegmentation, 'paid-personal', period)
|
||||
|
||||
mixin btn_buy_individual_collaborator(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
+btn_buy_individual(highlighted, false, eventTrackingKey, 'collaborator', period)
|
||||
if (period === 'monthly')
|
||||
+additional_link_buy(eventTrackingKey, additionalEventSegmentation, 'collaborator', period)
|
||||
|
||||
mixin btn_buy_individual_professional(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
+btn_buy_individual(highlighted, false, eventTrackingKey, 'professional', period)
|
||||
if (period === 'monthly')
|
||||
+additional_link_buy(eventTrackingKey, additionalEventSegmentation, 'professional', period)
|
||||
|
||||
mixin btn_buy_group_collaborator(highlighted, eventTrackingKey)
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
data-ol-start-new-subscription='group_collaborator'
|
||||
data-ol-event-tracking-key=eventTrackingKey
|
||||
data-ol-item-view='annual'
|
||||
data-ol-has-custom-href
|
||||
data-ol-location='table-header'
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
span.hidden-desktop #{translate("customize")}
|
||||
span.hidden-mobile #{translate("customize_your_plan")}
|
||||
|
||||
mixin btn_buy_group_professional(highlighted, eventTrackingKey)
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
data-ol-start-new-subscription='group_professional'
|
||||
data-ol-event-tracking-key=eventTrackingKey
|
||||
data-ol-item-view='annual'
|
||||
data-ol-has-custom-href
|
||||
data-ol-location='table-header'
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
span.hidden-desktop #{translate("customize")}
|
||||
span.hidden-mobile #{translate("customize_your_plan")}
|
||||
|
||||
mixin btn_buy_group_organization(highlighted, eventTrackingKey)
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
data-ol-start-new-subscription='group_organization'
|
||||
data-ol-event-tracking-key=eventTrackingKey
|
||||
data-ol-item-view='annual'
|
||||
data-ol-has-custom-href
|
||||
data-ol-location='table-header'
|
||||
href='/for/contact-sales'
|
||||
target='_blank'
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
span #{translate("contact_us_lowercase")}
|
||||
|
||||
mixin btn_buy_student_free(highlighted)
|
||||
if (!getSessionUser())
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
href="/register"
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
span #{translate("try_for_free")}
|
||||
|
||||
mixin btn_buy_student_student(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
data-ol-start-new-subscription='student'
|
||||
data-ol-event-tracking-key=eventTrackingKey
|
||||
data-ol-item-view=period
|
||||
data-ol-location='card'
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
if (period === 'monthly')
|
||||
span #{translate("try_for_free")}
|
||||
else
|
||||
span #{translate("buy_now_no_exclamation_mark")}
|
||||
if (period === 'monthly')
|
||||
+additional_link_buy(eventTrackingKey, additionalEventSegmentation, 'student', period)
|
||||
|
||||
mixin btn_buy_student_university(highlighted, eventTrackingKey, additionalEventSegmentation, period)
|
||||
- var segmentation = JSON.stringify(Object.assign({}, {button: 'student-university', location: 'table-header-list', period}, additionalEventSegmentation))
|
||||
a.btn.plans-v2-table-btn-buy(
|
||||
href="/for/contact-sales"
|
||||
target="_blank"
|
||||
event-tracking=eventTrackingKey
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation=segmentation
|
||||
class=(highlighted ? 'btn-primary' : 'btn-default')
|
||||
)
|
||||
span #{translate("contact_us_lowercase")}
|
||||
|
||||
mixin additional_link_group(eventTrackingKey, additionalEventSegmentation, plan)
|
||||
- var buttonSegmentation = plan + '-link'
|
||||
- var segmentation = JSON.stringify(Object.assign({}, {button: buttonSegmentation, location: 'table-header'}, additionalEventSegmentation))
|
||||
small.plans-v2-table-th-content-additional-link
|
||||
| #{translate("or")}
|
||||
a(
|
||||
href="/for/contact-sales"
|
||||
target="_blank"
|
||||
event-tracking=eventTrackingKey
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation=segmentation
|
||||
) #{translate("contact_us_lowercase")}
|
||||
|
||||
mixin additional_link_buy(eventTrackingKey, additionalEventSegmentation, plan, period)
|
||||
- var buttonSegmentation = plan + '-link'
|
||||
- var segmentation = JSON.stringify(Object.assign({}, {button: buttonSegmentation, location: 'table-header', period}, additionalEventSegmentation))
|
||||
- var itmCampaign = itm_campaign ? { itm_campaign } : {itm_campaign: 'plans'}
|
||||
- var itmReferrer = itm_referrer ? { itm_referrer } : {}
|
||||
- var qs = new URLSearchParams({planCode: plan, currency: recommendedCurrency, itm_content: 'card', ...itmCampaign, ...itmReferrer})
|
||||
small.plans-v2-table-th-content-additional-link
|
||||
| #{translate("or")}
|
||||
a(
|
||||
href=`/user/subscription/new?${qs.toString()}`
|
||||
event-tracking=eventTrackingKey
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation=segmentation
|
||||
) #{translate("buy_now_no_exclamation_mark")}
|
||||
|
||||
mixin plans_v2_table_sticky_header(withSwitch, config)
|
||||
- var tableHeadKeys = Object.keys(config.tableHead)
|
||||
.row.plans-v2-table-sticky-header.sticky(
|
||||
data-ol-plans-v2-table-sticky-header
|
||||
class=(withSwitch ? 'plans-v2-table-sticky-header-with-switch' : 'plans-v2-table-sticky-header-without-switch')
|
||||
)
|
||||
- for (var i = 0; i < tableHeadKeys.length; i++)
|
||||
- var tableHeadKey = tableHeadKeys[i]
|
||||
- var translateKey = tableHeadKey.split('_')[1]
|
||||
-
|
||||
if (config.discountedColumn?.index === i) {
|
||||
var elClass = 'plans-v2-table-sticky-header-item-discount-highlighted'
|
||||
} else if (config.highlightedColumn.index === i) {
|
||||
var elClass = 'plans-v2-table-sticky-header-item-green-highlighted'
|
||||
} else {
|
||||
var elClass = ''
|
||||
}
|
||||
.plans-v2-table-sticky-header-item(
|
||||
class=elClass
|
||||
)
|
||||
case tableHeadKey
|
||||
when 'individual_collaborator'
|
||||
span #{translate('standard')}
|
||||
when 'group_professional'
|
||||
span #{translate(tableHeadKey)}
|
||||
when 'group_collaborator'
|
||||
span #{translate('group_standard')}
|
||||
default
|
||||
span #{translate(translateKey)}
|
||||
|
||||
mixin table_sticky_header_all(plansConfig)
|
||||
.row.plans-v2-table-sticky-header-container(
|
||||
data-ol-plans-v2-view='individual'
|
||||
)
|
||||
+plans_v2_table_sticky_header(true, plansConfig.individual)
|
||||
.row.plans-v2-table-sticky-header-container(
|
||||
hidden
|
||||
data-ol-plans-v2-view='group'
|
||||
)
|
||||
+plans_v2_table_sticky_header(false, plansConfig.group)
|
||||
.row.plans-v2-table-sticky-header-container(
|
||||
hidden
|
||||
data-ol-plans-v2-view='student'
|
||||
)
|
||||
+plans_v2_table_sticky_header(true, plansConfig.student)
|
||||
|
||||
mixin monthly_annual_switch(initialState, eventTracking, eventSegmentation)
|
||||
- var monthlyAnnualToggleChecked = initialState === 'monthly'
|
||||
.row
|
||||
.col-md-4.col-md-offset-4.text-centered.plans-v2-m-a-switch-container(data-ol-plans-v2-m-a-switch-container)
|
||||
.plans-v2-m-a-switch-annual-text-container
|
||||
span.underline(data-ol-plans-v2-m-a-switch-text='annual') #{translate("annual")}
|
||||
.tooltip.in.left.plans-v2-m-a-tooltip(
|
||||
role="tooltip"
|
||||
data-ol-plans-v2-m-a-tooltip
|
||||
class=monthlyAnnualToggleChecked ? 'plans-v2-m-a-tooltip-monthly-selected' : ''
|
||||
)
|
||||
.tooltip-arrow
|
||||
.tooltip-inner
|
||||
span(hidden=!monthlyAnnualToggleChecked data-ol-tooltip-period='monthly') #{translate("save_20_percent_by_paying_annually")}
|
||||
span(hidden=monthlyAnnualToggleChecked data-ol-tooltip-period='annual') #{translate("saving_20_percent")}
|
||||
|
||||
label.plans-v2-m-a-switch(data-ol-plans-v2-m-a-switch)
|
||||
input(
|
||||
type="checkbox"
|
||||
checked=monthlyAnnualToggleChecked
|
||||
role="switch"
|
||||
autocomplete="off"
|
||||
event-tracking=eventTracking
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-tracking-element="checkbox"
|
||||
event-segmentation=eventSegmentation
|
||||
)
|
||||
span
|
||||
span(data-ol-plans-v2-m-a-switch-text='monthly') #{translate("monthly")}
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
extends ../../../layout
|
||||
|
||||
include ./v2/_mixins
|
||||
|
||||
block vars
|
||||
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
|
||||
- var suppressFooter = true
|
||||
- var suppressNavbarRight = true
|
||||
- var suppressCookieBanner = true
|
||||
|
||||
block append meta
|
||||
meta(name="ol-recommendedCurrency" content=recommendedCurrency)
|
||||
meta(name="ol-itm_content" content=itm_content)
|
||||
|
||||
block content
|
||||
main.content.content-alt#main-content
|
||||
.content-page
|
||||
.plans
|
||||
.container
|
||||
if showInrGeoBanner
|
||||
div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
|
||||
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header.centered.plans-header.text-centered.top-page-header
|
||||
h1.text-capitalize #{translate('choose_your_plan')}
|
||||
|
||||
+monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
|
||||
|
||||
+plans_v2_table_sticky_header(true, interstitialPaymentConfig)
|
||||
|
||||
.row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
|
||||
.col-sm-12
|
||||
.row
|
||||
table.card.plans-v2-table.plans-v2-table-individual
|
||||
+plans_v2_table('monthly', interstitialPaymentConfig)
|
||||
|
||||
.row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
|
||||
.col-sm-12
|
||||
.row
|
||||
table.card.plans-v2-table.plans-v2-table-individual
|
||||
+plans_v2_table('annual', interstitialPaymentConfig)
|
||||
|
||||
//- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
|
||||
.invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
|
||||
|
||||
if (showSkipLink)
|
||||
.row.row-spaced-small.text-center
|
||||
a(href='/project'
|
||||
event-tracking="skip-button-click"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"location": "interstitial-page"}'
|
||||
)
|
||||
| #{translate("continue_with_free_plan")}
|
||||
|
||||
!= moduleIncludes("contactModalGeneral-marketing", locals)
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
include ./_mixins
|
||||
|
||||
.row.plans-v2-top-switch
|
||||
.col-xs-12
|
||||
ul.nav.plans-v2-nav
|
||||
li.active.plans-v2-top-switch-individual(
|
||||
data-ol-plans-v2-view-tab='individual'
|
||||
event-tracking="plans-page-toggle-plan"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "individual"}'
|
||||
)
|
||||
button.btn.btn-default-outline #{translate("indvidual_plans")}
|
||||
li.plans-v2-top-switch-group(
|
||||
data-ol-plans-v2-view-tab='group'
|
||||
event-tracking="plans-page-toggle-plan"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "group"}'
|
||||
)
|
||||
button.btn.btn-default-outline(
|
||||
href="#"
|
||||
)
|
||||
span #{translate("group_plans")}
|
||||
span (#{translate("save_30_percent_or_more")})
|
||||
li.plans-v2-top-switch-student(
|
||||
data-ol-plans-v2-view-tab='student'
|
||||
event-tracking="plans-page-toggle-plan"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "student"}'
|
||||
)
|
||||
button.btn.btn-default-outline(
|
||||
href="#"
|
||||
) #{translate("student_plans")}
|
||||
|
||||
+monthly_annual_switch("annual", "plans-page-toggle-period")
|
||||
|
||||
.row(hidden data-ol-plans-v2-license-picker-container)
|
||||
.col-sm-12
|
||||
+group_plans_license_picker()
|
||||
|
||||
+table_sticky_header_all(plansConfig)
|
||||
|
||||
.row.plans-v2-table-container(hidden data-ol-plans-v2-period='monthly')
|
||||
.col-sm-12(data-ol-plans-v2-view='individual')
|
||||
.row
|
||||
+table_individual('monthly')
|
||||
.col-sm-12(hidden data-ol-plans-v2-view='student')
|
||||
.row
|
||||
+table_student('monthly')
|
||||
|
||||
.row.plans-v2-table-container(data-ol-plans-v2-period='annual')
|
||||
.col-sm-12(data-ol-plans-v2-view='individual')
|
||||
.row
|
||||
+table_individual('annual')
|
||||
.col-sm-12(hidden data-ol-plans-v2-view='group')
|
||||
.row
|
||||
+table_group('annual')
|
||||
.col-sm-12(hidden data-ol-plans-v2-view='student')
|
||||
.row
|
||||
+table_student('annual')
|
||||
|
||||
//- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
|
||||
.invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
.faq.plans-v2-faq
|
||||
.row.row-spaced-large
|
||||
.col-md-12
|
||||
.page-header.plans-header.plans-subheader.text-centered
|
||||
h2 FAQ
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_what_is_the_difference_between_users_and_collaborators_question')}
|
||||
p !{translate('faq_what_is_the_difference_between_users_and_collaborators_answer_first_paragraph', {}, [{name: 'strong'}])}
|
||||
br
|
||||
p #{translate('faq_what_is_the_difference_between_users_and_collaborators_answer_second_paragraph')}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_do_collab_need_on_paid_plan_question')}
|
||||
p !{translate('faq_do_collab_need_on_paid_plan_answer', {}, [{ name: 'a', attrs: { href: "/learn/how-to/Overleaf_Accounts_and_Subscriptions", target: '_blank'}}, { name: 'a', attrs: { href: "/learn/how-to/Overleaf_premium_features", target: '_blank'}}])}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_i_have_free_account_want_subscription_how_question')}
|
||||
p !{translate('faq_i_have_free_account_want_subscription_how_answer_first_paragraph', {}, [{ name: 'a', attrs: { href: "/for/universities", target: '_blank'}}])}
|
||||
br
|
||||
p !{translate('faq_i_have_free_account_want_subscription_how_answer_second_paragraph', {}, [{ name: 'a', attrs: { href: "/learn/how-to/Overleaf_Accounts_and_Subscriptions", target: '_blank'}}])}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_the_individual_standard_plan_10_collab_question')}
|
||||
p #{translate('faq_the_individual_standard_plan_10_collab_first_paragraph')}
|
||||
br
|
||||
p !{translate('faq_the_individual_standard_plan_10_collab_second_paragraph', {}, [{ name: 'a', attrs: { href: "/learn/how-to/Overleaf_premium_features#Account_and_project_level_features", target: '_blank'}}])}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_how_does_a_group_plan_work_question')}
|
||||
p !{translate('faq_how_does_a_group_plan_work_answer', {}, [{ name: 'a', attrs: { href: "/learn/how-to/Joining_an_Overleaf_Group_Subscription", target: '_blank'}}, { name: 'a', attrs: { href: "/learn/how-to/Managing_a_group_subscription", target: '_blank'}}, { name: 'a', attrs: { href: "/contact", target: '_blank'}}])}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_how_free_trial_works_question')}
|
||||
p #{translate('faq_how_free_trial_works_answer_v2', { len:'7' })}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_change_plans_or_cancel_question')}
|
||||
p #{translate('faq_change_plans_or_cancel_answer')}
|
||||
.row
|
||||
.col-md-12
|
||||
h3 #{translate('faq_pay_by_invoice_question')}
|
||||
p #{translate('faq_pay_by_invoice_answer_v2')}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
.row.row-spaced-large.text-centered(
|
||||
data-ol-plans-university-info-container
|
||||
hidden
|
||||
)
|
||||
.col-sm-8.col-sm-offset-2.col-xs-12.card.plans-v2-university-info
|
||||
h3.plans-v2-university-info-header #{translate('would_you_like_to_see_a_university_subscription')}
|
||||
p.plans-v2-university-info-text #{translate('student_and_faculty_support_make_difference')}
|
||||
a.btn.plans-v2-btn-header.text-capitalize.plans-v2-btn-university-info(
|
||||
target="_blank"
|
||||
href="/for/support-an-overleaf-university-subscription"
|
||||
event-tracking="plans-page-click"
|
||||
event-tracking-mb="true"
|
||||
event-tracking-trigger="click"
|
||||
event-segmentation='{"button": "university-support"}'
|
||||
) #{translate('show_your_support')}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
extends ../../../layout-marketing
|
||||
extends ../layout-marketing
|
||||
|
||||
block vars
|
||||
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
|
||||
|
|
@ -23,7 +23,7 @@ block content
|
|||
.page-header.centered.plans-header.text-centered.top-page-header
|
||||
h1.text-capitalize(ng-non-bindable) #{translate('choose_your_plan')}
|
||||
|
||||
include ./v2/_cards_controls_tables
|
||||
include ./plans/_cards_controls_tables
|
||||
.row.row-spaced-large.text-centered
|
||||
.col-xs-12
|
||||
p.text-centered
|
||||
|
|
@ -39,11 +39,11 @@ block content
|
|||
i.fa.fa-cc-paypal.fa-2x(aria-hidden="true")
|
||||
span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Paypal' })}
|
||||
|
||||
include ./v2/_university_info
|
||||
include ./plans/_university_info
|
||||
|
||||
include ../_quotes
|
||||
include ./plans/_quotes
|
||||
|
||||
include ./v2/_faq
|
||||
include ./plans/_faq
|
||||
|
||||
.row.row-spaced-large
|
||||
.col-md-12
|
||||
|
|
@ -56,5 +56,5 @@ block content
|
|||
|
||||
.row.row-spaced
|
||||
|
||||
include ../_group_plan_modal
|
||||
include ./plans/_group_plan_modal
|
||||
!= moduleIncludes("contactModalGeneral-marketing", locals)
|
||||
|
|
@ -184,9 +184,7 @@ describe('SubscriptionController', function () {
|
|||
describe('groupPlanModal data', function () {
|
||||
it('should pass local currency if valid', function (done) {
|
||||
this.res.render = (page, opts) => {
|
||||
page.should.equal(
|
||||
'subscriptions/plans-marketing/st-personal-off-default/plans-marketing-v2'
|
||||
)
|
||||
page.should.equal('subscriptions/plans')
|
||||
opts.groupPlanModalDefaults.currency.should.equal('GBP')
|
||||
done()
|
||||
}
|
||||
|
|
@ -198,9 +196,7 @@ describe('SubscriptionController', function () {
|
|||
|
||||
it('should fallback to USD when valid', function (done) {
|
||||
this.res.render = (page, opts) => {
|
||||
page.should.equal(
|
||||
'subscriptions/plans-marketing/st-personal-off-default/plans-marketing-v2'
|
||||
)
|
||||
page.should.equal('subscriptions/plans')
|
||||
opts.groupPlanModalDefaults.currency.should.equal('USD')
|
||||
done()
|
||||
}
|
||||
|
|
@ -212,9 +208,7 @@ describe('SubscriptionController', function () {
|
|||
|
||||
it('should pass valid options for group plan modal and discard invalid', function (done) {
|
||||
this.res.render = (page, opts) => {
|
||||
page.should.equal(
|
||||
'subscriptions/plans-marketing/st-personal-off-default/plans-marketing-v2'
|
||||
)
|
||||
page.should.equal('subscriptions/plans')
|
||||
opts.groupPlanModalDefaults.size.should.equal('42')
|
||||
opts.groupPlanModalDefaults.plan_code.should.equal('collaborator')
|
||||
opts.groupPlanModalDefaults.currency.should.equal('GBP')
|
||||
|
|
@ -244,9 +238,7 @@ describe('SubscriptionController', function () {
|
|||
describe('with a user without subscription', function () {
|
||||
it('should render the interstitial payment page', function (done) {
|
||||
this.res.render = (page, opts) => {
|
||||
page.should.equal(
|
||||
'subscriptions/plans-marketing/st-personal-off-default/interstitial-payment'
|
||||
)
|
||||
page.should.equal('subscriptions/interstitial-payment')
|
||||
done()
|
||||
}
|
||||
this.SubscriptionController.interstitialPaymentPage(this.req, this.res)
|
||||
|
|
|
|||
Loading…
Reference in a new issue