Blame view
app/partials/fuelManager/fuelManager.html
23.6 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 72 73 74 75 76 |
<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"> <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" style="padding: 5px 5px;"> </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
![]() |
77 |
<div class="col-md-2" ng-if="list.type != 'CUSTOM'"> |
32ea0c476
![]() |
78 79 80 |
<!-- <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> --> |
8f7dbe97c
![]() |
81 |
<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
![]() |
82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 |
</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
![]() |
97 |
<div class="col-md-1" ng-if="list.type == 'CUSTOM'"> |
68c767613
![]() |
98 99 100 |
<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
![]() |
101 |
</div> |
32ea0c476
![]() |
102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 |
<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"> <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts">{{aircraftList.model}}</label> </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
![]() |
130 131 |
<!-- {{jets.rampFeesAndAvoidance.reportedOn}} --> {{todayDateNew}} |
32ea0c476
![]() |
132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 |
</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
![]() |
151 |
</div> |
4b64fa3a3
![]() |
152 |
</div> |
32ea0c476
![]() |
153 154 155 156 157 |
<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
![]() |
158 |
</div> |
32ea0c476
![]() |
159 160 161 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 |
<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
![]() |
187 |
|
68c767613
![]() |
188 189 |
<div ng-show="showWeightForm"> |
32ea0c476
![]() |
190 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
191 |
Type: |
32ea0c476
![]() |
192 193 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
194 195 |
<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
![]() |
196 197 198 199 |
</select> </div> <div class="clearfix"></div> <br/> |
32ea0c476
![]() |
200 |
|
68c767613
![]() |
201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 |
<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
![]() |
224 |
</div> |
68c767613
![]() |
225 226 227 228 229 230 231 232 233 234 |
<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
![]() |
235 |
</div> |
68c767613
![]() |
236 237 238 239 240 241 242 243 244 245 246 247 248 |
<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
![]() |
249 |
</div> |
68c767613
![]() |
250 251 |
<div ng-show="showMakeModelForm"> |
32ea0c476
![]() |
252 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
253 |
Type: |
32ea0c476
![]() |
254 255 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
256 257 258 |
<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
![]() |
259 260 261 |
</div> <div class="clearfix"></div> <br/> |
68c767613
![]() |
262 263 264 265 266 267 268 269 270 271 272 273 |
<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
![]() |
274 |
</div> |
68c767613
![]() |
275 276 277 278 279 280 281 282 283 284 |
<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
![]() |
285 |
</div> |
68c767613
![]() |
286 287 288 289 290 291 292 293 294 295 296 |
<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
![]() |
297 |
</div> |
68c767613
![]() |
298 |
|
32ea0c476
![]() |
299 |
</div> |
68c767613
![]() |
300 301 |
<div ng-show="showWingspanForm"> |
32ea0c476
![]() |
302 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
303 |
Type: |
32ea0c476
![]() |
304 305 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
306 307 308 |
<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
![]() |
309 310 311 |
</div> <div class="clearfix"></div> <br/> |
68c767613
![]() |
312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 |
<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
![]() |
336 |
</div> |
68c767613
![]() |
337 338 339 340 341 342 343 344 345 346 |
<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
![]() |
347 |
</div> |
68c767613
![]() |
348 349 350 351 352 353 354 355 356 357 358 |
<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
![]() |
359 |
</div> |
68c767613
![]() |
360 |
|
32ea0c476
![]() |
361 |
</div> |
68c767613
![]() |
362 363 |
<div ng-show="showTailForm"> |
32ea0c476
![]() |
364 |
<div class="col-xs-12 col-sm-4"> |
68c767613
![]() |
365 |
Type: |
32ea0c476
![]() |
366 367 |
</div> <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
68c767613
![]() |
368 369 370 |
<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
![]() |
371 372 373 |
</div> <div class="clearfix"></div> <br/> |
68c767613
![]() |
374 375 376 377 378 379 380 381 382 383 384 385 |
<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
![]() |
386 |
</div> |
68c767613
![]() |
387 388 389 390 391 392 393 394 395 396 |
<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
![]() |
397 |
</div> |
68c767613
![]() |
398 399 400 401 402 403 404 405 406 407 408 |
<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
![]() |
409 |
</div> |
68c767613
![]() |
410 |
|
32ea0c476
![]() |
411 412 413 414 |
</div> </div> <div class="customModelFooter text-center"> |
68c767613
![]() |
415 416 417 418 |
<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
![]() |
419 420 421 422 423 |
<button class="btn" ng-click="closeRampFeeModel()">Cancel</button> </div> </div> </div> </div> |
68c767613
![]() |
424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 |
<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
![]() |
444 |
|
32ea0c476
![]() |
445 446 447 |
<!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> |
fb26e70bf
![]() |
448 |
|
9fabc0d40
![]() |
449 |
|
9fabc0d40
![]() |
450 451 452 453 454 455 456 457 458 459 460 461 462 463 |
<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> |