UNPKG

scrive

Version:

ERROR: No README.md file found!

82 lines (73 loc) 3.5 kB
<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></td> </tr> </table> </div> </div>