viithiisys / adminAcufuel

Download as
Browse Code ยป

Commit e5f3b4dd368d8e2b3a8c56219203d7573a78b141

Authored by Kuldeep Arora
1 parent e2ab11a77a
Exists in master

minor

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