viithiisys / adminAcufuel

Download as
Browse Code ยป

Commit d1cfbe896848077017985d8271363ea96fbfe220

Authored by Anchit Jindal
1 parent 5139fa05b6
Exists in master

minor design changes

Showing 1 changed file with 4 additions and 1 deletions   Show diff stats
app/views/updateFBODept/updateFBODept.html
Diff comments   View file @d1cfbe8
1 1
2 <div class="row wrapper border-bottom white-bg page-heading"> 2 <div class="row wrapper border-bottom white-bg page-heading">
3 <div class="col-lg-3"> 3 <div class="col-lg-3">
4 <!-- <h2 ng-click="editName()" ng-show="showCompany" style="cursor: pointer;">{{user.companyName}}</h2> --> 4 <!-- <h2 ng-click="editName()" ng-show="showCompany" style="cursor: pointer;">{{user.companyName}}</h2> -->
5 <div style="margin-top: 20px;"><input type="text" placeholder="Enter Company Name" ng-model="user.companyName" class="form-control"></div> 5 <div style="margin-top: 20px;"><input type="text" placeholder="Enter Company Name" ng-model="user.companyName" class="form-control"></div>
6 </div> 6 </div>
7 <div class="col-lg-2">
8 <div style="margin-top: 20px;"><input type="text" placeholder="Enter ICAO" ng-model="user.icao" class="form-control"></div>
9 </div>
7 <div class="col-lg-3" style="margin-top: 20px;"> 10 <div class="col-lg-3" style="margin-top: 20px;">
8 <button type="button" class="btn btn-w-m btn-danger" ng-click="deleteData()">Delete Account</button> 11 <button type="button" class="btn btn-w-m btn-danger" ng-click="deleteData()">Delete Account</button>
9 </div> 12 </div>
10 <div class="col-lg-6" style="margin-top: 20px; text-align: right;"> 13 <div class="col-lg-4" style="margin-top: 20px; text-align: right;">
11 <button type="button" class="btn btn-default btn-sm" ui-sref="index.flightDept">Cancel</button> 14 <button type="button" class="btn btn-default btn-sm" ui-sref="index.flightDept">Cancel</button>
12 <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button> 15 <button type="button" class="btn btn-primary btn-sm" ng-click="userData()">Save Changes</button>
13 </div> 16 </div>
14 </div> 17 </div>
15 <div class="wrapper wrapper-content animated fadeInRight"> 18 <div class="wrapper wrapper-content animated fadeInRight">
16 <div class="row"> 19 <div class="row">
17 <div class="col-lg-7"> 20 <div class="col-lg-7">
18 <div class="ibox float-e-margins"> 21 <div class="ibox float-e-margins">
19 <div class="ibox-title"> 22 <div class="ibox-title">
20 <div class="pull-left"> 23 <div class="pull-left">
21 <h5>Contact Information</h5> 24 <h5>Contact Information</h5>
22 </div> 25 </div>
23 <div class="pull-right my-toggle-switch"> 26 <div class="pull-right my-toggle-switch">
24 <div class="switch"> 27 <div class="switch">
25 <div class="onoffswitch"> 28 <div class="onoffswitch">
26 <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1"> 29 <input type="checkbox" ng-checked="status === true" ng-model="status" ng-init="status = true" class="onoffswitch-checkbox" id="example1">
27 <label class="onoffswitch-label" for="example1"> 30 <label class="onoffswitch-label" for="example1">
28 <span class="onoffswitch-inner"></span> 31 <span class="onoffswitch-inner"></span>
29 <span class="onoffswitch-switch"></span> 32 <span class="onoffswitch-switch"></span>
30 </label> 33 </label>
31 </div> 34 </div>
32 </div> 35 </div>
33 </div> 36 </div>
34 <div class="clearfix"></div> 37 <div class="clearfix"></div>
35 </div> 38 </div>
36 <div class="ibox-content"> 39 <div class="ibox-content">
37 <div class="row"> 40 <div class="row">
38 <form role="form"> 41 <form role="form">
39 <div class="col-sm-6 b-r"> 42 <div class="col-sm-6 b-r">
40 <!-- <div class="form-group"><label>Company Name</label> <input type="text" placeholder="Company Name" ng-model="user.companyName" class="form-control"></div> --> 43 <!-- <div class="form-group"><label>Company Name</label> <input type="text" placeholder="Company Name" ng-model="user.companyName" class="form-control"></div> -->
41 <div class="form-group"><label>Email Username</label> <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control" ng-blur="checkUsername()"></div> 44 <div class="form-group"><label>Email Username</label> <input type="email" placeholder="Email Username" ng-model="user.email" class="form-control" ng-blur="checkUsername()"></div>
42 <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"></div> 45 <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" ng-model="user.firstName" class="form-control"></div>
43 <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"></div> 46 <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" ng-model="user.lastName" class="form-control"></div>
44 <!-- <div> 47 <!-- <div>
45 <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button> 48 <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button>
46 <label> <input type="checkbox" class="i-checks"> Remember me </label> 49 <label> <input type="checkbox" class="i-checks"> Remember me </label>
47 </div> --> 50 </div> -->
48 51
49 </div> 52 </div>
50 <div class="col-sm-6"> 53 <div class="col-sm-6">
51 <!-- <div class="form-group"><label>Password</label> <input type="password" ng-model="user.password" placeholder="Password" class="form-control"></div> --> 54 <!-- <div class="form-group"><label>Password</label> <input type="password" ng-model="user.password" placeholder="Password" class="form-control"></div> -->
52 <div class="form-group"><label>Phone</label> <input type="tel" ng-model="user.phone" placeholder="Phone" class="form-control"></div> 55 <div class="form-group"><label>Phone</label> <input type="tel" ng-model="user.phone" placeholder="Phone" class="form-control"></div>
53 <div class="form-group"><label>Mobile</label> <input type="tel" ng-model="user.mobile" placeholder="Mobile" class="form-control"></div> 56 <div class="form-group"><label>Mobile</label> <input type="tel" ng-model="user.mobile" placeholder="Mobile" class="form-control"></div>
54 </div> 57 </div>
55 </form> 58 </form>
56 </div> 59 </div>
57 </div> 60 </div>
58 </div> 61 </div>
59 </div> 62 </div>
60 <div class="col-lg-5"> 63 <div class="col-lg-5">
61 <div class="ibox float-e-margins"> 64 <div class="ibox float-e-margins">
62 <div class="ibox-title"> 65 <div class="ibox-title">
63 <h5>Client Notes</h5> 66 <h5>Client Notes</h5>
64 67
65 </div> 68 </div>
66 <div class="ibox-content"> 69 <div class="ibox-content">
67 <div class="row"> 70 <div class="row">
68 <form role="form"> 71 <form role="form">
69 <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea> 72 <textarea class="form-control" rows="10" ng-model="user.clientNote" id="comment"></textarea>
70 </form> 73 </form>
71 </div> 74 </div>
72 </div> 75 </div>
73 76
74 </div> 77 </div>
75 </div> 78 </div>
76 </div> 79 </div>
77 </div> 80 </div>
78 81
79 <div> 82 <div>
80 <div class="row"> 83 <div class="row">
81 <div class="col-lg-7"> 84 <div class="col-lg-7">
82 <div class="ibox float-e-margins"> 85 <div class="ibox float-e-margins">
83 <div class="ibox-title"> 86 <div class="ibox-title">
84 <div> 87 <div>
85 <h3 style="float: left;">Aircraft List</h3> 88 <h3 style="float: left;">Aircraft List</h3>
86 </div> 89 </div>
87 <div class="pull-right"> 90 <div class="pull-right">
88 <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal4">+ Add</button> 91 <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal4">+ Add</button>
89 </div> 92 </div>
90 <div class="clearfix"></div> 93 <div class="clearfix"></div>
91 <div class="modal inmodal" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true"> 94 <div class="modal inmodal" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true">
92 <div class="modal-dialog"> 95 <div class="modal-dialog">
93 <div class="modal-content animated fadeIn"> 96 <div class="modal-content animated fadeIn">
94 <div class="modal-header"> 97 <div class="modal-header">
95 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 98 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
96 <!-- <i class="fa fa-clock-o modal-icon"></i> --> 99 <!-- <i class="fa fa-clock-o modal-icon"></i> -->
97 <h4 class="modal-title">Add Aircraft</h4> 100 <h4 class="modal-title">Add Aircraft</h4>
98 <!-- <small>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</small> --> 101 <!-- <small>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</small> -->
99 </div> 102 </div>
100 <div class="modal-body" style="padding: 15px;"> 103 <div class="modal-body" style="padding: 15px;">
101 <table class="table table-bordered table-hover table-striped"> 104 <table class="table table-bordered table-hover table-striped">
102 <thead> 105 <thead>
103 <tr> 106 <tr>
104 <th>Tail</th> 107 <th>Tail</th>
105 <th>Make</th> 108 <th>Make</th>
106 <th>Model</th> 109 <th>Model</th>
107 <th>Size</th> 110 <th>Size</th>
108 </tr> 111 </tr>
109 </thead> 112 </thead>
110 <tbody> 113 <tbody>
111 <tr> 114 <tr>
112 <td> 115 <td>
113 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 116 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
114 </td> 117 </td>
115 <td style="width: 30%"> 118 <td style="width: 30%">
116 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 119 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
117 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 120 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
118 </select> 121 </select>
119 </td> 122 </td>
120 <td style="width: 30%"> 123 <td style="width: 30%">
121 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 124 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
122 <option ng-repeat="model in aircraftModalList">{{model}}</option> 125 <option ng-repeat="model in aircraftModalList">{{model}}</option>
123 </select> 126 </select>
124 </td> 127 </td>
125 <td style="width: 30%"> 128 <td style="width: 30%">
126 <select class="form-control" ng-model="aircraft.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftSizeList"></select> 129 <select class="form-control" ng-model="aircraft.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftSizeList"></select>
127 130
128 <!-- <select class="form-control" ng-model="aircraft.size"> 131 <!-- <select class="form-control" ng-model="aircraft.size">
129 <option ng-repeat="size in aircraftSizeList">{{size.aircraftSize.size}}</option> 132 <option ng-repeat="size in aircraftSizeList">{{size.aircraftSize.size}}</option>
130 </select> --> 133 </select> -->
131 </td> 134 </td>
132 </tr> 135 </tr>
133 </tbody> 136 </tbody>
134 </table> 137 </table>
135 </div> 138 </div>
136 <div class="modal-footer"> 139 <div class="modal-footer">
137 <button type="button" class="btn btn-white" data-dismiss="modal">Close</button> 140 <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
138 <button type="button" class="btn btn-primary" ng-click="addAircraft()">Save changes</button> 141 <button type="button" class="btn btn-primary" ng-click="addAircraft()">Save changes</button>
139 </div> 142 </div>
140 </div> 143 </div>
141 </div> 144 </div>
142 </div> 145 </div>
143 </div> 146 </div>
144 <div class="ibox-content"> 147 <div class="ibox-content">
145 <div class="table-responsive"> 148 <div class="table-responsive">
146 <table class="table table-bordered table-hover table-striped"> 149 <table class="table table-bordered table-hover table-striped">
147 <thead> 150 <thead>
148 <tr> 151 <tr>
149 <th>Tail</th> 152 <th>Tail</th>
150 <th>Make</th> 153 <th>Make</th>
151 <th>Model</th> 154 <th>Model</th>
152 <th>Size</th> 155 <th>Size</th>
153 <th>Actions</th> 156 <th>Actions</th>
154 </tr> 157 </tr>
155 </thead> 158 </thead>
156 <tbody> 159 <tbody>
157 <tr ng-repeat="airData in getCraftList track by $index"> 160 <tr ng-repeat="airData in getCraftList track by $index">
158 <td> 161 <td>
159 <input type="text" style="width:100px;" ng-model="airData.tail" class="form-control"> 162 <input type="text" style="width:100px;" ng-model="airData.tail" class="form-control">
160 </td> 163 </td>
161 <td> 164 <td>
162 <select class="form-control" ng-model="airData.make"> 165 <select class="form-control" ng-model="airData.make">
163 <option>{{airData.make}}</option> 166 <option>{{airData.make}}</option>
164 </select> 167 </select>
165 </td> 168 </td>
166 <td> 169 <td>
167 <select class="form-control" ng-model="airData.model"> 170 <select class="form-control" ng-model="airData.model">
168 <option>{{airData.model}}</option> 171 <option>{{airData.model}}</option>
169 </select> 172 </select>
170 </td> 173 </td>
171 <td> 174 <td>
172 <!-- <select class="form-control" ng-model="airData.sizeId" ng-options="airData.userAircraftSize.id as airData.userAircraftSize.size for airData in getCraftList"></select> --> 175 <!-- <select class="form-control" ng-model="airData.sizeId" ng-options="airData.userAircraftSize.id as airData.userAircraftSize.size for airData in getCraftList"></select> -->
173 <select class="form-control" ng-model="airData.sizeId"> 176 <select class="form-control" ng-model="airData.sizeId">
174 <option value="{{airData.sizeId}}">{{airData.size}}</option> 177 <option value="{{airData.sizeId}}">{{airData.size}}</option>
175 </select> 178 </select>
176 </td> 179 </td>
177 <td> 180 <td>
178 <i style="margin-top: 10px;" class="fa fa-pencil" ng-click="update(airData)"></i>&nbsp; 181 <i style="margin-top: 10px;" class="fa fa-pencil" ng-click="update(airData)"></i>&nbsp;
179 <i class="fa fa-trash" ng-click="remove(airData)"></i> 182 <i class="fa fa-trash" ng-click="remove(airData)"></i>
180 </td> 183 </td>
181 </tr> 184 </tr>
182 </tbody> 185 </tbody>
183 </table> 186 </table>
184 </div> 187 </div>
185 <div class="clearfix"></div> 188 <div class="clearfix"></div>
186 </div> 189 </div>
187 </div> 190 </div>
188 </div> 191 </div>
189 <div class="modal inmodal" id="myModal5" tabindex="-1" role="dialog" aria-hidden="true"> 192 <div class="modal inmodal" id="myModal5" tabindex="-1" role="dialog" aria-hidden="true">
190 <div class="modal-dialog"> 193 <div class="modal-dialog">
191 <div class="modal-content animated fadeIn"> 194 <div class="modal-content animated fadeIn">
192 <div class="modal-header"> 195 <div class="modal-header">
193 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 196 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
194 <!-- <i class="fa fa-clock-o modal-icon"></i> --> 197 <!-- <i class="fa fa-clock-o modal-icon"></i> -->
195 <h4 class="modal-title">Update Aircraft</h4> 198 <h4 class="modal-title">Update Aircraft</h4>
196 <!-- <small>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</small> --> 199 <!-- <small>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</small> -->
197 </div> 200 </div>
198 <div class="modal-body" style="padding: 15px;"> 201 <div class="modal-body" style="padding: 15px;">
199 <table class="table table-bordered table-hover table-striped"> 202 <table class="table table-bordered table-hover table-striped">
200 <thead> 203 <thead>
201 <tr> 204 <tr>
202 <th>Tail</th> 205 <th>Tail</th>
203 <th>Make</th> 206 <th>Make</th>
204 <th>Model</th> 207 <th>Model</th>
205 <th>Size</th> 208 <th>Size</th>
206 </tr> 209 </tr>
207 </thead> 210 </thead>
208 <tbody> 211 <tbody>
209 <tr> 212 <tr>
210 <td> 213 <td>
211 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 214 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
212 </td> 215 </td>
213 <td style="width: 30%"> 216 <td style="width: 30%">
214 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 217 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
215 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 218 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
216 </select> 219 </select>
217 </td> 220 </td>
218 <td style="width: 30%"> 221 <td style="width: 30%">
219 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 222 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
220 <option ng-repeat="model in aircraftModalList">{{model}}</option> 223 <option ng-repeat="model in aircraftModalList">{{model}}</option>
221 </select> 224 </select>
222 </td> 225 </td>
223 <td style="width: 30%"> 226 <td style="width: 30%">
224 <select class="form-control" ng-model="aircraft.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftSizeList"></select> 227 <select class="form-control" ng-model="aircraft.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftSizeList"></select>
225 228
226 <!-- <select class="form-control" ng-model="aircraft.size"> 229 <!-- <select class="form-control" ng-model="aircraft.size">
227 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 230 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
228 </select> --> 231 </select> -->
229 </td> 232 </td>
230 </tr> 233 </tr>
231 </tbody> 234 </tbody>
232 </table> 235 </table>
233 </div> 236 </div>
234 <div class="modal-footer"> 237 <div class="modal-footer">
235 <button type="button" class="btn btn-white" ng-click="closeModal()">Close</button> 238 <button type="button" class="btn btn-white" ng-click="closeModal()">Close</button>
236 <button type="button" class="btn btn-primary" ng-click="updateAircraft(aircraft)">Save changes</button> 239 <button type="button" class="btn btn-primary" ng-click="updateAircraft(aircraft)">Save changes</button>
237 </div> 240 </div>
238 </div> 241 </div>
239 </div> 242 </div>
240 </div> 243 </div>
241 <div class="col-lg-5"> 244 <div class="col-lg-5">
242 <div class="ibox float-e-margins"> 245 <div class="ibox float-e-margins">
243 <div class="ibox-title"> 246 <div class="ibox-title">
244 <h5>Account Authenticatio & Payment Method</h5> 247 <h5>Account Authenticatio & Payment Method</h5>
245 248
246 </div> 249 </div>
247 <div class="ibox-content"> 250 <div class="ibox-content">
248 <div class="row" ng-repeat="payment in paymentList" ng-click="openCard(payment)" style="cursor: pointer;" ng-show="showPayments"> 251 <div class="row" ng-repeat="payment in paymentList" ng-click="openCard(payment)" style="cursor: pointer;" ng-show="showPayments">
249 <div class="col-md-3"> 252 <div class="col-md-3">
250 <img src="images/master.png"> 253 <img src="images/master.png">
251 </div> 254 </div>
252 <div class="col-md-9"> 255 <div class="col-md-9">
253 <div class="col"> 256 <div class="col">
254 <span style="font-size: large; color: #909394;">**** **** **** {{payment.cardNumber | limitTo: -4}}</span> 257 <span style="font-size: large; color: #909394;">**** **** **** {{payment.cardNumber | limitTo: -4}}</span>
255 </div> 258 </div>
256 <div class="col"> 259 <div class="col">
257 <span><strong>Expiry Date: </strong>{{payment.expiryDate}}</span> 260 <span><strong>Expiry Date: </strong>{{payment.expiryDate}}</span>
258 </div> 261 </div>
259 </div> 262 </div>
260 <div class="clearfix"></div> 263 <div class="clearfix"></div>
261 <!-- <br> 264 <!-- <br>
262 265
263 <div class="col-md-3"> 266 <div class="col-md-3">
264 <img src="images/visa1.png"> 267 <img src="images/visa1.png">
265 </div> 268 </div>
266 <div class="col-md-9"> 269 <div class="col-md-9">
267 <div class="col"> 270 <div class="col">
268 <span style="font-size: large; color: #909394;">**** **** **** 1060</span> 271 <span style="font-size: large; color: #909394;">**** **** **** 1060</span>
269 </div> 272 </div>
270 <div class="col"> 273 <div class="col">
271 <span><strong>Expiry Date:</strong>10/16</span> 274 <span><strong>Expiry Date:</strong>10/16</span>
272 </div> 275 </div>
273 </div> 276 </div>
274 <div class="clearfix"></div> --> 277 <div class="clearfix"></div> -->
275 </div> 278 </div>
276 <div class="row" ng-hide="showPayments"> 279 <div class="row" ng-hide="showPayments">
277 <div class="container"> 280 <div class="container">
278 <div class="row"> 281 <div class="row">
279 <div class="col-xs-12 col-md-4"> 282 <div class="col-xs-12 col-md-4">
280 <div class="panel panel-default credit-card-box"> 283 <div class="panel panel-default credit-card-box">
281 <div class="panel-heading display-table" > 284 <div class="panel-heading display-table" >
282 <div class="row display-tr" > 285 <div class="row display-tr" >
283 <h3 class="panel-title display-td" >Payment Details</h3> 286 <h3 class="panel-title display-td" >Payment Details</h3>
284 <div class="display-td" > 287 <div class="display-td" >
285 <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png"> 288 <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png">
286 </div> 289 </div>
287 </div> 290 </div>
288 </div> 291 </div>
289 <div class="panel-body"> 292 <div class="panel-body">
290 <form role="form" id="payment-form"> 293 <form role="form" id="payment-form">
291 <div class="row"> 294 <div class="row">
292 <div class="col-xs-12"> 295 <div class="col-xs-12">
293 <div class="form-group"> 296 <div class="form-group">
294 <label for="cardNumber">CARD NUMBER</label> 297 <label for="cardNumber">CARD NUMBER</label>
295 <div class="input-group"> 298 <div class="input-group">
296 <input type="tel" ng-model="data.cardNumber" maxlength="16" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardNumber" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus> 299 <input type="tel" ng-model="data.cardNumber" maxlength="16" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardNumber" placeholder="Valid Card Number" autocomplete="cc-number" required autofocus>
297 <span class="input-group-addon"><i class="fa fa-credit-card"></i></span> 300 <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
298 </div> 301 </div>
299 </div> 302 </div>
300 </div> 303 </div>
301 </div> 304 </div>
302 <div class="row"> 305 <div class="row">
303 <div class="col-xs-7 col-md-7"> 306 <div class="col-xs-7 col-md-7">
304 <div class="form-group"> 307 <div class="form-group">
305 <label for="cardExpiry"><span class="hidden-xs">EXPIRATION</span><span class="visible-xs-inline">EXP</span> DATE</label> 308 <label for="cardExpiry"><span class="hidden-xs">EXPIRATION</span><span class="visible-xs-inline">EXP</span> DATE</label>
306 <input type="text" ng-model="data.expiryDate" class="form-control" name="cardExpiry" placeholder="MM / YY" autocomplete="cc-exp" 309 <input type="text" ng-model="data.expiryDate" class="form-control" name="cardExpiry" placeholder="MM / YY" autocomplete="cc-exp"
307 required> 310 required>
308 </div> 311 </div>
309 </div> 312 </div>
310 <div class="col-xs-5 col-md-5 pull-right"> 313 <div class="col-xs-5 col-md-5 pull-right">
311 <div class="form-group"> 314 <div class="form-group">
312 <label for="cardCVC">CVV CODE</label> 315 <label for="cardCVC">CVV CODE</label>
313 <input type="number" maxlength="3" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardCVC" placeholder="CVC" autocomplete="cc-csc" 316 <input type="number" maxlength="3" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" class="form-control" name="cardCVC" placeholder="CVC" autocomplete="cc-csc"
314 required> 317 required>
315 </div> 318 </div>
316 </div> 319 </div>
317 </div> 320 </div>
318 <div class="row"> 321 <div class="row">
319 <div class="col-xs-12"> 322 <div class="col-xs-12">
320 <div class="form-group"> 323 <div class="form-group">
321 <label for="name">Card Type</label> 324 <label for="name">Card Type</label>
322 <select class="form-control m-b" name="account" ng-model="data.cardType" style="margin-bottom: 0;"> 325 <select class="form-control m-b" name="account" ng-model="data.cardType" style="margin-bottom: 0;">
323 <option value="creditCard" selected>Credit Card</option> 326 <option value="creditCard" selected>Credit Card</option>
324 <option value="debitCard">Debit Card</option> 327 <option value="debitCard">Debit Card</option>
325 </select> 328 </select>
326 </div> 329 </div>
327 </div> 330 </div>
328 </div> 331 </div>
329 <div class="row"> 332 <div class="row">
330 <div class="col-xs-12"> 333 <div class="col-xs-12">
331 <button class="btn btn-success btn-lg btn-block" type="submit" ng-click="updateCard()">Update Card</button> 334 <button class="btn btn-success btn-lg btn-block" type="submit" ng-click="updateCard()">Update Card</button>
332 </div> 335 </div>
333 </div> 336 </div>
334 <div class="row" style="display:none;"> 337 <div class="row" style="display:none;">
335 <div class="col-xs-12"> 338 <div class="col-xs-12">
336 <p class="payment-errors"></p> 339 <p class="payment-errors"></p>
337 </div> 340 </div>
338 </div> 341 </div>
339 </form> 342 </form>
340 </div> 343 </div>
341 </div> 344 </div>
342 </div> 345 </div>
343 </div> 346 </div>
344 </div> 347 </div>
345 </div> 348 </div>
346 </div> 349 </div>
347 </div> 350 </div>
348 </div> 351 </div>
349 </div> 352 </div>
350 </div> 353 </div>
351 </div> 354 </div>
352 <script type="text/javascript" src="https://js.stripe.com/v2/"></script> 355 <script type="text/javascript" src="https://js.stripe.com/v2/"></script>