client-ui/source/verify/identity/identity-document.html

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

<div class="col-sm-10 col-sm-offset-1 text-center"  ng-init="_ctrl = identityDocumentController; _ctrl.init()">
    <div class="row">
        <h3 class="no-space">Photo ID Upload</h3>
        <div class="text-left">
            <h6 ng-if="!_ctrl.uploadedDocs.length">We need you to upload a photo ID so we can verify your identity.
                <br><br>Please make sure your name and address match what you provided earlier in your application.
                <br><br>If the back of your photo ID contains additional information -- such as an address change sticker -- please include it.
                <br><br>We accept State or Government issued ID such as Driver's License, State ID, Military ID, or Passport.
            </h6>
            <h6 ng-if="_ctrl.uploadedDocs.length">
                Thanks for uploading your document{{_ctrl.uploadedDocs.length > 1 ? 's' : ''}}.
                <span ng-if="_ctrl.client.hasPendingIdDocs && _ctrl.client.requestIdDoc">We'll review {{_ctrl.uploadedDocs.length > 1 ? 'them' : 'it'}} as soon as possible.</span>
                <span ng-if="!_ctrl.client.requestIdDoc">Everything looks good. Go ahead to the final step!<br/><br/></span>
                <span ng-if="!_ctrl.client.hasPendingIdDocs && _ctrl.client.requestIdDoc">Unfortunately, we didn't quite get what we needed.</span>
                <span ng-if="_ctrl.client.requestIdDoc">You can upload more files below, or <a href="talk-to-us.html">contact us</a> for more information about this process.</span>
                <span ng-if="_ctrl.client.requestIdDoc && _ctrl.client.hasPendingIdDocs"><br/><br/>During business hours, verification generally takes less than 15 minutes.</span>
            </h6>
        </div>
        <div ng-if="_ctrl.uploadedDocs.length">
            <div ng-if="!_ctrl.client.requestIdDoc">
                <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>
                <div ng-if="_ctrl.client.requestIdDoc">
                    <a class="btn btn-success large-btn" ui-sref="loanDashboard.myDashboard">
                        Continue
                    </a>
                </div>
            </div>
            <div ng-if="_ctrl.client.requestIdDoc">
                <hr style="margin-top: 2em; margin-bottom: 2em;" />
                <h5>Upload More Documents</h5>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12" ng-if="_ctrl.client.requestIdDoc">
                <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 photo ID 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 ID 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>
    </div>
</div>