client-ui
Version:
Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront
116 lines (109 loc) • 7.64 kB
HTML
<div class="col-sm-10 col-sm-offset-1 text-center" ng-init="_ctrl = incomeSummaryController; _ctrl.init()">
<div class="row">
<h3 class="no-space">Verify Income Manually</h3>
<h6 class="text-left" ng-if="!_ctrl.hasUploadedDocs">We need you to upload your last two (2) pay stubs and bank statements covering the same pay periods. <br><br>
We will accept documents downloaded directly from your online bank account, scanned copies of paper documents, or even screenshots from your computer.<br><br>
Once you have all your documents, please upload them using the button below.
</h6>
<div ng-if="_ctrl.hasUploadedDocs">
<h6 class="text-left">
Thanks for uploading your document{{_ctrl.uploadedDocs.length > 1 ? 's' : ''}}.
<span ng-if="_ctrl.currentLoan.hasPendingIncomeDocs && !_ctrl.currentLoan.incomeSummary.isVerified">We'll review {{_ctrl.uploadedDocs.length > 1 ? 'them' : 'it'}} as soon as possible.<br><br>
</span>
<span ng-if="_ctrl.currentLoan.incomeSummary.isVerified">Everything looks good. Go ahead to the next step!<br><br>
</span>
<span ng-if="!_ctrl.currentLoan.hasPendingIncomeDocs && !_ctrl.currentLoan.incomeSummary.isVerified">
We were able to verify {{_ctrl.currentLoan.incomeSummary.verified.annualAmount | loanAmount}}
of the {{_ctrl.currentLoan.incomeSummary.stated.annualAmount | loanAmount}} in annual income that you stated.<br><br>
</span>
<span ng-if="!_ctrl.currentLoan.incomeSummary.isVerified">If you would like to add more income, please upload additional documents below.<br><br></span>
<span ng-if="!_ctrl.currentLoan.incomeSummary.isVerified && _ctrl.currentLoan.hasPendingIncomeDocs">
If you have uploaded all the documents we need, please click the continue button below. It generally takes us less than 15 minutes to verify them during business hours. <br><br>
</span>
</h6>
<div ng-if="!_ctrl.currentLoan.incomeSummary.isVerified && _ctrl.currentLoan.incomeSummary.verified.annualAmount > 0 && !_ctrl.currentLoan.hasPendingIncomeDocs">
<button class="btn btn-success large-btn" id="dontAdd" ng-click="_ctrl.setVerified()"
ladda="_ctrl.workingDontAddMore" data-style="expand-left"> Complete Income</button>
</div>
<div ng-if="_ctrl.currentLoan.incomeSummary.isVerified">
<br/>
<a class="btn btn-success large-btn" ng-click="_ctrl.goToNextStep()">
Continue
</a>
</div>
<br/>
<h5>Uploaded Documents</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item narrow">
<div class="row text-bold text-center">
<div class="col-xs-7 col-md-4 text-left"><h5>Name</h5></div>
<div class="hidden-xs hidden-sm col-md-4"><h5>Received</h5></div>
<div class="col-xs-5 col-md-4 text-right"><h5>Status</h5></div>
</div>
</li>
<li class="list-group-item" ng-repeat="document in _ctrl.uploadedDocs | orderBy : '-dateUploaded'">
<div class="row text-center">
<div class="col-xs-7 col-md-4 text-left ellipsis"><span title="{{document.documentName}}" ng-bind="document.documentName"></span></div>
<div class="hidden-xs hidden-sm col-md-4"><small ng-bind="document.dateUploaded | date: 'M/d/yyyy h:mm a'"></small></div>
<div class="col-xs-5 col-md-4 text-right">
<span class="label" ng-class="'label-' + (document.reviewStatus | documentStatusClass)">
{{document.reviewStatus | documentReviewStatus}}
<span ng-if="document.reviewStatus === 'rejected' && document.rejectedReason"> - {{document.rejectedReason}}</span>
</span>
</div>
</div>
</li>
</ul>
<div>
<p class="text-left" ng-if="!_ctrl.currentLoan.incomeSummary.isVerified && _ctrl.currentLoan.hasPendingIncomeDocs"><span ng-if="!_ctrl.currentLoan.bank.fundingAccountNo">*While you wait for one of our Personal Loan Specialists to complete this process, please continue to the bank verification page to keep your application moving.</span>
</p>
<div ng-if="_ctrl.currentLoan.hasPendingIncomeDocs && _ctrl.currentLoan.bank.fundingAccountNo">
<a class="btn btn-success large-btn" ui-sref="loanDashboard.myDashboard">
Continue
</a>
</div>
<div ng-if="!_ctrl.currentLoan.incomeSummary.isVerified &&
!_ctrl.currentLoan.bank.fundingAccountNo">
<a class="btn btn-success large-btn" ui-sref="loanApplication.verify.bank">
Continue
</a>
<p>(to Bank Verification)</p>
</div>
</div>
<div ng-if="!_ctrl.currentLoan.incomeSummary.isVerified">
<br>
<h5>Upload More Documents</h5>
</div>
</div>
<div class="row" ng-if="!_ctrl.currentLoan.incomeSummary.isVerified">
<div class="form-group alert alert-info" style="overflow: hidden; margin-top: 1em; border: 0;"
ng-show="_ctrl.allowedDocTypes">
<label class="col-sm-6" for="uploadDocType" style="font-size: 110%;">What type of document is this?</label>
<div class="col-sm-6">
<select id="uploadDocType"
name="uploadDocType"
class="form-control"
placeholder="Type of ID"
ng-model="_ctrl.uploadDocType"
msg-required="Please select the type of document you are uploading">
<option ng-if="!value.adminOnly" ng-repeat="(key, value) in _ctrl.allowedDocTypes" value="{{key}}">{{value.text}}</option>
</select>
</div>
</div>
<div file-upload
on-success="_ctrl.onUploadSuccess"
generate-upload-url="_ctrl.generateUploadUrl"
on-file-added="_ctrl.onFileAdded"
on-remove-item="_ctrl.onRemoveItem"
error-message="We were unable to upload this document. If this problem persists, please call customer support.">
</div>
<div class="alert alert-danger text-center" ng-if="_ctrl.uploadError">
<span ng-bind="_ctrl.uploadError"></span>
</div>
</div>
<div ng-if="!_ctrl.currentLoan.incomeSummary.providers.decisionLogic.source.length && !_ctrl.currentLoan.incomeSummary.providers.decisionLogic.failReason">
(Actually, I'd like to try
<a href="" ng-click="_ctrl.setStatusGoNext('choseYodlee', 'loanApplication.verify.income.decisionLogic')">that automatic income verification thing</a>.)
</div>
</div>
</div>