scrive
Version:
ERROR: No README.md file found!
82 lines (73 loc) • 3.5 kB
HTML
<div class="payment">
<h2>PAYMENT</h2>
<table>
<tr ng-click="vm.showTransactionHistory()" class="clickable">
<td>Transaction History</td>
</tr>
<tr ng-click="vm.showCreditCard()" class="clickable">
<td>Credit Card</td>
</tr>
</table>
<p style="color: #ec6386">{{vm.paymentError}}</p>
<div ng-if="vm.isShowingCreditCard" class=" credit-card box row">
<div class="col-sm-12">
<h4>BILLING INFORMATION</h4>
<div class="form-group">
<label>Credit Card Number</label>
<input type="text" cc-number class="form-control" ng-model="vm.cardNumber" ng-class="{'input-error': vm.errors.cardNumber}"
autocomplete="off" placeholder="1234 5678 1234 5678">
</div>
</div>
<div class="col-sm-4 no-pad-left no-pad-right-small">
<div class="form-group">
<label>Expiration Month</label>
<input type="text" placeholder="e.g. 01" cc-exp-month ng-model="vm.exp_month" ng-class="{'input-error': vm.errors.exp_month}"
class="form-control">
<!--<select ng-model="vm.exp_month">
<option value="12">Dec - 12</option>
<option value="01">Jan - 1</option>
</select>-->
</div>
</div>
<div class="col-sm-4 no-pad">
<div class="form-group">
<label>Expiration Year</label>
<input type="text" size="2" placeholder="e.g. 17" ng-class="{'input-error': vm.errors.exp_year}" cc-exp-year
ng-model="vm.exp_year"
class="form-control">
</div>
</div>
<div class="col-sm-4 no-pad-right no-pad-left-small">
<div class="form-group">
<label>CVC</label>
<input type="text" ng-class="{'input-error': vm.errors.cvc}" placeholder="e.g. 222" cc-cvc ng-model="vm.cvc"
class="form-control">
</div>
</div>
<div class="col-sm-4 no-pad-right no-pad-left-small">
<button class="btn btn-primary form-group" type="button" name="button"
ng-click="vm.submitForm()" ng-disabled="vm.freeze">SAVE</button>
<button class="btn btn-primary form-group" type="button" name="button">CANCEL</button>
</div>
</div>
<div class="" ng-if="vm.isShowingTransactions">
<h4>PAID</h4>
<p style="color: #ec6386">{{vm.getTransactionsError}}</p>
<table>
<tr class="standin-row clickable" ng-repeat="transaction in vm.transactions |orderBy: '-createdAt'"
ng-click="">
<td>
<img src="{{transaction.standinPictureUrl}}" alt="">
<div class="standin-price"> + {{transaction.price | currency}}</div>
</td>
<td>
<div>{{transaction.standinFirstName}} {{transaction.standinLastName}}</div>
<div>{{transaction.caseDetails}}</div>
<div><i style="color: green" class="fa fa-check-circle fa-lg" aria-hidden="true"></i>Booking Completed</div>
<div>{{transaction.createdAt | date: 'MMM dd, yyyy h:mm a'}}</div>
</td>
<td> ></td>
</tr>
</table>
</div>
</div>