Blame view
app/partials/fuelManager/fuelManager.html
24 KB
feacde5ff
|
1 2 3 4 |
<style> .subnavbar .mainnav > li:nth-child(2) > a{ color: #ff9900; } |
68c767613
![]() |
5 6 7 8 9 10 |
button > i{ cursor: pointer !important; } button[disabled] > i{ cursor: not-allowed !important; } |
feacde5ff
|
11 |
</style> |
ec746c7d9
![]() |
12 13 14 |
<div class="myLoader" ng-show="showLoader"> <img src="../img/hourglass.gif" width="50px;"> </div> |
32ea0c476
![]() |
15 16 17 18 |
<div class="container"> |
feacde5ff
|
19 20 21 22 |
<div class="row"> <div class="col-md-10"> <div class="widget stacked"> <div class="widget-header"> |
4bb02bb84
|
23 |
<i class="fa fa-pencil"></i> |
feacde5ff
|
24 |
<h3>Ramp Fee Manager</h3> |
68c767613
![]() |
25 |
<select style="float: right; margin: 8px 10px;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> |
32ea0c476
![]() |
26 27 |
<option disabled selected value="">Ramp Fee By Category</option> <option ng-repeat="modals in dropOptions" value="{{modals.size}}">{{modals.size}}</option> |
feacde5ff
|
28 29 30 |
</select> </div> <!-- /widget-header --> |
32ea0c476
![]() |
31 32 |
<div class="widget-content new-widget-content"> <section id="accordions1"> |
4b64fa3a3
![]() |
33 |
<div class="newCustomAccordian"> |
32ea0c476
![]() |
34 35 36 37 38 39 40 41 42 43 44 |
<div class="col-md-9 feeManagerLeft" style="padding: 0;"> <div ng-repeat="list in fullJetList"> <div class="new-tab-heading"> <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i> <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i> <span>{{list.type}}</span> </div> <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;"> <div class="new-tab-body-th"> |
8f7dbe97c
![]() |
45 |
<div class="col-md-4"> |
32ea0c476
![]() |
46 47 48 49 50 51 52 53 |
Aircraft Size </div> <div class="col-md-2"> Ramp/Facil. Fee </div> <div class="col-md-2"> Avoidance </div> |
8f7dbe97c
![]() |
54 |
<div class="col-md-2" ng-if="list.type != 'CUSTOM'"> |
32ea0c476
![]() |
55 56 57 58 59 |
Expiration Date </div> <div class="col-md-2"> Applicable </div> |
9732e9b36
![]() |
60 61 62 |
<div class="col-md-1" ng-if="list.type == 'CUSTOM'"> </div> |
32ea0c476
![]() |
63 64 65 66 |
<div class="clearfix"></div> </div> <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize"> <div> |
8f7dbe97c
![]() |
67 |
<div class="col-md-4"> |
32ea0c476
![]() |
68 69 70 71 |
<i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i> <span style="margin-left: 5px;">{{jets.size}}</span> </div> <div class="col-md-2"> |
302b19c4e
|
72 |
<div style="width: 50px; margin: auto; position: relative;"> |
1e4a5e924
|
73 |
<input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" ng-value="jets.rampFeesAndAvoidance.rampFees | number : 2" placeholder="0.00" style="padding: 5px 5px;" decimal-number /> |
302b19c4e
|
74 75 |
<span style="position: absolute; top: 0; left: -10;">$</span> </div> |
32ea0c476
![]() |
76 77 78 79 |
</div> <div class="col-md-2"> <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" style="padding: 5px 5px;"> </div> |
8f7dbe97c
![]() |
80 |
<div class="col-md-2" ng-if="list.type != 'CUSTOM'"> |
32ea0c476
![]() |
81 82 83 |
<!-- <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> --> |
8f7dbe97c
![]() |
84 |
<input type="text" ng-if="list.type != 'CUSTOM'" datepicker ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.expirationDate" style="width: 90px; padding: 5px 5px;" /> |
32ea0c476
![]() |
85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
</div> <div class="col-md-2"> <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> --> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable"> <label class="onoffswitch-label" for="{{jets.id}}{{$index}}"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"> <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> </span> </label> </div> </div> |
9732e9b36
![]() |
100 |
<div class="col-md-1" ng-if="list.type == 'CUSTOM'"> |
68c767613
![]() |
101 102 103 |
<button type="button" ng-disabled="jets.rampFeesAndAvoidance == null" ng-click="deleteCustomJet(jets.rampFeesAndAvoidance.id)" style="border: none; background-color: transparent; padding: 0;"> <i class="fa fa-trash-o deleteTierIcon" style="cursor: default;" aria-hidden="true"></i> </button> |
9732e9b36
![]() |
104 |
</div> |
32ea0c476
![]() |
105 106 107 108 109 110 111 112 |
<div class="clearfix"></div> </div> <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}"> <div class="col-xs-12"> <div class="col-xs-12"> <div class="appliesTableHeading">Applies To:</div> <div class="appliesTableBody"> <div class="firstDiv"> |
302b19c4e
|
113 |
<label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts" class="checkLabel">{{aircraftList.model}}<span>, </span></label> |
32ea0c476
![]() |
114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 |
</div> <div class="lastDiv"> <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea> <div class="reportedByTag"> <div class="confirmedTag">Confirmed</div> <table> <tr> <td width="50%"> Reported By: </td> <td width="50%"> {{jets.rampFeesAndAvoidance.reportedBy}} </td> </tr> <tr> <td width="50%"> Reported On: </td> <td width="50%"> |
8f7dbe97c
![]() |
133 134 |
<!-- {{jets.rampFeesAndAvoidance.reportedOn}} --> {{todayDateNew}} |
32ea0c476
![]() |
135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 |
</td> </tr> <tr> <td colspan="2"> <i>Click the Save Form button to Re-Confirm</i> </td> </tr> </table> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> </div> |
4b64fa3a3
![]() |
154 |
</div> |
4b64fa3a3
![]() |
155 |
</div> |
32ea0c476
![]() |
156 157 158 159 160 |
<div class="col-md-3 text-center feeManagerRight" style="padding: 0;"> <div class="text-center"> <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> <button type="reset" class="btn btn-default">Cancel</button> </div> |
4b64fa3a3
![]() |
161 |
</div> |
32ea0c476
![]() |
162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 |
<div class="clearfix"></div> <br/> </div> </section> </div> <!-- /widget-content --> </div> <!-- /widget --> </div> <!-- /span6 --> </div> <!-- /span12 --> </div> <!-- /container 2 --> <div ng-show="openRampFeeModal"> <div class="customBackdrop"> <div class="customModalInner"> <div class="customModelHead"> <p class="pull-left"> <i class="fa fa-list-alt" aria-hidden="true"></i> Add Ramp Fee </p> <p class="pull-right"> <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeRampFeeModel()"></i> </p> <div class="clearfix"></div> </div> <div class="customModelBody"> |
32ea0c476
![]() |
190 |
|
68c767613
![]() |
191 192 |
<div ng-show="showWeightForm"> |
32ea0c476
![]() |
193 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
194 |
Type: |
32ea0c476
![]() |
195 196 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
197 198 |
<select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> |
32ea0c476
![]() |
199 200 201 202 |
</select> </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
203 |
|
68c767613
![]() |
204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 |
<div> <div class="col-xs-12 col-sm-4"> Weight Range Min: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0.00" ng-model="customRampData.weightRangeMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> lbs. </div> <div class="clearfix"></div> <br/> <div class="col-xs-12 col-sm-4"> Weight Range Max: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0.00" ng-model="customRampData.weightRangeMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> lbs. </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
227 |
</div> |
68c767613
![]() |
228 229 230 231 232 233 234 235 236 237 |
<div> <div class="col-xs-12 col-sm-4"> Ramp/Facil. Fee($): </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customRampData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
238 |
</div> |
68c767613
![]() |
239 240 241 242 243 244 245 246 247 248 249 250 251 |
<div> <div class="col-xs-12 col-sm-4"> Avoidance: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customRampData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> gal. </div> <div class="clearfix"></div> </div> |
32ea0c476
![]() |
252 |
</div> |
68c767613
![]() |
253 254 |
<div ng-show="showMakeModelForm"> |
32ea0c476
![]() |
255 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
256 |
Type: |
32ea0c476
![]() |
257 258 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
259 260 261 |
<select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> </select> |
32ea0c476
![]() |
262 263 264 |
</div> <div class="clearfix"></div> <br/> |
68c767613
![]() |
265 266 267 268 269 270 271 272 273 274 275 276 |
<div> <div class="col-xs-12 col-sm-4"> Aircraft Make: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customMakeData.aircraftMake"> <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> </select> </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
277 |
</div> |
68c767613
![]() |
278 279 280 281 282 283 284 285 286 287 |
<div> <div class="col-xs-12 col-sm-4"> Ramp/Facil. Fee($): </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customMakeData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
288 |
</div> |
68c767613
![]() |
289 290 291 292 293 294 295 296 297 298 299 |
<div> <div class="col-xs-12 col-sm-4"> Avoidance: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customMakeData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> gal. </div> <div class="clearfix"></div> |
32ea0c476
![]() |
300 |
</div> |
68c767613
![]() |
301 |
|
32ea0c476
![]() |
302 |
</div> |
68c767613
![]() |
303 304 |
<div ng-show="showWingspanForm"> |
32ea0c476
![]() |
305 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
306 |
Type: |
32ea0c476
![]() |
307 308 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
309 310 311 |
<select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> </select> |
32ea0c476
![]() |
312 313 314 |
</div> <div class="clearfix"></div> <br/> |
68c767613
![]() |
315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 |
<div> <div class="col-xs-12 col-sm-4"> Wingspan Min: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0.00" ng-model="customWingspanData.wingspanMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> ft. </div> <div class="clearfix"></div> <br/> <div class="col-xs-12 col-sm-4"> Wingspan Max: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0.00" ng-model="customWingspanData.wingspanMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> ft. </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
339 |
</div> |
68c767613
![]() |
340 341 342 343 344 345 346 347 348 349 |
<div> <div class="col-xs-12 col-sm-4"> Ramp/Facil. Fee($): </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customWingspanData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
350 |
</div> |
68c767613
![]() |
351 352 353 354 355 356 357 358 359 360 361 |
<div> <div class="col-xs-12 col-sm-4"> Avoidance: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customWingspanData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> gal. </div> <div class="clearfix"></div> |
32ea0c476
![]() |
362 |
</div> |
68c767613
![]() |
363 |
|
32ea0c476
![]() |
364 |
</div> |
68c767613
![]() |
365 366 |
<div ng-show="showTailForm"> |
32ea0c476
![]() |
367 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
368 |
Type: |
32ea0c476
![]() |
369 370 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
371 372 373 |
<select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> </select> |
32ea0c476
![]() |
374 375 376 |
</div> <div class="clearfix"></div> <br/> |
68c767613
![]() |
377 378 379 380 381 382 383 384 385 386 387 388 |
<div> <div class="col-xs-12 col-sm-4"> Tail Numbers: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customTailData.tailNumber"> <!-- <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> --> </select> </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
389 |
</div> |
68c767613
![]() |
390 391 392 393 394 395 396 397 398 399 |
<div> <div class="col-xs-12 col-sm-4"> Ramp/Facil. Fee($): </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customTailData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
400 |
</div> |
68c767613
![]() |
401 402 403 404 405 406 407 408 409 410 411 |
<div> <div class="col-xs-12 col-sm-4"> Avoidance: </div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> <input type="number" value="0" ng-model="customTailData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > </div> <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> gal. </div> <div class="clearfix"></div> |
32ea0c476
![]() |
412 |
</div> |
68c767613
![]() |
413 |
|
32ea0c476
![]() |
414 415 416 417 |
</div> </div> <div class="customModelFooter text-center"> |
68c767613
![]() |
418 419 420 421 |
<input type="submit" value="Save" class="btn" ng-show="showWeightForm" ng-click="addCustomRampNew(customRampData)"> <input type="submit" value="Save" class="btn" ng-show="showMakeModelForm" ng-click="addCustomRampNew(customMakeData)"> <input type="submit" value="Save" class="btn" ng-show="showWingspanForm" ng-click="addCustomRampNew(customWingspanData)"> <input type="submit" value="Save" class="btn" ng-show="showTailForm" ng-click="addCustomRampNew(customTailData)"> |
32ea0c476
![]() |
422 423 424 425 426 |
<button class="btn" ng-click="closeRampFeeModel()">Cancel</button> </div> </div> </div> </div> |
68c767613
![]() |
427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 |
<div class="customConfirmPopBackdrop" id="confirm1"> <div class="customModalInner"> <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> <table> <tr> <td> <img src="img/info.png" style="width: 50px;"> </td> <td> <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Ramp Fee Template ?</p> </td> </tr> </table> </div> <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> </div> </div> </div> |
32ea0c476
![]() |
447 |
|
32ea0c476
![]() |
448 449 450 |
<!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> |
fb26e70bf
![]() |
451 |
|
9fabc0d40
![]() |
452 |
|
9fabc0d40
![]() |
453 454 455 456 457 458 459 460 461 462 463 464 465 466 |
<script src="js/jquery-3.1.1.min.js"></script> <script src="js/plugins/bootstrap-datepicker.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#data_1 .input-group.date').datepicker({ todayBtn: "linked", keyboardNavigation: false, forceParse: false, calendarWeeks: true, autoclose: true }); }) </script> |