overleaf/services/web/public/coffee/main/plans.coffee
2014-09-26 10:56:45 +01:00

102 lines
2.4 KiB
CoffeeScript

define [
"base"
"libs/recurly-3.0.5"
], (App, recurly) ->
App.factory "MultiCurrencyPricing", () ->
recurly.configure(window.recurlyPublicToken);
pricing = recurly.Pricing()
window.pricing = pricing
currencyCode = pricing.items.currency
pricing.on "set.currency", (currency)->
currencyCode = pricing.items.currency
currencyCode:currencyCode
plans:
USD:
symbol: "$"
student:
monthly: "$8"
annual: "$80"
collaborator:
monthly: "$15"
annual: "$180"
professional:
monthly: "$30"
annual: "$360"
# EUR:
# symbol: "€"
# student:
# monthly: "€7"
# annual: "€70"
# collaborator:
# monthly: "€12"
# annual: "€144"
# professional:
# monthly: "€25"
# annual: "€300"
# GBP:
# symbol: "£"
# student:
# monthly: "£6"
# annual: "£60"
# collaborator:
# monthly: "£10"
# annual: "£120"
# professional:
# monthly: "£22"
# annual: "£264"
App.controller "PlansController", ($scope, $modal, event_tracking, abTestManager, MultiCurrencyPricing) ->
buckets = [
{ bucketName:"7d", queryString: "_free_trial_7_days", trial_len:30 }
{ bucketName:"14d", queryString: "_free_trial_14_days", trial_len:14 }
]
bucket = abTestManager.getABTestBucket "trial_len", buckets
$scope.trial_len = bucket.trial_len
$scope.planQueryString = bucket.queryString
$scope.ui =
view: "monthly"
$scope.plans = MultiCurrencyPricing.plans
$scope.currencyCode = MultiCurrencyPricing.currencyCode
$scope.changeCurreny = (newCurrency)->
$scope.currencyCode = newCurrency
$scope.signUpNowClicked = (plan, annual)->
if $scope.ui.view == "annual"
plan = "#{plan}_annual"
else
abTestManager.processTestWithStep("trial_len", bucket.bucketName, 0)
event_tracking.send 'subscription-funnel', 'sign_up_now_button', plan
$scope.switchToMonthly = ->
$scope.ui.view = "monthly"
event_tracking.send 'subscription-funnel', 'plans-page', 'monthly-prices'
$scope.switchToStudent = ->
$scope.ui.view = "student"
event_tracking.send 'subscription-funnel', 'plans-page', 'student-prices'
$scope.switchToAnnual = ->
$scope.ui.view = "annual"
event_tracking.send 'subscription-funnel', 'plans-page', 'student-prices'
$scope.openGroupPlanModal = () ->
$modal.open {
templateUrl: "groupPlanModalTemplate"
}