Blame view

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