Allow user to unsubscribe and change their plan.

This commit is contained in:
yackob03 2013-10-02 02:05:53 -04:00
parent da8eccef11
commit 35c1e6e53b
3 changed files with 65 additions and 8 deletions

View file

@ -1,4 +1,7 @@
<div class="container">
<div class="loading" ng-show="planLoading || planChanging">
<div class="spin"></div>
</div>
<div class="row" ng-show="errorMessage">
<div class="col-md-12">
<div class="alert alert-danger">{{ errorMessage }}</div>
@ -17,13 +20,13 @@
<div class="panel-body">
{{ plan.privateRepos }} Private Repositories<br>
<button class="btn btn-primary" ng-hide="subscription" ng-click="subscribe(plan.stripeId)">Subscribe</button>
<button class="btn" ng-show="subscription && (subscription.plan != plan.stripeId)" ng-click="subscribe(plan.stripeId)">Change</button>
<button class="btn btn-danger" ng-show="subscription.plan == plan.stripeId" ng-click="cancel()">Cancel</button>
<button class="btn" ng-show="subscription && (subscription.plan != plan.stripeId)" ng-click="changeSubscription(plan.stripeId)">Change</button>
<button class="btn btn-danger" ng-show="subscription.plan == plan.stripeId" ng-click="cancelSubscription()">Cancel</button>
</div>
</div>
</div>
</div>
<div class="row" ng-hide="planLoading">
<div class="row" ng-show="subscription">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
@ -39,7 +42,4 @@
</div>
</div>
</div>
<div class="loading" ng-show="planLoading">
<div class="spin"></div>
</div>
</div>