mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-06-04 06:39:02 +02:00
Antoine Clausse
b2ef7a935f
* Add a unit test on `SubscriptionFormatters.formatPrice` * Add JSDoc to `formatPrice` Also: Name the functions before exporting: This fixes my IDE (WebStorm) navigation * Make `'USD'` the default param instead of reassigning * Create `formatCurrency` function * Use `formatCurrency` in SubscriptionFormatters * Use an `isNoCentsCurrency` logic for `CLP` `JPY` `KRW` `VND` And remove custom `CLP` logic and locale * Add `locale` param to `formatPrice` * Generate `groups.json` and `localizedPlanPricing.json` ``` bin/exec web node ./scripts/recurly/recurly_prices.js --download -o prices.json bin/exec web node ./scripts/plan-prices/plans.js -f ../../prices.json -o dir ``` * Update scripts/plan-prices/plans.js to generate numbers instead of localized amounts * Generate `groups.json` and `localizedPlanPricing.json` ``` bin/exec web node ./scripts/recurly/recurly_prices.js --download -o prices.json bin/exec web node ./scripts/plan-prices/plans.js -f ../../prices.json -o dir ``` * Remove generation of `plans.json` As /services/web/frontend/js/main/plans.js was removed in https://github.com/overleaf/internal/pull/12593 * Sort currencies in alphabetical order in scripts/plan-prices/plans.js * Generate `groups.json` and `localizedPlanPricing.json` ``` bin/exec web node ./scripts/recurly/recurly_prices.js --download -o prices.json bin/exec web node ./scripts/plan-prices/plans.js -f ../../prices.json -o dir ``` * Use `formatCurrency` in price-summary.tsx * Use `formatCurrency` in Subscription Pug files * Fix unit tests SubscriptionHelperTests.js * Remove unused `currencySymbol` * Change to `formatCurrency` in other React components * Add `CurrencyCode` JSDoc types * Duplicate `formatCurrency` into services/web/app/src/util * Wrap tests in a top-level describe block * Use `narrowSymbol` * Fix tests with `narrowSymbol` expects * Revert deletion of old `formatPrice` in SubscriptionFormatters.js * Rename `formatCurrency` -> `formatCurrencyLocalized` * Revert deletion of `CurrencySymbol` * Add split-test in SubscriptionController.js * Add split-test in SubscriptionViewModelBuilder.js * Add split-test in plans * Add split-test in subscription-dashboard-context.tsx * Add split-test in 4 more components * Update tests * Show currency and payment methods in interstitial page * Fix `–` being printed. Use `–` instead * Fix test with NOK * Storybook: Fix missing `SplitTestProvider` * Storybook: Revert "Remove unused `currencySymbol`" This reverts commit e55387d4753f97bbf8e39e0fdc3ad17312122aaa. * Replace `getSplitTestVariant` by `useSplitTestContext` * Use parameterize currencyFormat in `generateInitialLocalizedGroupPrice` * Fixup import paths of `formatCurrencyLocalized` * Replace `% 1 === 0` by `Number.isInteger` * Add comment explaining that any combinations of languages/currencies could happen * Fixup after rebase: import `useSplitTestContext` * Revert "Remove SplitTestProvider from subscription root" This reverts commit be9f378fda715b86589ab0759737581c72321d87. * Revert "Remove split test provider from some tests" This reverts commit 985522932b550cfd38fa6a4f4c3d2ebaee6ff7df. GitOrigin-RevId: 59a83cbbe0f7cc7e45f189c654e23fcf9bfa37af
68 lines
2.5 KiB
Plaintext
68 lines
2.5 KiB
Plaintext
extends ../layout
|
|
|
|
include ./plans/_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.notification.notification-type-success.text-centered
|
|
div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
|
|
if showBrlGeoBanner
|
|
div.notification.notification-type-success.text-centered
|
|
div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
|
|
if showLATAMBanner
|
|
div.notification.notification-type-success.text-centered
|
|
div.notification-content !{translate("latam_discount_offer_plans_page_banner", {flag: latamCountryBannerDetails.latamCountryFlag, country: latamCountryBannerDetails.country, discount: latamCountryBannerDetails.discount })}
|
|
|
|
.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)
|
|
|
|
if (showCurrencyAndPaymentMethods)
|
|
+currency_and_payment_methods()
|
|
|
|
//- 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=skipLinkTarget
|
|
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)
|