overleaf/services/web/public/coffee/main/new-subscription.coffee

167 lines
5.1 KiB
CoffeeScript
Raw Normal View History

define [
2016-08-17 12:34:17 -04:00
"base",
"directives/creditCards"
"libs/recurly-4.8.5"
], (App)->
2016-08-18 12:41:55 -04:00
App.controller "NewSubscriptionController", ($scope, MultiCurrencyPricing, abTestManager, $http, sixpack, event_tracking, ccUtils)->
throw new Error("Recurly API Library Missing.") if typeof recurly is "undefined"
$scope.currencyCode = MultiCurrencyPricing.currencyCode
$scope.plans = MultiCurrencyPricing.plans
$scope.switchToStudent = ()->
currentPlanCode = window.plan_code
planCode = currentPlanCode.replace('collaborator', 'student')
event_tracking.sendMB 'subscription-form-switch-to-student', { plan: window.plan_code }
window.location = "/user/subscription/new?planCode=#{planCode}&currency=#{$scope.currencyCode}&cc=#{$scope.data.coupon}"
event_tracking.sendMB "subscription-form", { plan : window.plan_code }
$scope.paymentMethod =
value: "credit_card"
$scope.data =
first_name: ""
last_name: ""
postal_code: ""
address1 : ""
address2 : ""
2015-01-19 15:27:01 -05:00
state:""
city:""
country:window.countryCode
coupon: window.couponCode
2018-04-16 05:10:25 -04:00
$scope.validation = {}
$scope.processing = false
recurly.configure
publicKey: window.recurlyApiKey
style:
all:
fontFamily: '"Open Sans", sans-serif',
fontSize: '16px',
2018-04-16 05:10:25 -04:00
fontColor: '#7a7a7a'
month:
2018-04-16 05:10:25 -04:00
placeholder: 'MM'
year:
2018-04-16 05:10:25 -04:00
placeholder: 'YY'
cvv:
2018-04-16 05:10:25 -04:00
placeholder: 'CVV'
pricing = recurly.Pricing()
window.pricing = pricing
initialPricing = pricing
.plan(window.plan_code, { quantity: 1 })
.address({country: $scope.data.country})
.tax({tax_code: 'digital', vat_number: ''})
.currency($scope.currencyCode)
.coupon($scope.data.coupon)
.done()
pricing.on "change", =>
$scope.planName = pricing.items.plan.name
$scope.price = pricing.price
$scope.trialLength = pricing.items.plan.trial?.length
$scope.monthlyBilling = pricing.items.plan.period.length == 1
if pricing.items?.coupon?.discount?.type == "percent"
basePrice = parseInt(pricing.price.base.plan.unit)
$scope.normalPrice = basePrice
2015-11-17 07:23:27 -05:00
if pricing.items.coupon.applies_for_months > 0 and pricing.items.coupon?.discount?.rate and pricing.items.coupon?.applies_for_months?
$scope.discountMonths = pricing.items.coupon?.applies_for_months
$scope.discountRate = pricing.items.coupon?.discount?.rate * 100
if pricing.price?.taxes[0]?.rate?
$scope.normalPrice += (basePrice * pricing.price.taxes[0].rate)
$scope.$apply()
2018-04-13 10:57:34 -04:00
2014-12-22 09:06:39 -05:00
$scope.applyCoupon = ->
pricing.coupon($scope.data.coupon).done()
2015-03-04 13:08:06 -05:00
$scope.applyVatNumber = ->
pricing.tax({tax_code: 'digital', vat_number: $scope.data.vat_number}).done()
2014-12-22 09:06:39 -05:00
$scope.changeCurrency = (newCurrency)->
$scope.currencyCode = newCurrency
pricing.currency(newCurrency).done()
2016-08-22 12:03:29 -04:00
$scope.inputHasError = inputHasError = (formItem) ->
if !formItem?
return false
return (formItem.$touched && formItem.$invalid)
$scope.isFormValid = isFormValid = (form) ->
if $scope.paymentMethod.value == 'paypal'
2016-08-23 08:36:54 -04:00
return $scope.data.country != ""
else
2018-04-16 05:10:25 -04:00
return form.$valid
2016-08-22 12:03:29 -04:00
$scope.updateCountry = ->
pricing.address({country:$scope.data.country}).done()
2016-08-22 12:03:29 -04:00
$scope.setPaymentMethod = setPaymentMethod = (method) ->
$scope.paymentMethod.value = method;
2016-08-22 12:03:29 -04:00
$scope.validation.errorFields = {}
$scope.genericError = ""
completeSubscription = (err, recurly_token_id) ->
$scope.validation.errorFields = {}
if err?
2016-08-23 04:59:46 -04:00
event_tracking.sendMB "subscription-error", err
# We may or may not be in a digest loop here depending on
# whether recurly could do validation locally, so do it async
$scope.$evalAsync () ->
$scope.processing = false
$scope.genericError = err.message
_.each err.fields, (field)-> $scope.validation.errorFields[field] = true
else
postData =
_csrf: window.csrfToken
recurly_token_id:recurly_token_id.id
subscriptionDetails:
currencyCode:pricing.items.currency
plan_code:pricing.items.plan.code
coupon_code:pricing.items?.coupon?.code || ""
isPaypal: $scope.paymentMethod.value == 'paypal'
address:
2016-06-27 04:44:40 -04:00
address1: $scope.data.address1
address2: $scope.data.address2
country: $scope.data.country
state: $scope.data.state
postal_code: $scope.data.postal_code
2016-07-12 12:33:24 -04:00
2016-08-10 12:29:43 -04:00
event_tracking.sendMB "subscription-form-submitted", {
2016-07-12 12:33:24 -04:00
currencyCode : postData.subscriptionDetails.currencyCode,
plan_code : postData.subscriptionDetails.plan_code,
coupon_code : postData.subscriptionDetails.coupon_code,
isPaypal : postData.subscriptionDetails.isPaypal
}
$http.post("/user/subscription/create", postData)
.then ()->
event_tracking.sendMB "subscription-submission-success"
window.location.href = "/user/subscription/thank-you"
.catch ()->
$scope.processing = false
$scope.genericError = "Something went wrong processing the request"
$scope.submit = ->
$scope.processing = true
if $scope.paymentMethod.value == 'paypal'
opts = { description: $scope.planName }
recurly.paypal opts, completeSubscription
else
recurly.token $scope.data, completeSubscription