Add ability to view and change the credit card associated with an account

This commit is contained in:
Joseph Schorr 2013-11-15 18:17:12 -05:00
parent 68f58eb856
commit cc0f042c00
23 changed files with 290 additions and 26 deletions

View file

@ -1,4 +1,27 @@
<div class="billing-options-element">
<div class="billing-options-element">
<!-- Credit Card -->
<div class="panel">
<div class="panel-title">
Credit Card
</div>
<div class="panel-body">
<i class="fa fa-spinner fa-spin fa-2x" ng-show="!currentCard || changingCard"></i>
<div class="current-card" ng-show="currentCard && !changingCard">
<img src="{{ '/static/img/creditcards/' + getCreditImage(currentCard) }}" ng-show="currentCard.last4">
<span class="no-card-outline" ng-show="!currentCard.last4"></span>
<span class="last4" ng-show="currentCard.last4">****-****-****-<b>{{ currentCard.last4 }}</b></span>
<span class="not-found" ng-show="!currentCard.last4">No credit card found</span>
</div>
<button class="btn" ng-class="currentCard.last4 ? 'btn-default' : 'btn-primary'"
ng-show="currentCard && !changingCard" ng-click="changeCard()">
Change Credit Card
</button>
</div>
</div>
<!-- Options -->
<div class="panel">
<div class="panel-title">
Billing Options