overleaf/services/web/app/views/subscriptions/dashboard.jade

128 lines
5 KiB
Text
Raw Normal View History

2014-02-12 05:23:40 -05:00
extends ../layout
2014-09-05 10:47:08 -04:00
block scripts
script(type='text/javascript').
window.recomendedCurrency = '#{recomendedCurrency}'
2014-02-12 05:23:40 -05:00
mixin printPlan(plan)
-if (!plan.hideFromUsers)
tr(ng-controller="ChangePlanFormController")
td(ng-init="plan=#{JSON.stringify(plan)}")
2014-02-12 05:23:40 -05:00
strong #{plan.name}
td
-if (plan.annual)
2014-09-05 10:47:08 -04:00
| {{plans[currencyCode][plan.planCode.replace("-annual","")]['annual']}} / #{translate("year")}
2014-02-12 05:23:40 -05:00
-else
| {{plans[currencyCode][plan.planCode]['monthly']}} / #{translate("month")}
2014-02-12 05:23:40 -05:00
td
-if (subscription.state == "free-trial")
2014-08-01 07:34:53 -04:00
a(href="/user/subscription/new?planCode=#{plan.planCode}").btn.btn-success #{translate("subscribe_to_this_plan")}
-else if (typeof(subscription.planCode) != "undefined" && plan.planCode == subscription.planCode.split("_")[0])
2014-08-01 07:34:53 -04:00
button.btn.disabled #{translate("your_plan")}
2014-02-12 05:23:40 -05:00
-else
form
input(type="hidden", ng-model="plan_code", name="plan_code", value="#{plan.planCode}")
input(type="submit", ng-click="changePlan()", value=translate("change_to_this_plan")).btn.btn-success
2014-02-12 05:23:40 -05:00
mixin printPlans(plans)
-each plan in plans
mixin printPlan(plan)
block content
2014-07-07 08:43:36 -04:00
.content.content-alt
.container
.row
.col-md-8.col-md-offset-2
.card
.page-header
2014-08-01 07:34:53 -04:00
h1 #{translate("your_subscription")}
-if (subscription)
case subscription.state
when "free-trial"
p !{translate("on_free_trial_expiring_at", {expiresAt:"<strong>" + subscription.expiresAt + "</strong>"})}
p !{translate("choose_a_plan_below")}
when "active"
p !{translate("currently_subscribed_to_plan", {planName:"<strong>" + subscription.name + "</strong>"})}
a(href, ng-click="changePlan = true") !{translate("change_plan")}.
p !{translate("next_payment_of_x_collectected_on_y", {paymentAmmount:"<strong>" + subscription.price + "</strong>", collectionDate:"<strong>" + subscription.nextPaymentDueAt + "</strong>"})}
p.pull-right
2014-07-07 08:43:36 -04:00
p: form(action="/user/subscription/cancel",method="post")
input(type="hidden", name="_csrf", value=csrfToken)
a(href="/user/subscription/billing-details/edit").btn.btn-info #{translate("update_your_billing_details")}
| &nbsp;
input(type="submit", value="Cancel your subscription").btn.btn-primary#cancelSubscription
when "canceled"
p !{translate("currently_subscribed_to_plan", {planName:"<strong>" + subscription.name + "</strong>"})}
p !{translate("subscription_canceled_and_terminate_on_x", {terminateDate:"<strong>" + subscription.nextPaymentDueAt + "</strong>"})}
p: form(action="/user/subscription/reactivate",method="post")
input(type="hidden", name="_csrf", value=csrfToken)
input(type="submit",value="Reactivate your subscription").btn.btn-success
when "expired"
p !{translate("your_subscription_has_expired")}
a(href="/user/subscription/plans") !{translate("create_new_subscription")}
default
-if(groups.length == 0)
p !{translate("problem_with_subscription_contact_us")}
2014-02-12 05:23:40 -05:00
-if(subscription.groupPlan)
a(href="/subscription/group").btn.btn-success !{translate("manage_group")}
2014-02-12 05:23:40 -05:00
2014-09-05 11:11:19 -04:00
div(ng-show="changePlan", ng-cloak)#changePlanSection
2014-09-05 11:11:19 -04:00
h2.col-md-7 !{translate("change_plan")}
span.dropdown.col-md-1.changePlanButton(ng-controller="CurrenyDropdownController", style="display:none")
2014-09-05 11:11:19 -04:00
a.btn.btn-primary.dropdown-toggle(
2014-09-05 10:47:08 -04:00
href="#",
data-toggle="dropdown"
)
| {{currencyCode}} ({{plans[currencyCode]['symbol']}})
ul.dropdown-menu(role="menu")
li(ng-repeat="(currency, value) in plans", dropdown-toggle)
a(
href,
ng-click="changeCurrency(currency)"
2014-09-05 10:47:08 -04:00
) {{currency}} ({{value['symbol']}})
p: table.table
tr
th !{translate("name")}
th !{translate("price")}
th
mixin printPlans(plans.studentAccounts)
mixin printPlans(plans.individualMonthlyPlans)
mixin printPlans(plans.individualAnnualPlans)
-if (subscription && groups.length > 0)
2014-07-07 08:43:36 -04:00
hr
each groupSubscription in groups
p !{translate("member_of_group_subscription", {admin_email: "<strong>" + groupSubscription.admin_id.email + "</strong>"})}
2014-02-12 05:23:40 -05:00
2014-07-07 08:43:36 -04:00
script(type="text/javascript").
$('#cancelSubscription').on("click", function() {
ga('send', 'event', 'subscription-funnel', 'cancelation')
})
script(type='text/ng-template', id='confirmChangePlanModalTemplate')
.modal-header
h3 Change plan?
.modal-body
p !{translate("sure_you_want_to_change_plan", {planName:"<strong>{{plan.name}}</strong>"})}
.modal-footer
button.btn.btn-default(
ng-disabled="inflight"
ng-click="cancel()"
) #{translate("cancel")}
button.btn.btn-success(
ng-disabled="state.inflight"
ng-click="confirmChangePlan()"
)
span(ng-hide="inflight") #{translate("change_plan")}
span(ng-show="inflight") #{translate("processing")}...
2014-02-12 05:23:40 -05:00