Public Pastes
SHARE
TWEET

Untitled

a guest Dec 18th, 2014 209 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div ng-controller="PersonalController as ctrl">
  2.     <form name="personalForm" class="formValidation" ng-submit="ctrl.gotoNext();">
  3.         <div class="ApplicationHeader"><span class="icon-users"></span>Your Personal Information</div>
  4.  
  5.         <div class="row">
  6.             <div ng-cloak class="col-sm-3">
  7.                 <p>First Name</p>
  8.                 <input type="text"
  9.                       class="form-control"
  10.                       name="firstName"
  11.                       ng-model="ctrl.tslApplication.personalForm.firstName"
  12.                       ng-model-options="{updateOn: 'blur'}"
  13.                       placeholder="First Name"
  14.                       tabindex="1"
  15.                       required>
  16.                 <!--<div ng-messages="personalForm.firstName.$error" ng-messages-include="/Templates/messages.html"></div>-->
  17.             </div>
  18.  
  19.             <div class="col-sm-2">
  20.                 <p>Middle Name <span>(Optional)</span></p>
  21.                 <input type="text"
  22.                       class="form-control"
  23.                       name="middleName"
  24.                       ng-model="ctrl.tslApplication.personalForm.middleName"
  25.                       ng-model-options="{updateOn: 'blur'}"
  26.                       placeholder="Middle Name"
  27.                       tabindex="2">
  28.             </div>
  29.             <div class="col-sm-3">
  30.                 <p>Last Name</p>
  31.                 <input type="text"
  32.                       class="form-control"
  33.                       name="lastName"
  34.                       ng-model="ctrl.tslApplication.personalForm.lastName"
  35.                       ng-model-options="{updateOn: 'blur'}"
  36.                       placeholder="Last Name"
  37.                       tabindex="3"
  38.                       required>
  39.             </div>
  40.             <div class="col-sm-4">
  41.                 <p>Birth Date</p>
  42.                 <input type="text"
  43.                       class="form-control"
  44.                       xdsoft-date-time format="m/d/Y" time-picker=false
  45.                       name="birthday"
  46.                       ng-model="ctrl.tslApplication.personalForm.birthDay"
  47.                       ng-model-options="{updateOn: 'blur'}"
  48.                       placeholder="Example: 9/12/1983"
  49.                       tabindex="4"
  50.                       required />
  51.             </div>
  52.         </div>
  53.        
  54.         <!--<hr style="border-color:black;"/>-->
  55.  
  56.         <div class="row rowVertSpacer" id="ssnumbers">
  57.                 <div class="col-sm-3">
  58.                     <p>Social Security Number</p>
  59.                     <input type="password"
  60.                           class="form-control"
  61.                           name="ssn"
  62.                           maxlength="10"
  63.                           must-match
  64.                           match-model="ctrl.tslApplication.personalForm.ssn2"
  65.                           element-to-warn="ssnumbers"
  66.                           ng-model-options="{updateOn: 'blur'}"
  67.                           ng-model="ctrl.tslApplication.personalForm.ssn"
  68.                           placeholder="Example: 123-45-6789"
  69.                           tabindex="5"
  70.                           required />
  71.                 </div>
  72.                 <div class="col-sm-3">
  73.                     <p>Repeat Your Security Number</p>
  74.                     <input type="password"
  75.                           class="form-control"
  76.                           name="ssn"
  77.                           maxlength="10"
  78.                           must-match
  79.                           match-model="ctrl.tslApplication.personalForm.ssn"
  80.                           element-to-warn="ssnumbers"
  81.                           target-form="personalForm"
  82.                           ng-model="ctrl.tslApplication.personalForm.ssn2"
  83.                           ng-model-options="{updateOn: 'blur'}"
  84.                           placeholder="Example: 123-45-6789"
  85.                           tabindex="6"
  86.                           required />
  87.                 </div>
  88.             <div id="ssnError" class="col-sm-12" hidden style="color:red;">The social security numbers you provided, do not match!</div>
  89.         </div>
  90.         <hr style="border-color:black;" />
  91.         <div class="row rowVertSpacer">
  92.             <div class="col-sm-6">
  93.                 <p>Home Address</p>
  94.                 <input type="text"
  95.                       class="form-control"
  96.                       name="streetAddress"
  97.                       ng-model="ctrl.tslApplication.personalForm.streetAddress"
  98.                       ng-model-options="{updateOn: 'blur'}"
  99.                       placeholder="Example: 1001 S. Main Street"
  100.                       tabindex="7"
  101.                       required>
  102.             </div>
  103.  
  104.             <div class="col-sm-4">
  105.                 <p>Apartment Number <span>(Optional)</span></p>
  106.                 <input type="text"
  107.                       class="form-control"
  108.                       name="aptNumber"
  109.                       ng-model="ctrl.tslApplication.personalForm.aptNumber"
  110.                       ng-model-options="{updateOn: 'blur'}"
  111.                       placeholder="Example: #019"
  112.                       tabindex="8">
  113.             </div>
  114.             <div class="col-sm-2">
  115.                 <p>How long? ( Years )</p>
  116.                 <input type="text"
  117.                       class="form-control"
  118.                       name="durationAtCurrent"
  119.                       ng-model="ctrl.tslApplication.personalForm.residenceDuration"
  120.                       ng-model-options="{updateOn: 'blur'}"
  121.                       placeholder="Example: 1 Year"
  122.                       tabindex="9"
  123.                       required>
  124.             </div>
  125.         </div>
  126.  
  127.             <br />
  128.  
  129.             <div class="row rowVertSpacer">
  130.                 <div class="col-sm-4">
  131.                     <p>City</p>
  132.                     <input type="text"
  133.                           class="form-control"
  134.                           name="city"
  135.                           ng-model="ctrl.tslApplication.personalForm.city"
  136.                           ng-model-options="{updateOn: 'blur'}"
  137.                           placeholder="Example: Chicago"
  138.                           tabindex="10"
  139.                           required>
  140.  
  141.                 </div>
  142.  
  143.                 <div class="col-sm-4">
  144.                     <p>State</p>
  145.                     <div ng-class="{warningBox: personalForm.$submitted && ctrl.tslApplication.personalForm.state==null}">
  146.                         <ui-select ng-model="ctrl.tslApplication.personalForm.state"
  147.                                   theme="bootstrap"
  148.                                   tabindex="11"
  149.                                   required>
  150.                             <ui-select-match placeholder="Select your state from the list...">{{ctrl.tslApplication.personalForm.state}}</ui-select-match>
  151.                             <ui-select-choices repeat="state in ctrl.states | filter: $select.search">
  152.                                 <div ng-bind-html="state | highlight: $select.search"></div>
  153.                             </ui-select-choices>
  154.                         </ui-select>
  155.                     </div>
  156.                 </div>
  157.  
  158.                 <div class="col-sm-4">
  159.                     <p>Zip Code</p>
  160.                     <input type="text"
  161.                           class="form-control"
  162.                           name="zipCode"
  163.                           ui-mask="99999"
  164.                           ng-model="ctrl.tslApplication.personalForm.zip"
  165.                           ng-model-options="{updateOn: 'blur'}"
  166.                           placeholder="Example: 68144"
  167.                           tabindex="12"
  168.                           required>
  169.                 </div>
  170.             </div>
  171.             <br />
  172.  
  173.             <br />
  174.  
  175.  
  176.         <button tabindex="13" type="button" class="btn btn-default pull-left" ng-click="ctrl.gotoPrevious();"><span style="vertical-align:middle" class="glyphicon glyphicon-chevron-left"></span> Prev Page</button>
  177.         <button tabindex="14" type="submit" class="btn btn-default pull-right">Next Page <span style="vertical-align:middle" class="glyphicon glyphicon-chevron-right"></span></button>
  178.     </form>
  179. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top