mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-23 23:58:02 -05:00
81 lines
3.1 KiB
CoffeeScript
81 lines
3.1 KiB
CoffeeScript
RootView = require 'views/core/RootView'
|
|
template = require 'templates/account/subscription-view'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
SubscribeModal = require 'views/core/SubscribeModal'
|
|
Payment = require 'models/Payment'
|
|
|
|
module.exports = class SubscriptionView extends RootView
|
|
id: "subscription-view"
|
|
template: template
|
|
|
|
events:
|
|
'click .start-subscription-button': 'onClickStartSubscription'
|
|
'click .end-subscription-button': 'onClickEndSubscription'
|
|
'click .cancel-end-subscription-button': 'onClickCancelEndSubscription'
|
|
'click .confirm-end-subscription-button': 'onClickConfirmEndSubscription'
|
|
|
|
subscriptions:
|
|
'subscribe-modal:subscribed': 'onSubscribed'
|
|
|
|
constructor: (options) ->
|
|
super(options)
|
|
if me.get('stripe')
|
|
options = { url: "/db/user/#{me.id}/stripe" }
|
|
options.success = (@stripeInfo) =>
|
|
@supermodel.addRequestResource('payment_info', options).load()
|
|
@payments = new CocoCollection([], { url: '/db/payment', model: Payment, comparator:'_id' })
|
|
@supermodel.loadCollection(@payments, 'payments')
|
|
|
|
getRenderData: ->
|
|
c = super()
|
|
if @stripeInfo
|
|
if subscription = @stripeInfo.subscriptions?.data?[0]
|
|
periodEnd = new Date((subscription.trial_end or subscription.current_period_end) * 1000)
|
|
if subscription.cancel_at_period_end
|
|
c.activeUntil = periodEnd
|
|
else
|
|
c.nextPaymentDate = periodEnd
|
|
c.cost = "$#{(subscription.plan.amount/100).toFixed(2)}"
|
|
if card = @stripeInfo.cards?.data?[0]
|
|
c.card = "#{card.brand}: x#{card.last4}"
|
|
if @payments?.loaded
|
|
c.monthsSubscribed = (x for x in @payments.models when not x.get('productID')).length # productID is for gem purchases
|
|
else
|
|
c.monthsSubscribed = null
|
|
|
|
c.stripeInfo = @stripeInfo
|
|
c.subscribed = me.get('stripe')?.planID
|
|
c.active = me.isPremium()
|
|
c
|
|
|
|
onClickStartSubscription: (e) ->
|
|
@openModalView new SubscribeModal()
|
|
window.tracker?.trackEvent 'Show subscription modal', category: 'Subscription', label: 'account subscription view'
|
|
|
|
onSubscribed: ->
|
|
document.location.reload()
|
|
|
|
onClickEndSubscription: (e) ->
|
|
window.tracker?.trackEvent 'Unsubscribe Start', {}
|
|
@$el.find('.end-subscription-button').blur().addClass 'disabled', 250
|
|
@$el.find('.unsubscribe-feedback').show(500).find('textarea').focus()
|
|
|
|
onClickCancelEndSubscription: (e) ->
|
|
window.tracker?.trackEvent 'Unsubscribe Cancel', {}
|
|
@$el.find('.unsubscribe-feedback').hide(500).find('textarea').blur()
|
|
@$el.find('.end-subscription-button').focus().removeClass 'disabled', 250
|
|
|
|
onClickConfirmEndSubscription: (e) ->
|
|
message = @$el.find('.unsubscribe-feedback textarea').val().trim()
|
|
window.tracker?.trackEvent 'Unsubscribe End', message: message
|
|
removeStripe = =>
|
|
stripe = _.clone(me.get('stripe'))
|
|
delete stripe.planID
|
|
me.set('stripe', stripe)
|
|
me.patch({headers: {'X-Change-Plan': 'true'}})
|
|
@listenToOnce me, 'sync', -> document.location.reload()
|
|
if message
|
|
$.post '/contact', message: message, subject: 'Cancellation', (response) ->
|
|
removeStripe()
|
|
else
|
|
removeStripe()
|