client-ui
Version:
Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront
48 lines • 2.52 kB
HTML
<div ng-init="_ctrl = loanOverviewController;">
<div class="col-md-10 col-md-offset-1">
<h3 class="text-center no-space">Here's an overview of your personal loan:</h3><br>
<div class="panel box-border-top box-border-sides box-border-bottom">
<div class="row text-center">
<div class="col-md-10 col-md-offset-1 text-left">
<div class="col-md-4 col-xs-6">
<h5 ng-bind="_ctrl.loan.selectedOffer.amount | loanAmount"></h5>
<label>Loan Amount</label>
</div>
<div class="col-md-4 col-xs-6">
<h5 ng-bind="(_ctrl.loan.selectedOffer.duration || 0) + ' Mo.'"></h5>
<label>Loan Term</label>
</div>
<div>
<div class="col-md-4 col-xs-6">
<h5 ng-bind="_ctrl.loan.selectedOffer.monthlyPayment | payment"></h5>
<label>Monthly Payment</label>
</div>
<div class="col-md-4 col-xs-6">
<h5 ng-bind="_ctrl.loan.selectedOffer.originationFee | loanAmount"></h5>
<label>Origination Fee*</label>
</div>
</div>
<div>
<div class="col-md-4 col-xs-6">
<h5 ng-bind="_ctrl.loan.selectedOffer.rate | rateTwoDecimal"></h5>
<label>Interest Rate</label>
</div>
<div class="col-md-4 col-xs-6">
<h5 ng-bind="_ctrl.loan.selectedOffer.annualPercentageRate | rateTwoDecimal"></h5>
<label>APR</label>
</div>
</div>
</div>
</div>
</div>
<p class="col-xs-12 text-center">
*Your Origination Fee will be deducted from your Loan Amount before the money is deposited into your account. This will result in you receiving {{_ctrl.loan.selectedOffer.amountFinanced | loanAmount}} in your bank account within 1-3 business days.
</p>
<br>
<br>
<br>
<p class="text-center">
<a id="continue-loan-agreement" class="btn btn-success large-btn" ui-sref="loanApplication.loanAgreement">Continue to Loan Agreement</a>
</p>
</div>
</div>