UNPKG

client-ui

Version:

Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront

147 lines (141 loc) 9.42 kB
<div ng-init="_ctrl = verifyBankController; _ctrl.init()" class="col-md-10 col-md-offset-1 text-center"> <div class="row"> <h3 class="no-space"> Verifying Your Bank Account </h3> <h4 class="verify-bank-header">You're almost done!</h4> <div ng-if="_ctrl.currentLoan.validBank"> <h6>You verified bank account number ****{{_ctrl.currentLoan.validBank.last4}}.</h6> </div> <form name="_ctrl.VerificationForm" xt-form role="form" focus-error="true" novalidate> <div ng-if="!_ctrl.currentLoan.bank.trialDeposits && !_ctrl.currentLoan.validBank" class="form-horizontal text-left"> <h6>We need to verify your bank account information so we know where to deposit your money and collect your loan payments.</h6> <div class="form-group"> <label class="col-md-4 control-label" for="bankAN">Routing Number</label> <div class="col-md-6"> <input type="tel" ng-model="_ctrl.bankAccount.routingNo" maxlength="9" pattern="[0-3]{1}[0-9]{8}|555555555" class="form-control" id="bankRN" name="bankRN" required msg-required="Please enter your bank routing number" msg-pattern="Routing number should start with 0-3, followed by 8 other digits" xt-validation-tooltip/> </div> <!-- <img Popover-animation="true" popover-template="_ctrl.Popover.templateUrl" popover-trigger="mouseenter" popover-title="{{_ctrl.Popover.title}}" style="width: 35px;" src="images/question.svg" class="hidden-sm hidden-xs"/> --> <i class="fa fa-question-circle hidden-sm hidden-xs" Popover-animation="true" popover-template="_ctrl.Popover.templateUrl" popover-trigger="mouseenter" popover-title="{{_ctrl.Popover.title}}"></i> </div> <div class="form-group"> <label class="col-md-4 control-label" for="bankAN">Account Number</label> <div class="col-md-6"> <input type="tel" ng-model="_ctrl.bankAccount.accountNo" maxlength="32" pattern="[0-9\-]{2,}" class="form-control" id="bankAN" name="bankAN" required msg-required="Please enter your bank account number" msg-pattern="Please enter at least 2 numbers and dashes only" xt-validation-tooltip/> </div> <i class="fa fa-question-circle hidden-sm hidden-xs" Popover-animation="true" popover-template="_ctrl.Popover.templateUrl" popover-trigger="mouseenter" popover-title="{{_ctrl.Popover.title}}"></i> </div> </div> <div ng-if="_ctrl.currentLoan.bank.trialDeposits" class="form-horizontal"> <div class="row"> <div class="text-left"> <p>{{_ctrl.trialDepositIntro1}}</p> <p>{{_ctrl.trialDepositIntro2}}</p> </div> <div ng-repeat="i in _ctrl.trialDepositLoopCount track by $index" class="form-group"> <label for="trialDepositAmount{{$index + 1}}" class="control-label col-sm-2 col-sm-offset-3">Deposit {{$index + 1}}:</label> <div class="input-group col-xs-8 col-xs-offset-2 col-sm-3"> <span class="input-group-addon" id="basic-addon{{$index + 1}}">$0.</span> <input type="tel" maxlength="2" pattern="[0-9]{2}" class="form-control" id="trialDepositAmount{{$index + 1}}" name="trialDepositAmount{{$index + 1}}" ng-model="_ctrl.currentLoan.bank.trialDeposits.amounts[$index]" required msg-required="Please fill in all amounts" msg-pattern="Amount must be 2 digits (01-99)" xt-validation-tooltip aria-describedby="basic-addon{{$index + 1}}"/> </div> </div> </div> </div> <div class="col-md-8 col-md-offset-2"> <div class="row"> <div id="payMethodForm" ng-if="!_ctrl.payMethod.name" class="text-left"> Please tell us how you'd like to make your monthly loan payments: <br> <label class="radio" style="margin-bottom: -.25em; display: inline-block;"> <input type="radio" name="payMethod" ng-model="_ctrl.currentLoan.payMethod.name" value="bank" required xt-validation-tooltip /> <span class="text-warning" style="font-size: 110%;"> <strong>Automatic withdrawals from the above bank account</strong> </span> </label> <br> <small style="padding-left: 32px; line-height: 1.2; display: block;"> Selecting this option constitutes your electronic signature and consent to the <a class="modal-link text-nowrap" href="" src="_ctrl.requiredDisclosures['recurring-payment-authorization'].location.pdf" title="{{_ctrl.requiredDisclosures['recurring-payment-authorization'].title}}" modal-link> </a> </small> <label class="radio" style="margin: 1em 0 0 0; display: inline-block;"> <input type="radio" name="payMethod" ng-model="_ctrl.currentLoan.payMethod.name" value="check" required /> Pay by check (additional fees apply - please see <a href="app.html#/fees">fee schedule</a>) </label> </div> </div> </div> <br/> <div ng-if="_ctrl.payMethod.name" class="text-left col-xs-10 col-xs-offset-1"> <h6 class="text-center"> <span ng-if="_ctrl.currentLoan.payMethod.name === 'check'">You told us you want to make your loan payments by check.</span> <span ng-if="_ctrl.currentLoan.payMethod.name !== 'check'">You told us to automatically withdraw loan payments from your bank account.</span> <br/> <a href="" class="payMethodLink" ng-click="_ctrl.payMethod = {}; _ctrl.scrollTo('payMethodForm'); _ctrl.setSubmitBtn();"> Click here to change that</a>. </h6> </div> <p ng-if="_ctrl.errorMessage" class="alert alert-danger col-xs-12 col-md-8 col-md-offset-2" style="margin-top: 1.5em;"> {{_ctrl.errorMessage}} </p> </form> </div> <div class="clearfix text-center"> <button id="verifyAccountBtn" style="display: inline-block; margin-top: 1em;" class="btn btn-success large-btn center-block" type="submit" ladda="_ctrl.working" data-style="expand-left" ng-disabled="_ctrl.VerificationForm.$invalid" ng-click="_ctrl.submit()"> {{ _ctrl.submitBtnText}} </button> </div> <div class="row"> <div class="disclamer disclamer-footer text-left"> <p><strong><u>Verification of Identity and Account Ownership.</u></strong> By inputting your account information above, you also authorize us to obtain information from your bank account in order to confirm your access to and/or ownership of the bank account. You also authorize us to request information regarding you and your bank accounts from other third party sources to verify your identity, account ownership, protect against fraud, confirm your pattern of use or exceptional use, comply with applicable law or otherwise as is reasonably necessary to provide our services to you. You agree to provide true, accurate, current, and complete information about yourself and your bank account and you agree to not misrepresent your identity or your account information.

 <br> You will authorize us to make up to (and debit) two micro-deposits (less than $1.00) to the above bank account. You will then verify to us the amounts of each micro-deposit made to the account.</p> </div> </div> </div>