Commit 7e0d0bdd54761c8c026371c1f1bb09c234df1a78
1 parent
dadb461173
Exists in
master
update fuel order UI
Showing
3 changed files
with
150 additions
and
80 deletions
Show diff stats
app/partials/enterFuelOrder/enterFuelOrder.controller.js
1 | 'use strict'; | 1 | 'use strict'; |
2 | 2 | ||
3 | angular.module('acufuel') | 3 | angular.module('acufuel') |
4 | 4 | ||
5 | .controller('enterFuelOrderController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'enterFuelOrderService', enterFuelOrderController]); | 5 | .controller('enterFuelOrderController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'enterFuelOrderService', enterFuelOrderController]); |
6 | 6 | ||
7 | function enterFuelOrderController($scope, $rootScope, $uibModal, $filter, $http, enterFuelOrderService) { | 7 | function enterFuelOrderController($scope, $rootScope, $uibModal, $filter, $http, enterFuelOrderService) { |
8 | $scope.showLoader = true; | 8 | $scope.showLoader = true; |
9 | 9 | ||
10 | $scope.companyList = {}; | 10 | $scope.companyList = {}; |
11 | 11 | ||
12 | enterFuelOrderService.getAllCompanies().then(function(result) { | 12 | enterFuelOrderService.getAllCompanies().then(function(result) { |
13 | $scope.showLoader = false; | 13 | $scope.showLoader = false; |
14 | $scope.companyList = result; | 14 | $scope.companyList = result; |
15 | //console.log("---",result); | 15 | //console.log("---",result); |
16 | }) | 16 | }) |
17 | 17 | ||
18 | $scope.order = {}; | 18 | $scope.order = {}; |
19 | $scope.dispatchOrder = {}; | 19 | $scope.dispatchOrder = {}; |
20 | $scope.dispatchOrder.fuelOrderList = []; | 20 | $scope.dispatchOrder.fuelOrderList = []; |
21 | $scope.order.upliftDate = ''; | 21 | $scope.order.upliftDate = ''; |
22 | //$scope.order.departingDate = ''; | 22 | //$scope.order.departingDate = ''; |
23 | $scope.selectedCompanyName = ''; | 23 | $scope.selectedCompanyName = ''; |
24 | $scope.selectedCompanyId = ''; | 24 | $scope.selectedCompanyId = ''; |
25 | $scope.marginId = ''; | 25 | $scope.marginId = ''; |
26 | $scope.selectedTier = ''; | 26 | $scope.selectedTier = ''; |
27 | 27 | ||
28 | $scope.getAircraft = function(company){ | 28 | $scope.getAircraft = function(company){ |
29 | $scope.selectedCompanyName = company; | 29 | $scope.selectedCompanyName = company; |
30 | 30 | ||
31 | $scope.showLoader = true; | 31 | $scope.showLoader = true; |
32 | //console.log(--company---,$scope.selectedCompanyName); | 32 | //console.log(--company---,$scope.selectedCompanyName); |
33 | for (var i = 0; i < $scope.companyList.length; i++) { | 33 | for (var i = 0; i < $scope.companyList.length; i++) { |
34 | if ($scope.companyList[i].companyName == company) { | 34 | if ($scope.companyList[i].companyName == company) { |
35 | //console.log($scope.companyList[i].margin); | 35 | //console.log($scope.companyList[i].margin); |
36 | //console.log($scope.companyList[i].marginAVGAS); | 36 | //console.log($scope.companyList[i].marginAVGAS); |
37 | if($scope.companyList[i].margin != null && $scope.companyList[i].marginAVGAS != null){ | 37 | if($scope.companyList[i].margin != null && $scope.companyList[i].marginAVGAS != null){ |
38 | enterFuelOrderService.getFuelCost($scope.companyList[i].id).then(function(margins) { | 38 | enterFuelOrderService.getFuelCost($scope.companyList[i].id).then(function(margins) { |
39 | $scope.marginList = margins; | 39 | $scope.marginList = margins; |
40 | //console.log('$scope.marginList', $scope.marginList); | 40 | //console.log('$scope.marginList', $scope.marginList); |
41 | }) | 41 | }) |
42 | } else if ($scope.companyList[i].margin != null && $scope.companyList[i].marginAVGAS == null) { | 42 | } else if ($scope.companyList[i].margin != null && $scope.companyList[i].marginAVGAS == null) { |
43 | //console.log('--------------------',$scope.companyList[i].margin); | 43 | //console.log('--------------------',$scope.companyList[i].margin); |
44 | //console.log('--------------------',$scope.companyList[i].marginAVGAS); | 44 | //console.log('--------------------',$scope.companyList[i].marginAVGAS); |
45 | enterFuelOrderService.getATypeFuelPricing($scope.companyList[i].id).then(function(margins) { | 45 | enterFuelOrderService.getATypeFuelPricing($scope.companyList[i].id).then(function(margins) { |
46 | $scope.marginList = margins; | 46 | $scope.marginList = margins; |
47 | }) | 47 | }) |
48 | } else if ($scope.companyList[i].margin == null && $scope.companyList[i].marginAVGAS != null) { | 48 | } else if ($scope.companyList[i].margin == null && $scope.companyList[i].marginAVGAS != null) { |
49 | enterFuelOrderService.getVTypeFuelPricing($scope.companyList[i].id).then(function(margins) { | 49 | enterFuelOrderService.getVTypeFuelPricing($scope.companyList[i].id).then(function(margins) { |
50 | $scope.marginList = margins; | 50 | $scope.marginList = margins; |
51 | }) | 51 | }) |
52 | } else if ($scope.companyList[i].margin == null && $scope.companyList[i].marginAVGAS == null) { | 52 | } else if ($scope.companyList[i].margin == null && $scope.companyList[i].marginAVGAS == null) { |
53 | enterFuelOrderService.getPapFuelPricing($scope.companyList[i].id).then(function(margins) { | 53 | enterFuelOrderService.getPapFuelPricing($scope.companyList[i].id).then(function(margins) { |
54 | $scope.marginList = margins; | 54 | $scope.marginList = margins; |
55 | }) | 55 | }) |
56 | //console.log('--------------------',$scope.companyList[i].margin); | 56 | //console.log('--------------------',$scope.companyList[i].margin); |
57 | } | 57 | } |
58 | $scope.selectedCompanyId = $scope.companyList[i].id; | 58 | $scope.selectedCompanyId = $scope.companyList[i].id; |
59 | 59 | ||
60 | if ($scope.selectedCompanyId != '') { | 60 | if ($scope.selectedCompanyId != '') { |
61 | enterFuelOrderService.getAircraft($scope.selectedCompanyId).then(function(aircraft) { | 61 | enterFuelOrderService.getAircraft($scope.selectedCompanyId).then(function(aircraft) { |
62 | $scope.aircraftList = aircraft; | 62 | $scope.aircraftList = aircraft; |
63 | //console.log("aircraft",$scope.aircraftList); | 63 | //console.log("aircraft",$scope.aircraftList); |
64 | }) | 64 | }) |
65 | } | 65 | } |
66 | if($scope.companyList[i].margin == null) { | 66 | if($scope.companyList[i].margin == null) { |
67 | $scope.tierList = []; | 67 | $scope.tierList = []; |
68 | $scope.tierList.push({ | 68 | $scope.tierList.push({ |
69 | 'minTierBreak': '0', 'maxTierBreak': '∞' | 69 | 'minTierBreak': '0', 'maxTierBreak': '∞' |
70 | }); | 70 | }); |
71 | $scope.showLoader = false; | 71 | $scope.showLoader = false; |
72 | } else { | 72 | } else { |
73 | $scope.marginId = $scope.companyList[i].margin.id; | 73 | $scope.marginId = $scope.companyList[i].margin.id; |
74 | if ($scope.marginId != '') { | 74 | if ($scope.marginId != '') { |
75 | enterFuelOrderService.getJetTiers($scope.marginId).then(function(tiers) { | 75 | enterFuelOrderService.getJetTiers($scope.marginId).then(function(tiers) { |
76 | $scope.tierList = tiers; | 76 | $scope.tierList = tiers; |
77 | $scope.showLoader = false; | 77 | $scope.showLoader = false; |
78 | $scope.selectedTier = $scope.tierList[0]; | 78 | $scope.selectedTier = $scope.tierList[0]; |
79 | //console.log("--tier--",$scope.tierList) | 79 | //console.log("--tier--",$scope.tierList) |
80 | }) | 80 | }) |
81 | }else{ | 81 | }else{ |
82 | $scope.showLoader = false; | 82 | $scope.showLoader = false; |
83 | } | 83 | } |
84 | } | 84 | } |
85 | } | 85 | } |
86 | } | 86 | } |
87 | 87 | ||
88 | } | 88 | } |
89 | 89 | ||
90 | $scope.tiervalue=function(){ | 90 | $scope.tiervalue=function(){ |
91 | $scope.order.tierBreak=$scope.selectedTier.minTierBreak+'-'+$scope.selectedTier.maxTierBreak; | 91 | $scope.order.tierBreak=$scope.selectedTier.minTierBreak+'-'+$scope.selectedTier.maxTierBreak; |
92 | //console.log('tier value', $scope.order.tierBreak); | 92 | //console.log('tier value', $scope.order.tierBreak); |
93 | } | 93 | } |
94 | 94 | ||
95 | 95 | ||
96 | $scope.setCost = function(cost){ | 96 | $scope.setCost = function(cost){ |
97 | if(cost != null) { | 97 | if(cost != null) { |
98 | var obj =JSON.parse(cost); | 98 | var obj =JSON.parse(cost); |
99 | $scope.order.fboCost = obj.cost; | 99 | $scope.order.fboCost = obj.cost; |
100 | } | 100 | } |
101 | } | 101 | } |
102 | 102 | ||
103 | $scope.cancelOrder = function() { | 103 | $scope.cancelOrder = function() { |
104 | $scope.order = {}; | 104 | $scope.order = {}; |
105 | } | 105 | } |
106 | 106 | ||
107 | $scope.dispatchFuel = function(){ | 107 | $scope.dispatchFuel = function(){ |
108 | $scope.showLoader = true; | 108 | $scope.showLoader = true; |
109 | $scope.order.companyId = $scope.selectedCompanyId; | 109 | $scope.order.companyId = $scope.selectedCompanyId; |
110 | if ($scope.order.upliftDate != '') { | 110 | if ($scope.order.upliftDate != '') { |
111 | var currentDate = new Date(); | 111 | var currentDate = new Date(); |
112 | var hours = currentDate.getHours(); | 112 | var hours = currentDate.getHours(); |
113 | var min = currentDate.getMinutes(); | 113 | var min = currentDate.getMinutes(); |
114 | var sec = currentDate.getSeconds(); | 114 | var sec = currentDate.getSeconds(); |
115 | $scope.order.upliftDate = $scope.order.upliftDate + ' ' + hours + ':' + min + ':' + sec; | 115 | $scope.order.upliftDate = $scope.order.upliftDate + ' ' + hours + ':' + min + ':' + sec; |
116 | $scope.order.upliftDate = new Date($scope.order.upliftDate); | 116 | $scope.order.upliftDate = new Date($scope.order.upliftDate); |
117 | $scope.order.upliftDate = $scope.order.upliftDate.getTime(); | 117 | $scope.order.upliftDate = $scope.order.upliftDate.getTime(); |
118 | console.log("---date---",$scope.order.upliftDate) | 118 | // console.log("---date---",$scope.order.upliftDate) |
119 | } | 119 | } |
120 | /*if ($scope.order.departingDate != '') { | 120 | /*if ($scope.order.departingDate != '') { |
121 | $scope.order.departingDate = new Date($scope.order.departingDate); | 121 | $scope.order.departingDate = new Date($scope.order.departingDate); |
122 | $scope.order.departingDate = $scope.order.departingDate.getTime(); | 122 | $scope.order.departingDate = $scope.order.departingDate.getTime(); |
123 | }*/ | 123 | }*/ |
124 | 124 | ||
125 | $scope.order.status = 'pending'; | 125 | $scope.order.status = 'pending'; |
126 | 126 | ||
127 | //console.log($scope.order.quotePrice); | ||
128 | var obj =JSON.parse($scope.order.priceQuote); | 127 | var obj =JSON.parse($scope.order.priceQuote); |
129 | //console.log('obj.papMargin',obj.papMargin); | ||
130 | $scope.order.priceQuote = obj.papTotal; | 128 | $scope.order.priceQuote = obj.papTotal; |
131 | $scope.order.fboCost = obj.cost; | 129 | $scope.order.fboCost = obj.cost; |
130 | $scope.order.productName = obj.productName; | ||
132 | $scope.order.total = obj.papTotal * $scope.order.volume; | 131 | $scope.order.total = obj.papTotal * $scope.order.volume; |
133 | var aircraftObj =JSON.parse($scope.order.aircraftName); | 132 | var aircraftObj =JSON.parse($scope.order.aircraftName); |
134 | $scope.order.aircraftName = aircraftObj.tail; | 133 | $scope.order.aircraftName = aircraftObj.tail; |
135 | $scope.order.make = aircraftObj.make; | 134 | $scope.order.make = aircraftObj.make; |
136 | $scope.order.model = aircraftObj.model; | 135 | $scope.order.model = aircraftObj.model; |
137 | $scope.dispatchOrder.fuelOrderList.push($scope.order); | 136 | $scope.dispatchOrder.fuelOrderList.push($scope.order); |
138 | //console.log('$scope.order', $scope.dispatchOrder); | 137 | //console.log('$scope.order', $scope.dispatchOrder); |
139 | enterFuelOrderService.dispathFuelOrder($scope.dispatchOrder).then(function(result) { | 138 | enterFuelOrderService.dispathFuelOrder($scope.dispatchOrder).then(function(result) { |
140 | //console.log("--final data--",$scope.dispatchOrder) | 139 | //console.log("--final data--",$scope.dispatchOrder) |
141 | //console.log('result', result); | 140 | //console.log('result', result); |
142 | $scope.showLoader = false; | 141 | $scope.showLoader = false; |
143 | $scope.order = {}; | 142 | $scope.order = {}; |
144 | toastr.success('Fuel Order Dispatched Successfully', { | 143 | toastr.success('Fuel Order Dispatched Successfully', { |
145 | closeButton: true | 144 | closeButton: true |
146 | }) | 145 | }) |
147 | }) | 146 | }) |
148 | } | 147 | } |
149 | 148 |
app/partials/fuelOrders/fuelOrders.controller.js
1 | 'use strict'; | 1 | 'use strict'; |
2 | 2 | ||
3 | angular.module('acufuel') | 3 | angular.module('acufuel') |
4 | 4 | ||
5 | .controller('fuelOrdersController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'NgTableParams','fuelOrdersService','CustomersService','ViewCompanyService', fuelOrdersController]); | 5 | .controller('fuelOrdersController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'NgTableParams','fuelOrdersService','CustomersService','ViewCompanyService', fuelOrdersController]); |
6 | 6 | ||
7 | function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgTableParams,fuelOrdersService,CustomersService,ViewCompanyService) { | 7 | function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgTableParams,fuelOrdersService,CustomersService,ViewCompanyService) { |
8 | 8 | ||
9 | $scope.showFuelOrderModal = false; | 9 | $scope.showFuelOrderModal = false; |
10 | $scope.optionSelected; | 10 | $scope.optionSelected; |
11 | $scope.orderdata = {} | 11 | $scope.orderdata = {} |
12 | $scope.showLoader = false; | 12 | $scope.showLoader = false; |
13 | $scope.jetShow = []; | 13 | $scope.jetShow = []; |
14 | $scope.marginShow = []; | 14 | $scope.marginShow = []; |
15 | 15 | ||
16 | $scope.jetShow[0] = true; | 16 | $scope.jetShow[0] = true; |
17 | $scope.marginShow[0] = true; | 17 | $scope.marginShow[0] = true; |
18 | 18 | ||
19 | $scope.data = {}; | 19 | $scope.data = {}; |
20 | $scope.order = {}; | 20 | $scope.order = {}; |
21 | $scope.dispatchOrder = {}; | 21 | $scope.dispatchOrder = {}; |
22 | $scope.dispatchOrder.fuelOrderList = []; | 22 | $scope.dispatchOrder.fuelOrderList = []; |
23 | 23 | ||
24 | $scope.statusFilterOptions = []; | 24 | $scope.statusFilterOptions = []; |
25 | $scope.statusFilterOptions.push({ | 25 | $scope.statusFilterOptions.push({ |
26 | 'id': '', 'title': 'Show All' | 26 | 'id': '', 'title': 'Show All' |
27 | },{ | 27 | },{ |
28 | 'id': 'pending', 'title': 'Pending' | 28 | 'id': 'pending', 'title': 'Pending' |
29 | },{ | 29 | },{ |
30 | 'id': 'invoiced', 'title': 'Invoiced' | 30 | 'id': 'invoiced', 'title': 'Invoiced' |
31 | },{ | 31 | },{ |
32 | 'id': 'paid', 'title': 'Paid' | 32 | 'id': 'paid', 'title': 'Paid' |
33 | },{ | 33 | },{ |
34 | 'id': 'cancelled', 'title': 'Cancelled' | 34 | 'id': 'cancelled', 'title': 'Cancelled' |
35 | },{ | 35 | },{ |
36 | 'id': 'archived', 'title': 'Archived' | 36 | 'id': 'archived', 'title': 'Archived' |
37 | } | 37 | } |
38 | 38 | ||
39 | ); | 39 | ); |
40 | 40 | ||
41 | getAllCompanies(); | 41 | getAllCompanies(); |
42 | 42 | ||
43 | function getAllCompanies(){ | 43 | function getAllCompanies(){ |
44 | fuelOrdersService.getAllCompanies().then(function(result) { | 44 | fuelOrdersService.getAllCompanies().then(function(result) { |
45 | // console.log('log', result); | 45 | // console.log('log', result); |
46 | $scope.companyList = result; | 46 | $scope.companyList = result; |
47 | for (var i = 0; i < $scope.companyList.length; i++) { | 47 | for (var i = 0; i < $scope.companyList.length; i++) { |
48 | if ($scope.companyList[i].companyContact != null) { | 48 | if ($scope.companyList[i].companyContact != null) { |
49 | if ($scope.companyList[i].companyContact.contactNumber != null || $scope.companyList[i].companyContact.contactNumber != undefined) { | 49 | if ($scope.companyList[i].companyContact.contactNumber != null || $scope.companyList[i].companyContact.contactNumber != undefined) { |
50 | $scope.companyList[i].newContactNumber = $scope.companyList[i].companyContact.contactNumber; | 50 | $scope.companyList[i].newContactNumber = $scope.companyList[i].companyContact.contactNumber; |
51 | } | 51 | } |
52 | } | 52 | } |
53 | if ($scope.companyList[i].primaryContact != null) { | 53 | if ($scope.companyList[i].primaryContact != null) { |
54 | if ($scope.companyList[i].primaryContact.firstName != null && $scope.companyList[i].primaryContact.lastName != null) { | 54 | if ($scope.companyList[i].primaryContact.firstName != null && $scope.companyList[i].primaryContact.lastName != null) { |
55 | $scope.companyList[i].primaryContactName = $scope.companyList[i].primaryContact.firstName + ' ' + $scope.companyList[i].primaryContact.lastName; | 55 | $scope.companyList[i].primaryContactName = $scope.companyList[i].primaryContact.firstName + ' ' + $scope.companyList[i].primaryContact.lastName; |
56 | } | 56 | } |
57 | } | 57 | } |
58 | if ($scope.companyList[i].margin != null) { | 58 | if ($scope.companyList[i].margin != null) { |
59 | if ($scope.companyList[i].margin.marginName != null) { | 59 | if ($scope.companyList[i].margin.marginName != null) { |
60 | $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id; | 60 | $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id; |
61 | } | 61 | } |
62 | } | 62 | } |
63 | } | 63 | } |
64 | $scope.displayCompanyList = new NgTableParams({ | 64 | $scope.displayCompanyList = new NgTableParams({ |
65 | page: 1, | 65 | page: 1, |
66 | count: 10, | 66 | count: 10, |
67 | }, { | 67 | }, { |
68 | data: $scope.companyList | 68 | data: $scope.companyList |
69 | }); | 69 | }); |
70 | $scope.showLoader = false; | 70 | $scope.showLoader = false; |
71 | }) | 71 | }) |
72 | } | 72 | } |
73 | 73 | ||
74 | 74 | ||
75 | $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')) | 75 | $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')) |
76 | $scope.reset2 = function(){ | 76 | $scope.reset2 = function(){ |
77 | $("input").val(""); | 77 | $("input").val(""); |
78 | $scope.removeMarginValidation(); | 78 | $scope.removeMarginValidation(); |
79 | } | 79 | } |
80 | 80 | ||
81 | function colourFunction() { | 81 | function colourFunction() { |
82 | var myselect = document.getElementById('colorfulSelectbox'), | 82 | var myselect = document.getElementById('colorfulSelectbox'), |
83 | colour = myselect.options[myselect.selectedIndex].className; | 83 | colour = myselect.options[myselect.selectedIndex].className; |
84 | myselect.style.background = colour; | 84 | myselect.style.background = colour; |
85 | // console.log('colour', myselect); | 85 | // console.log('colour', myselect); |
86 | myselect.blur(); | 86 | myselect.blur(); |
87 | } | 87 | } |
88 | 88 | ||
89 | 89 | ||
90 | /*setInterval(function(){ | 90 | /*setInterval(function(){ |
91 | colourFunction(); | 91 | colourFunction(); |
92 | }, 1)*/ | 92 | }, 1)*/ |
93 | 93 | ||
94 | 94 | ||
95 | $scope.attachmentFilterOptions = []; | 95 | $scope.attachmentFilterOptions = []; |
96 | $scope.attachmentFilterOptions.push({ | 96 | $scope.attachmentFilterOptions.push({ |
97 | 'id': '', 'title': 'Show All' | 97 | 'id': '', 'title': 'Show All' |
98 | },{ | 98 | },{ |
99 | 'id': '!null', 'title': 'Attachments' | 99 | 'id': '!null', 'title': 'Attachments' |
100 | },{ | 100 | },{ |
101 | 'id': 'null', 'title': 'No Attachments' | 101 | 'id': 'null', 'title': 'No Attachments' |
102 | } | 102 | } |
103 | ); | 103 | ); |
104 | 104 | ||
105 | // $(document).ready(function() { | 105 | // $(document).ready(function() { |
106 | // $scope.showLoader = true; | 106 | // $scope.showLoader = true; |
107 | // $('#example').DataTable(); | 107 | // $('#example').DataTable(); |
108 | // $scope.showLoader = false; | 108 | // $scope.showLoader = false; |
109 | // }); | 109 | // }); |
110 | 110 | ||
111 | $scope.getOrders = function() { | 111 | $scope.getOrders = function() { |
112 | fuelOrdersService.getOrders().then(function(result) { | 112 | fuelOrdersService.getOrders().then(function(result) { |
113 | 113 | //console.log("==kd===",result); | |
114 | $scope.orderdata = result; | 114 | $scope.orderdata = result; |
115 | for(var i=0;i<$scope.orderdata.length;i++){ | 115 | for(var i=0 ; i < $scope.orderdata.length ; i++){ |
116 | $scope.orderdata[i].upliftDateS = new Date($scope.orderdata[i].upliftDate); | 116 | $scope.orderdata[i].upliftDateS = new Date($scope.orderdata[i].upliftDate); |
117 | $scope.orderdata[i].departingDateS = new Date($scope.orderdata[i].departingDate); | ||
117 | 118 | ||
118 | // var str = "" + $scope.orderdata[i].upliftDateS.getDate() + "/" + ($scope.orderdata[i].upliftDateS.getMonth() + 1) + "/" + $scope.orderdata[i].upliftDateS.getFullYear() | 119 | var str = "" + ($scope.orderdata[i].upliftDateS.getMonth() + 1) + "/" + $scope.orderdata[i].upliftDateS.getDate() + "/" + $scope.orderdata[i].upliftDateS.getFullYear(); |
119 | var str = "" + ($scope.orderdata[i].upliftDateS.getMonth() + 1) + "/" + $scope.orderdata[i].upliftDateS.getDate() + "/" + $scope.orderdata[i].upliftDateS.getFullYear() | 120 | var departingStr = "" + ($scope.orderdata[i].departingDateS.getMonth() + 1) + "/" + $scope.orderdata[i].departingDateS.getDate() + "/" + $scope.orderdata[i].departingDateS.getFullYear(); |
120 | // str = str.slice(4,16) | 121 | $scope.orderdata[i].upliftDateString = str; |
121 | $scope.orderdata[i].upliftDateString = str | 122 | $scope.orderdata[i].departingDateString = departingStr; |
122 | // console.log(str); | ||
123 | 123 | ||
124 | } | 124 | } |
125 | 125 | ||
126 | $scope.displayFuelOrderList = new NgTableParams({ | 126 | $scope.displayFuelOrderList = new NgTableParams({ |
127 | page: 1, | 127 | page: 1, |
128 | count: 10, | 128 | count: 10, |
129 | }, { | 129 | }, { |
130 | data: $scope.orderdata | 130 | data: $scope.orderdata |
131 | }); | 131 | }); |
132 | $(document).ready(function(){ | 132 | $(document).ready(function(){ |
133 | function changeSelectboxBg(){ | 133 | function changeSelectboxBg(){ |
134 | setInterval(function(){ | 134 | setInterval(function(){ |
135 | if ($('.table select').is(':focus')) { | 135 | if ($('.table select').is(':focus')) { |
136 | 136 | ||
137 | }else{ | 137 | }else{ |
138 | var myselect = document.getElementsByClassName('colorfulSelectbox'); | 138 | var myselect = document.getElementsByClassName('colorfulSelectbox'); |
139 | 139 | ||
140 | for (var i = 0; i < myselect.length; i++) { | 140 | for (var i = 0; i < myselect.length; i++) { |
141 | var colourIndex = $(myselect[i]).prop('selectedIndex'); | 141 | var colourIndex = $(myselect[i]).prop('selectedIndex'); |
142 | colourIndex = colourIndex + 1; | 142 | colourIndex = colourIndex + 1; |
143 | // console.log(colourIndex); | ||
144 | var getColor = $('.colorfulSelectbox option:nth-child('+colourIndex+')').css('color'); | 143 | var getColor = $('.colorfulSelectbox option:nth-child('+colourIndex+')').css('color'); |
145 | $(myselect[i]).css('background-color', getColor); | 144 | $(myselect[i]).css('background-color', getColor); |
146 | // console.log('colour', getColor); | ||
147 | myselect[i].blur(); | 145 | myselect[i].blur(); |
148 | } | 146 | } |
149 | } | 147 | } |
150 | }, 1000) | 148 | }, 1000) |
151 | } | 149 | } |
152 | changeSelectboxBg(); | 150 | changeSelectboxBg(); |
153 | 151 | ||
154 | /*$('.pagination , .recordCountSelect').click(function(){ | 152 | /*$('.pagination , .recordCountSelect').click(function(){ |
155 | changeSelectboxBg(); | 153 | changeSelectboxBg(); |
156 | }) | 154 | }) |
157 | $('.input-filter').keydown(function(){ | 155 | $('.input-filter').keydown(function(){ |
158 | console.log('function..........'); | 156 | console.log('function..........'); |
159 | changeSelectboxBg(); | 157 | changeSelectboxBg(); |
160 | })*/ | 158 | })*/ |
161 | }) | 159 | }) |
162 | }) | 160 | }) |
163 | } | 161 | } |
164 | 162 | ||
165 | $scope.getOrders(); | 163 | $scope.getOrders(); |
166 | $scope.optionSelected=''; | 164 | $scope.optionSelected=''; |
167 | $scope.onFWSelect = function() { | 165 | $scope.onFWSelect = function() { |
168 | if($scope.optionSelected == 'dt'){ | 166 | if($scope.optionSelected == 'dt'){ |
169 | $('#demo-modal-4').css('display', 'block'); | 167 | $('#demo-modal-4').css('display', 'block'); |
170 | $scope.optionSelected=''; | 168 | $scope.optionSelected=''; |
171 | 169 | ||
172 | } | 170 | } |
173 | if($scope.optionSelected == 'efo'){ | 171 | if($scope.optionSelected == 'efo'){ |
174 | $scope.showLoader = true; | 172 | $scope.showLoader = true; |
175 | var fileName = "orders.csv"; | 173 | var fileName = "orders.csv"; |
176 | var a = document.createElement("a"); | 174 | var a = document.createElement("a"); |
177 | document.body.appendChild(a); | 175 | document.body.appendChild(a); |
178 | fuelOrdersService.exportCompany().then(function(result) { | 176 | fuelOrdersService.exportCompany().then(function(result) { |
179 | var file = new Blob([result], {type: 'application/csv'}); | 177 | var file = new Blob([result], {type: 'application/csv'}); |
180 | var fileURL = URL.createObjectURL(file); | 178 | var fileURL = URL.createObjectURL(file); |
181 | a.href = fileURL; | 179 | a.href = fileURL; |
182 | a.download = fileName; | 180 | a.download = fileName; |
183 | a.click(); | 181 | a.click(); |
184 | $scope.showLoader = false; | 182 | $scope.showLoader = false; |
185 | $scope.optionSelected=''; | 183 | $scope.optionSelected=''; |
186 | }) | 184 | }) |
187 | } | 185 | } |
188 | } | 186 | } |
189 | $scope.attachmentrowid = "" | 187 | $scope.attachmentrowid = "" |
190 | 188 | ||
191 | 189 | ||
192 | $scope.attachment = function(id, value, url) { | 190 | $scope.attachment = function(id, value, url) { |
193 | // console.log(id, value) | ||
194 | $scope.attachmentrowid = id | 191 | $scope.attachmentrowid = id |
195 | // $scope.attachmentdeleteid = attachdeleteid | ||
196 | if(value == 'uploadAttachment'){ | 192 | if(value == 'uploadAttachment'){ |
197 | $('#demo-modal-6').css('display', 'block'); | 193 | $('#demo-modal-6').css('display', 'block'); |
198 | }else if(value == 'viewAttachment'){ | 194 | }else if(value == 'viewAttachment'){ |
199 | var win = window.open(url, '_blank'); | 195 | var win = window.open(url, '_blank'); |
200 | win.focus(); | 196 | win.focus(); |
201 | }else if(value == 'deleteAttachment'){ | 197 | }else if(value == 'deleteAttachment'){ |
202 | $('#delete1').css('display', 'block'); | 198 | $('#delete1').css('display', 'block'); |
203 | } | 199 | } |
204 | } | 200 | } |
205 | 201 | ||
206 | $scope.cancelDeleteAttachment = function() { | 202 | $scope.cancelDeleteAttachment = function() { |
207 | $('#delete1').css('display', ''); | 203 | $('#delete1').css('display', ''); |
208 | } | 204 | } |
209 | 205 | ||
210 | $scope.deleteAttachment = function() { | 206 | $scope.deleteAttachment = function() { |
211 | $scope.showLoader = true; | 207 | $scope.showLoader = true; |
212 | fuelOrdersService.deleteAttachment($scope.attachmentrowid).then(function(result) { | 208 | fuelOrdersService.deleteAttachment($scope.attachmentrowid).then(function(result) { |
213 | // console.log(result, $scope.attachmentrowid) | ||
214 | 209 | ||
215 | if(result.success){ | 210 | if(result.success){ |
216 | toastr.success(''+result.success+'', { | 211 | toastr.success(''+result.success+'', { |
217 | closeButton: true | 212 | closeButton: true |
218 | }) | 213 | }) |
219 | } | 214 | } |
220 | }) | 215 | }) |
221 | $scope.showLoader = false; | 216 | $scope.showLoader = false; |
222 | $('#delete1').css('display', ''); | 217 | $('#delete1').css('display', ''); |
223 | } | 218 | } |
224 | 219 | ||
225 | $scope.saveUploadAttachment = function(attachmentData) { | 220 | $scope.saveUploadAttachment = function(attachmentData) { |
226 | $scope.showLoader = true; | 221 | $scope.showLoader = true; |
227 | $scope.data.media = attachmentData | 222 | $scope.data.media = attachmentData |
228 | $scope.data.id = $scope.attachmentrowid | 223 | $scope.data.id = $scope.attachmentrowid |
229 | fuelOrdersService.uploadAttachment($scope.data).then(function(result) { | 224 | fuelOrdersService.uploadAttachment($scope.data).then(function(result) { |
230 | // console.log(result) | ||
231 | if(result){ | 225 | if(result){ |
232 | // console.log(result.success) | ||
233 | toastr.success(''+"Upload Successful"+'', { | 226 | toastr.success(''+"Upload Successful"+'', { |
234 | closeButton: true | 227 | closeButton: true |
235 | }) | 228 | }) |
236 | } | 229 | } |
237 | 230 | ||
238 | }) | 231 | }) |
239 | $scope.showLoader = false; | 232 | $scope.showLoader = false; |
240 | $('#demo-modal-6').css('display', 'none'); | 233 | $('#demo-modal-6').css('display', 'none'); |
241 | } | 234 | } |
242 | 235 | ||
243 | $scope.cancelUploadAttachment = function() { | 236 | $scope.cancelUploadAttachment = function() { |
244 | $('#demo-modal-6').css('display', 'none'); | 237 | $('#demo-modal-6').css('display', 'none'); |
245 | } | 238 | } |
246 | 239 | ||
247 | $scope.editdata = {}; | 240 | $scope.editdata = {}; |
248 | 241 | ||
249 | 242 | ||
250 | $scope.editTableRow = function(rowData){ | 243 | $scope.editTableRow = function(rowData){ |
251 | //console.log('row data', rowData); | 244 | //console.log('row data', rowData); |
252 | $scope.editdata = rowData; | 245 | $scope.editdata = rowData; |
253 | $('#demo-modal-5').css('display', 'block'); | 246 | $('#demo-modal-5').css('display', 'block'); |
254 | } | 247 | } |
255 | 248 | ||
256 | $scope.updateTotal = function(value, valueOf){ | 249 | $scope.updateTotal = function(value, valueOf){ |
257 | if(valueOf == 'v'){ | 250 | if(valueOf == 'v'){ |
258 | $scope.editdata.total = value * $scope.editdata.invoiced | 251 | $scope.editdata.total = value * $scope.editdata.invoiced |
259 | }else if(valueOf == 'i'){ | 252 | }else if(valueOf == 'i'){ |
260 | $scope.editdata.total = $scope.editdata.requestedVolume * value | 253 | $scope.editdata.total = $scope.editdata.requestedVolume * value |
261 | } | 254 | } |
262 | } | 255 | } |
263 | 256 | ||
264 | $scope.addTotal = function(value, valueOf){ | 257 | $scope.addTotal = function(value, valueOf){ |
265 | if(valueOf == 'v'){ | 258 | if(valueOf == 'v'){ |
266 | $scope.order.total = value * $scope.order.invoiced | 259 | $scope.order.total = value * $scope.order.invoiced |
267 | }else if(valueOf == 'i'){ | 260 | }else if(valueOf == 'i'){ |
268 | $scope.order.total = $scope.order.volume * value | 261 | $scope.order.total = $scope.order.volume * value |
269 | } | 262 | } |
270 | } | 263 | } |
271 | 264 | ||
272 | $scope.addFuelData = function() { | 265 | $scope.addFuelData = function() { |
273 | $scope.showLoader = true; | 266 | $scope.showLoader = true; |
274 | 267 | ||
275 | if ($scope.order.priceQuote === null || $scope.order.priceQuote == '') { | 268 | if ($scope.order.priceQuote === null || $scope.order.priceQuote == '') { |
276 | // console.log("valid"); | ||
277 | $scope.showLoader = false; | 269 | $scope.showLoader = false; |
278 | toastr.error('Please select Company and Price Quote.', { | 270 | toastr.error('Please select Company and Price Quote.', { |
279 | closeButton: true | 271 | closeButton: true |
280 | }) | 272 | }) |
281 | }else{ | 273 | }else{ |
282 | 274 | ||
283 | if ($scope.order.upliftDate != '') { | 275 | if ($scope.order.upliftDate != '') { |
284 | $scope.order.upliftDate = new Date($scope.order.upliftDate); | 276 | $scope.order.upliftDate = new Date($scope.order.upliftDate); |
285 | $scope.order.upliftDate = $scope.order.upliftDate.getTime(); | 277 | $scope.order.upliftDate = $scope.order.upliftDate.getTime(); |
286 | } | 278 | } |
287 | if ($scope.order.departingDate != '') { | 279 | if ($scope.order.departingDate != '') { |
288 | $scope.order.departingDate = new Date($scope.order.departingDate); | 280 | $scope.order.departingDate = new Date($scope.order.departingDate); |
289 | $scope.order.departingDate = $scope.order.departingDate.getTime(); | 281 | $scope.order.departingDate = $scope.order.departingDate.getTime(); |
290 | } | 282 | } |
291 | // console.log($scope.order.quotePrice); | ||
292 | var obj =JSON.parse($scope.order.priceQuote); | 283 | var obj =JSON.parse($scope.order.priceQuote); |
293 | // console.log('obj.papMargin',obj.papMargin); | ||
294 | $scope.order.priceQuote = obj.papMargin; | 284 | $scope.order.priceQuote = obj.papMargin; |
295 | 285 | ||
296 | $scope.fuelData = {}; | 286 | $scope.fuelData = {}; |
297 | $scope.fuelData.aircraftName = $scope.order.aircraftName | 287 | $scope.fuelData.aircraftName = $scope.order.aircraftName |
298 | $scope.fuelData.companyName = $scope.order.companyName | 288 | $scope.fuelData.companyName = $scope.order.companyName |
299 | $scope.fuelData.departingDate = $scope.order.departingDate | 289 | $scope.fuelData.departingDate = $scope.order.departingDate |
300 | $scope.fuelData.fboCost = $scope.order.fboCost | 290 | $scope.fuelData.fboCost = $scope.order.fboCost |
301 | $scope.fuelData.id = $scope.order.id | 291 | $scope.fuelData.id = $scope.order.id |
302 | $scope.fuelData.invoiced = $scope.order.invoiced | 292 | $scope.fuelData.invoiced = $scope.order.invoiced |
303 | $scope.fuelData.priceQuote = $scope.order.priceQuote | 293 | $scope.fuelData.priceQuote = $scope.order.priceQuote |
304 | $scope.fuelData.volume = $scope.order.volume | 294 | $scope.fuelData.volume = $scope.order.volume |
305 | $scope.fuelData.source = $scope.order.source | 295 | $scope.fuelData.source = $scope.order.source |
306 | $scope.fuelData.status = $scope.order.status | 296 | $scope.fuelData.status = $scope.order.status |
307 | $scope.fuelData.tierBreak = $scope.order.tierBreak | 297 | $scope.fuelData.tierBreak = $scope.order.tierBreak |
308 | $scope.fuelData.total = $scope.order.total | 298 | $scope.fuelData.total = $scope.order.total |
309 | $scope.fuelData.upliftDate = $scope.order.upliftDate | 299 | $scope.fuelData.upliftDate = $scope.order.upliftDate |
310 | $scope.fuelData.companyId = $scope.selectedCompanyId; | 300 | $scope.fuelData.companyId = $scope.selectedCompanyId; |
311 | 301 | ||
312 | 302 | ||
313 | 303 | ||
314 | $scope.dispatchOrder.fuelOrderList.push($scope.fuelData); | 304 | $scope.dispatchOrder.fuelOrderList.push($scope.fuelData); |
315 | // console.log('$scope.order', $scope.dispatchOrder); | ||
316 | fuelOrdersService.dispathFuelOrder($scope.dispatchOrder).then(function(result) { | 305 | fuelOrdersService.dispathFuelOrder($scope.dispatchOrder).then(function(result) { |
317 | //console.log("fuel data---",$scope.fuelData) | ||
318 | //console.log("oder data",$scope.dispatchOrder) | ||
319 | //console.log('result', result); | ||
320 | $scope.showLoader = false; | 306 | $scope.showLoader = false; |
321 | $scope.order = {}; | 307 | $scope.order = {}; |
322 | $scope.dispatchOrder.fuelOrderList = []; | 308 | $scope.dispatchOrder.fuelOrderList = []; |
323 | $('#demo-modal-4').css('display', ''); | 309 | $('#demo-modal-4').css('display', ''); |
324 | $scope.getOrders(); | 310 | $scope.getOrders(); |
325 | toastr.success('Fuel Order Dispatched Successfully', { | 311 | toastr.success('Fuel Order Dispatched Successfully', { |
326 | closeButton: true | 312 | closeButton: true |
327 | }) | 313 | }) |
328 | }) | 314 | }) |
329 | 315 | ||
330 | } | 316 | } |
331 | 317 | ||
332 | 318 | ||
333 | } | 319 | } |
334 | $scope.updateStatus = function(row, status) { | 320 | $scope.updateStatus = function(row, status) { |
335 | $scope.showLoader = true; | 321 | $scope.showLoader = true; |
336 | $scope.fuelData = {}; | 322 | $scope.fuelData = {}; |
337 | $scope.fuelData.aircraftName = row.aircraftName | 323 | $scope.fuelData.aircraftName = row.aircraftName |
338 | $scope.fuelData.companyName = row.companyName | 324 | $scope.fuelData.companyName = row.companyName |
339 | $scope.fuelData.departingDate = row.departingDate | 325 | $scope.fuelData.departingDate = row.departingDate |
340 | $scope.fuelData.fboCost = row.fboCost | 326 | $scope.fuelData.fboCost = row.fboCost |
341 | $scope.fuelData.id = row.id | 327 | $scope.fuelData.id = row.id |
342 | $scope.fuelData.invoiced = row.invoiced | 328 | $scope.fuelData.invoiced = row.invoiced |
343 | $scope.fuelData.priceQuote = row.priceQuote | 329 | $scope.fuelData.priceQuote = row.priceQuote |
344 | $scope.fuelData.volume = row.requestedVolume | 330 | $scope.fuelData.volume = row.requestedVolume |
345 | $scope.fuelData.source = row.source | 331 | $scope.fuelData.source = row.source |
346 | $scope.fuelData.status = status | 332 | $scope.fuelData.status = status |
347 | $scope.fuelData.tierBreak = row.tierBreak | 333 | $scope.fuelData.tierBreak = row.tierBreak |
348 | $scope.fuelData.total = row.total | 334 | $scope.fuelData.total = row.total |
349 | $scope.fuelData.upliftDate = row.upliftDate | 335 | $scope.fuelData.upliftDate = row.upliftDate |
350 | 336 | ||
351 | $scope.dispatchOrder.fuelOrderList.push($scope.fuelData); | 337 | $scope.dispatchOrder.fuelOrderList.push($scope.fuelData); |
352 | fuelOrdersService.updateFuelOrder($scope.dispatchOrder).then(function(result) { | 338 | fuelOrdersService.updateFuelOrder($scope.dispatchOrder).then(function(result) { |
353 | // console.log('result', result); | ||
354 | $scope.showLoader = false; | 339 | $scope.showLoader = false; |
355 | $scope.editdata = {}; | 340 | $scope.editdata = {}; |
356 | $scope.fuelData = {}; | 341 | $scope.fuelData = {}; |
357 | $scope.dispatchOrder.fuelOrderList = []; | 342 | $scope.dispatchOrder.fuelOrderList = []; |
358 | $('#demo-modal-5').css('display', ''); | 343 | $('#demo-modal-5').css('display', ''); |
359 | $scope.getOrders(); | 344 | $scope.getOrders(); |
360 | toastr.success('Fuel Order Updated Successfully', { | 345 | toastr.success('Fuel Order Updated Successfully', { |
361 | closeButton: true | 346 | closeButton: true |
362 | }); | 347 | }); |
363 | }) | 348 | }) |
364 | 349 | ||
365 | } | 350 | } |
366 | 351 | ||
367 | $scope.updateData = function() { | 352 | $scope.updateData = function() { |
368 | $scope.showLoader = true; | ||
369 | $scope.fuelData = {}; | ||
370 | $scope.fuelData.aircraftName = $scope.editdata.aircraftName | ||
371 | $scope.fuelData.companyName = $scope.editdata.companyName | ||
372 | $scope.fuelData.departingDate = $scope.editdata.departingDate | ||
373 | $scope.fuelData.fboCost = $scope.editdata.fboCost | ||
374 | $scope.fuelData.id = $scope.editdata.id | ||
375 | $scope.fuelData.invoiced = $scope.editdata.invoiced | ||
376 | $scope.fuelData.priceQuote = $scope.editdata.priceQuote | ||
377 | $scope.fuelData.volume = $scope.editdata.requestedVolume | ||
378 | $scope.fuelData.source = $scope.editdata.source | ||
379 | $scope.fuelData.status = $scope.editdata.status | ||
380 | $scope.fuelData.tierBreak = $scope.editdata.tierBreak | ||
381 | $scope.fuelData.total = $scope.editdata.total | ||
382 | |||
383 | $scope.editdata.upliftDateString = new Date($scope.editdata.upliftDateString); | ||
384 | $scope.editdata.upliftDateString = $scope.editdata.upliftDateString.getTime(); | ||
385 | |||
386 | $scope.fuelData.upliftDate = $scope.editdata.upliftDateString | ||
387 | 353 | ||
388 | $scope.dispatchOrder.fuelOrderList.push($scope.fuelData); | 354 | if($scope.etaTimeList.length == 8 && $scope.etdTimeList.length ==8){ |
389 | console.log("click-====",$scope.dispatchOrder) | 355 | $scope.showLoader = true; |
390 | fuelOrdersService.updateFuelOrder($scope.dispatchOrder).then(function(result) { | 356 | $scope.fuelData = {}; |
391 | console.log('result', result); | 357 | $scope.fuelData.aircraftName = $scope.editdata.aircraftName; |
392 | $scope.showLoader = false; | 358 | $scope.fuelData.companyName = $scope.editdata.companyName; |
393 | $scope.editdata = {}; | 359 | $scope.fuelData.fboCost = $scope.editdata.fboCost; |
394 | $('#demo-modal-5').css('display', ''); | 360 | $scope.fuelData.id = $scope.editdata.id; |
395 | $scope.getOrders(); | 361 | $scope.fuelData.invoiced = $scope.editdata.invoiced; |
396 | toastr.success('Fuel Order Updated Successfully', { | 362 | $scope.fuelData.priceQuote = $scope.editdata.priceQuote; |
397 | closeButton: true | 363 | $scope.fuelData.volume = $scope.editdata.requestedVolume; |
398 | }) | 364 | $scope.fuelData.source = $scope.editdata.source; |
399 | }) | 365 | $scope.fuelData.status = $scope.editdata.status; |
366 | $scope.fuelData.tierBreak = $scope.editdata.tierBreak; | ||
367 | $scope.fuelData.total = $scope.editdata.total; | ||
368 | |||
369 | $scope.editdata.upliftDateString = new Date($scope.editdata.upliftDateString); | ||
370 | $scope.editdata.upliftDateString = $scope.editdata.upliftDateString.getTime(); | ||
371 | |||
372 | $scope.editdata.departingDateString = new Date($scope.editdata.departingDateString); | ||
373 | $scope.editdata.departingDateString = $scope.editdata.departingDateString.getTime(); | ||
374 | |||
375 | $scope.fuelData.upliftDate = $scope.editdata.upliftDateString; | ||
376 | $scope.fuelData.departingDate = $scope.editdata.departingDateString; | ||
377 | $scope.fuelData.productName = $scope.editdata.productName; | ||
378 | $scope.fuelData.etaTime = $scope.etaTimeList; | ||
379 | $scope.fuelData.etdTime = $scope.etdTimeList; | ||
380 | $scope.fuelData.certificateType = $scope.editdata.certificateType; | ||
381 | |||
382 | $scope.dispatchOrder.fuelOrderList.push($scope.fuelData); | ||
383 | |||
384 | //Disable below api code for temporary | ||
385 | fuelOrdersService.updateFuelOrder($scope.dispatchOrder).then(function(result) { | ||
386 | console.log('result', result); | ||
387 | $scope.showLoader = false; | ||
388 | $scope.editdata = {}; | ||
389 | $('#demo-modal-5').css('display', ''); | ||
390 | $scope.getOrders(); | ||
391 | toastr.success('Fuel Order Updated Successfully', { | ||
392 | closeButton: true | ||
393 | }) | ||
394 | }) | ||
395 | |||
396 | }else | ||
397 | { | ||
398 | toastr.error('Please select Arrival Time and Departure time both.', { | ||
399 | closeButton: true | ||
400 | }) | ||
401 | } | ||
402 | |||
400 | } | 403 | } |
401 | 404 | ||
402 | $scope.getAircraft = function(company){ | 405 | $scope.getAircraft = function(company){ |
403 | 406 | ||
404 | $scope.selectedCompanyName = company; | 407 | $scope.selectedCompanyName = company; |
405 | //$scope.showLoader = true; | 408 | //$scope.showLoader = true; |
406 | // console.log("id",company) | ||
407 | for (var i = 0; i < $scope.companyList.length; i++) { | 409 | for (var i = 0; i < $scope.companyList.length; i++) { |
408 | if ($scope.companyList[i].companyName == company) { | 410 | if ($scope.companyList[i].companyName == company) { |
409 | if($scope.companyList[i].margin != null && $scope.companyList[i].marginAVGAS != null){ | 411 | if($scope.companyList[i].margin != null && $scope.companyList[i].marginAVGAS != null){ |
410 | fuelOrdersService.getFuelCost($scope.companyList[i].id).then(function(margins) { | 412 | fuelOrdersService.getFuelCost($scope.companyList[i].id).then(function(margins) { |
411 | $scope.marginList = margins; | 413 | $scope.marginList = margins; |
412 | //console.log('$scope.marginList', $scope.marginList); | ||
413 | }) | 414 | }) |
414 | } else if ($scope.companyList[i].margin != null || $scope.companyList[i].marginAVGAS == null) { | 415 | } else if ($scope.companyList[i].margin != null || $scope.companyList[i].marginAVGAS == null) { |
415 | fuelOrdersService.getATypeFuelPricing($scope.companyList[i].id).then(function(margins) { | 416 | fuelOrdersService.getATypeFuelPricing($scope.companyList[i].id).then(function(margins) { |
416 | $scope.marginList = margins; | 417 | $scope.marginList = margins; |
417 | }) | 418 | }) |
418 | } else if ($scope.companyList[i].margin == null || $scope.companyList[i].marginAVGAS != null) { | 419 | } else if ($scope.companyList[i].margin == null || $scope.companyList[i].marginAVGAS != null) { |
419 | fuelOrdersService.getVTypeFuelPricing($scope.companyList[i].id).then(function(margins) { | 420 | fuelOrdersService.getVTypeFuelPricing($scope.companyList[i].id).then(function(margins) { |
420 | $scope.marginList = margins; | 421 | $scope.marginList = margins; |
421 | }) | 422 | }) |
422 | } | 423 | } |
423 | $scope.selectedCompanyId = $scope.companyList[i].id; | 424 | $scope.selectedCompanyId = $scope.companyList[i].id; |
424 | $scope.marginId = $scope.companyList[i].margin.id; | 425 | $scope.marginId = $scope.companyList[i].margin.id; |
425 | if ($scope.selectedCompanyId != '') { | 426 | if ($scope.selectedCompanyId != '') { |
426 | fuelOrdersService.getAircraft($scope.selectedCompanyId).then(function(aircraft) { | 427 | fuelOrdersService.getAircraft($scope.selectedCompanyId).then(function(aircraft) { |
427 | $scope.aircraftList = aircraft; | 428 | $scope.aircraftList = aircraft; |
428 | }) | 429 | }) |
429 | } | 430 | } |
430 | if ($scope.marginId != '') { | 431 | if ($scope.marginId != '') { |
431 | fuelOrdersService.getJetTiers($scope.marginId).then(function(tiers) { | 432 | fuelOrdersService.getJetTiers($scope.marginId).then(function(tiers) { |
432 | $scope.tierList = tiers; | 433 | $scope.tierList = tiers; |
433 | // $scope.showLoader = false; | 434 | // $scope.showLoader = false; |
434 | }) | 435 | }) |
435 | }else{ | 436 | }else{ |
436 | // $scope.showLoader = false; | 437 | // $scope.showLoader = false; |
437 | } | 438 | } |
438 | } | 439 | } |
439 | } | 440 | } |
440 | 441 | ||
441 | } | 442 | } |
442 | $scope.setCost = function(cost){ | 443 | $scope.setCost = function(cost){ |
443 | console.log(cost); | ||
444 | if(cost != null) { | 444 | if(cost != null) { |
445 | var obj =JSON.parse(cost); | 445 | var obj =JSON.parse(cost); |
446 | console.log("0bj",obj) | ||
447 | $scope.order.fboCost = obj.cost; | 446 | $scope.order.fboCost = obj.cost; |
448 | } | 447 | } |
449 | 448 | ||
450 | } | 449 | } |
451 | 450 | ||
452 | 451 | ||
453 | $scope.cancelData = function() { | 452 | $scope.cancelData = function() { |
454 | $('#demo-modal-4').css('display', ''); | 453 | $('#demo-modal-4').css('display', ''); |
455 | } | 454 | } |
456 | $scope.canceleditdata = function() { | 455 | $scope.canceleditdata = function() { |
457 | $('#demo-modal-5').css('display', ''); | 456 | $('#demo-modal-5').css('display', ''); |
458 | } | 457 | } |
459 | 458 | ||
460 | 459 | ||
461 | 460 | ||
462 | $scope.companyList = {}; | 461 | $scope.companyList = {}; |
463 | 462 | ||
464 | fuelOrdersService.getAllCompanies().then(function(result) { | 463 | fuelOrdersService.getAllCompanies().then(function(result) { |
465 | $scope.showLoader = true; | 464 | $scope.showLoader = true; |
466 | $scope.companyList = result; | 465 | $scope.companyList = result; |
467 | $scope.showLoader = false; | 466 | $scope.showLoader = false; |
468 | }) | 467 | }) |
469 | 468 | ||
470 | /*Add a company services API used from customersService */ | 469 | /*Add a company services API used from customersService */ |
471 | getCompanyName(); | 470 | getCompanyName(); |
472 | function getCompanyName(){ | 471 | function getCompanyName(){ |
473 | CustomersService.getCompanyName().then(function(result) { | 472 | CustomersService.getCompanyName().then(function(result) { |
474 | $scope.showLoader = true; | 473 | $scope.showLoader = true; |
475 | $scope.compNameList = result; | 474 | $scope.compNameList = result; |
476 | //console.log("kd",result) | ||
477 | $scope.showLoader = false; | 475 | $scope.showLoader = false; |
478 | }) | 476 | }) |
479 | } | 477 | } |
480 | 478 | ||
481 | $scope.marginFilterOptions = []; | 479 | $scope.marginFilterOptions = []; |
482 | CustomersService.getJetMargin($scope.userProfileId).then(function(result) { | 480 | CustomersService.getJetMargin($scope.userProfileId).then(function(result) { |
483 | $scope.showLoader = true; | 481 | $scope.showLoader = true; |
484 | $scope.jetMarginList = result; | 482 | $scope.jetMarginList = result; |
485 | //console.log("jet margin",result,$scope.userProfileId) | ||
486 | $scope.marginFilterOptions.push({ | 483 | $scope.marginFilterOptions.push({ |
487 | 'id': '', 'title': 'Show All' | 484 | 'id': '', 'title': 'Show All' |
488 | }); | 485 | }); |
489 | for (var i = 0; i < result.length; i++) { | 486 | for (var i = 0; i < result.length; i++) { |
490 | $scope.marginFilterOptions.push({ | 487 | $scope.marginFilterOptions.push({ |
491 | 'id': result[i].id, | 488 | 'id': result[i].id, |
492 | 'title': result[i].marginName | 489 | 'title': result[i].marginName |
493 | }) | 490 | }) |
494 | } | 491 | } |
495 | $scope.showLoader = false; | 492 | $scope.showLoader = false; |
496 | }) | 493 | }) |
497 | 494 | ||
498 | CustomersService.getAvgMargin($scope.userProfileId).then(function(result) { | 495 | CustomersService.getAvgMargin($scope.userProfileId).then(function(result) { |
499 | $scope.avgsMarginList = result; | 496 | $scope.avgsMarginList = result; |
500 | // console.log('avgsMarginList',result) | ||
501 | }) | 497 | }) |
502 | 498 | ||
503 | $scope.showCompanyError = false; | 499 | $scope.showCompanyError = false; |
504 | $scope.showMarginError = false; | 500 | $scope.showMarginError = false; |
505 | 501 | ||
506 | $scope.removeValidation = function(){ | 502 | $scope.removeValidation = function(){ |
507 | $scope.showCompanyError = false; | 503 | $scope.showCompanyError = false; |
508 | $('.companyNameInput').removeClass('customErrorInput'); | 504 | $('.companyNameInput').removeClass('customErrorInput'); |
509 | if($scope.data.companyName == 'undefined' || $scope.data.companyName == '') { | 505 | if($scope.data.companyName == 'undefined' || $scope.data.companyName == '') { |
510 | $('.companyNameInput').addClass('customErrorInput'); | 506 | $('.companyNameInput').addClass('customErrorInput'); |
511 | $scope.showCompanyError = true; | 507 | $scope.showCompanyError = true; |
512 | } | 508 | } |
513 | } | 509 | } |
514 | 510 | ||
515 | $scope.removeMarginValidation = function(){ | 511 | $scope.removeMarginValidation = function(){ |
516 | $scope.showMarginError = false; | 512 | $scope.showMarginError = false; |
517 | $('.marginSelectBox').removeClass('customErrorInput'); | 513 | $('.marginSelectBox').removeClass('customErrorInput'); |
518 | } | 514 | } |
519 | 515 | ||
520 | getData(); | 516 | getData(); |
521 | function getData(){ | 517 | function getData(){ |
522 | $scope.showLoader = true; | 518 | $scope.showLoader = true; |
523 | CustomersService.getAircraftMake().then(function(result) { | 519 | CustomersService.getAircraftMake().then(function(result) { |
524 | console.log("adadadsd==========") | ||
525 | $scope.aircraftMakeList = result; | 520 | $scope.aircraftMakeList = result; |
526 | $scope.showLoader = false; | 521 | $scope.showLoader = false; |
527 | }) | 522 | }) |
528 | } | 523 | } |
529 | var companyData; | 524 | var companyData; |
530 | $scope.addFirstData = function(sel, step){ | 525 | $scope.addFirstData = function(sel, step){ |
531 | $scope.showLoader = true; | 526 | $scope.showLoader = true; |
532 | if($scope.data.companyName == undefined){ | 527 | if($scope.data.companyName == undefined){ |
533 | $scope.showCompanyError = true; | 528 | $scope.showCompanyError = true; |
534 | $('.companyNameInput').addClass('customErrorInput'); | 529 | $('.companyNameInput').addClass('customErrorInput'); |
535 | }else if($scope.data.masterMargin == undefined){ | 530 | }else if($scope.data.masterMargin == undefined){ |
536 | $scope.showMarginError = true; | 531 | $scope.showMarginError = true; |
537 | $('.marginSelectBox').addClass('customErrorInput'); | 532 | $('.marginSelectBox').addClass('customErrorInput'); |
538 | }else{ | 533 | }else{ |
539 | $scope.aircraftDetails = [{ | 534 | $scope.aircraftDetails = [{ |
540 | 'tail':'', | 535 | 'tail':'', |
541 | 'make': '', | 536 | 'make': '', |
542 | 'model': '', | 537 | 'model': '', |
543 | 'sizeId' : '', | 538 | 'sizeId' : '', |
544 | 'marginId': $scope.data.masterMargin, | 539 | 'marginId': $scope.data.masterMargin, |
545 | 'avgasMarginId': $scope.data.avgasMargin | 540 | 'avgasMarginId': $scope.data.avgasMargin |
546 | }]; | 541 | }]; |
547 | 542 | ||
548 | $(sel).trigger('next.m.' + step); | 543 | $(sel).trigger('next.m.' + step); |
549 | getData(); | 544 | getData(); |
550 | } | 545 | } |
551 | $scope.showLoader = false; | 546 | $scope.showLoader = false; |
552 | } | 547 | } |
553 | $scope.addNew = function(){ | 548 | $scope.addNew = function(){ |
554 | $scope.showLoader = true; | 549 | $scope.showLoader = true; |
555 | $scope.aircraftDetails.push({ | 550 | $scope.aircraftDetails.push({ |
556 | 'tail':'', | 551 | 'tail':'', |
557 | 'make': '', | 552 | 'make': '', |
558 | 'model': '', | 553 | 'model': '', |
559 | 'sizeId' : '', | 554 | 'sizeId' : '', |
560 | 'marginId': $scope.data.masterMargin, | 555 | 'marginId': $scope.data.masterMargin, |
561 | 'avgasMarginId': $scope.data.avgasMargin | 556 | 'avgasMarginId': $scope.data.avgasMargin |
562 | }); | 557 | }); |
563 | $scope.showLoader = false; | 558 | $scope.showLoader = false; |
564 | }; | 559 | }; |
565 | 560 | ||
566 | $scope.aircraft = {}; | 561 | $scope.aircraft = {}; |
567 | $scope.getModal = function(makeId, index){ | 562 | $scope.getModal = function(makeId, index){ |
568 | $scope.showLoader = true; | 563 | $scope.showLoader = true; |
569 | //console.log(makeId) | ||
570 | $scope.aircraft.make = makeId; | 564 | $scope.aircraft.make = makeId; |
571 | //var makeId = makeId; | ||
572 | CustomersService.getModal($scope.aircraft.make).then(function(result) { | 565 | CustomersService.getModal($scope.aircraft.make).then(function(result) { |
573 | $scope.showLoader = false; | 566 | $scope.showLoader = false; |
574 | $scope.aircraftDetails[index].aircraftModalList = result; | 567 | $scope.aircraftDetails[index].aircraftModalList = result; |
575 | //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0]; | 568 | //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0]; |
576 | }) | 569 | }) |
577 | } | 570 | } |
578 | 571 | ||
579 | $scope.getSize = function(model, index){ | 572 | $scope.getSize = function(model, index){ |
580 | $scope.showLoader = true; | 573 | $scope.showLoader = true; |
581 | CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) { | 574 | CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) { |
582 | $scope.showLoader = false; | 575 | $scope.showLoader = false; |
583 | $scope.aircraftDetails[index].aircraftSizeList = result; | 576 | $scope.aircraftDetails[index].aircraftSizeList = result; |
584 | //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0]; | 577 | //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0]; |
585 | }) | 578 | }) |
586 | } | 579 | } |
587 | 580 | ||
588 | $scope.aircraftListData = {}; | 581 | $scope.aircraftListData = {}; |
589 | $scope.addData = []; | 582 | $scope.addData = []; |
590 | $scope.saveCompanyData = function(){ | 583 | $scope.saveCompanyData = function(){ |
591 | CustomersService.addCompany($scope.data).then(function(result) { | 584 | CustomersService.addCompany($scope.data).then(function(result) { |
592 | $scope.accountId = result; | 585 | $scope.accountId = result; |
593 | $scope.aircraft.accountId = $scope.accountId; | 586 | $scope.aircraft.accountId = $scope.accountId; |
594 | 587 | ||
595 | for(var i=0; i<$scope.aircraftDetails.length;i++){ | 588 | for(var i=0; i<$scope.aircraftDetails.length;i++){ |
596 | $scope.addData.push({ | 589 | $scope.addData.push({ |
597 | 'tail': $scope.aircraftDetails[i].tail, | 590 | 'tail': $scope.aircraftDetails[i].tail, |
598 | 'make': $scope.aircraftDetails[i].make, | 591 | 'make': $scope.aircraftDetails[i].make, |
599 | 'model': $scope.aircraftDetails[i].model, | 592 | 'model': $scope.aircraftDetails[i].model, |
600 | 'sizeId' : $scope.aircraftDetails[i].sizeId, | 593 | 'sizeId' : $scope.aircraftDetails[i].sizeId, |
601 | 'marginId': $scope.aircraftDetails[i].marginId, | 594 | 'marginId': $scope.aircraftDetails[i].marginId, |
602 | 'avgasMarginId': $scope.aircraftDetails[i].avgasMarginId | 595 | 'avgasMarginId': $scope.aircraftDetails[i].avgasMarginId |
603 | }); | 596 | }); |
604 | } | 597 | } |
605 | $scope.aircraftListData.aircraftList = $scope.addData; | 598 | $scope.aircraftListData.aircraftList = $scope.addData; |
606 | $scope.aircraftListData.accountId = $scope.aircraft.accountId; | 599 | $scope.aircraftListData.accountId = $scope.aircraft.accountId; |
607 | 600 | ||
608 | if($scope.aircraftListData.aircraftList[0].tail == "" || $scope.aircraftListData.aircraftList[0].make == null || $scope.aircraftListData.aircraftList[0].model == null){ | 601 | if($scope.aircraftListData.aircraftList[0].tail == "" || $scope.aircraftListData.aircraftList[0].make == null || $scope.aircraftListData.aircraftList[0].model == null){ |
609 | $scope.aircraftListData.aircraftList = []; | 602 | $scope.aircraftListData.aircraftList = []; |
610 | } | 603 | } |
611 | 604 | ||
612 | CustomersService.addAircraft($scope.aircraftListData).then(function(result) { | 605 | CustomersService.addAircraft($scope.aircraftListData).then(function(result) { |
613 | 606 | ||
614 | if(result != null && result.success){ | 607 | if(result != null && result.success){ |
615 | toastr.success(''+result.success+'', { | 608 | toastr.success(''+result.success+'', { |
616 | closeButton: true | 609 | closeButton: true |
617 | }) | 610 | }) |
618 | $('#demo-modal-3').modal('hide'); | 611 | $('#demo-modal-3').modal('hide'); |
619 | getAllCompanies(); | 612 | getAllCompanies(); |
620 | }else{ | 613 | }else{ |
621 | toastr.error(''+result.statusText+'', { | 614 | toastr.error(''+result.statusText+'', { |
622 | closeButton: true | 615 | closeButton: true |
623 | }) | 616 | }) |
app/partials/fuelOrders/fuelOrders.html
1 | <style> | 1 | <style> |
2 | .subnavbar .mainnav > li:nth-child(4) > a{ | 2 | .subnavbar .mainnav > li:nth-child(4) > a{ |
3 | color: #c44646; | 3 | color: #c44646; |
4 | } | 4 | } |
5 | 5 | ||
6 | .button1 { | 6 | .button1 { |
7 | display: inline-block; | 7 | display: inline-block; |
8 | height: 35px; | 8 | height: 35px; |
9 | line-height: 35px; | 9 | line-height: 35px; |
10 | padding-right: 15px; | 10 | padding-right: 15px; |
11 | padding-left: 50px; | 11 | padding-left: 50px; |
12 | position: relative; | 12 | position: relative; |
13 | background-color:rgb(41,127,184); | 13 | background-color:rgb(41,127,184); |
14 | color:rgb(255,255,255); | 14 | color:rgb(255,255,255); |
15 | text-decoration: none; | 15 | text-decoration: none; |
16 | text-transform: uppercase; | 16 | text-transform: uppercase; |
17 | letter-spacing: 1px; | 17 | letter-spacing: 1px; |
18 | margin-bottom: 15px; | 18 | margin-bottom: 15px; |
19 | border: 0; | 19 | border: 0; |
20 | 20 | ||
21 | 21 | ||
22 | border-radius: 5px; | 22 | border-radius: 5px; |
23 | -moz-border-radius: 5px; | 23 | -moz-border-radius: 5px; |
24 | -webkit-border-radius: 5px; | 24 | -webkit-border-radius: 5px; |
25 | text-shadow:0px 1px 0px rgba(0,0,0,0.5); | 25 | text-shadow:0px 1px 0px rgba(0,0,0,0.5); |
26 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; | 26 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; |
27 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); | 27 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); |
28 | 28 | ||
29 | -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); | 29 | -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); |
30 | -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); | 30 | -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); |
31 | box-shadow:0px 2px 2px rgba(0,0,0,0.2); | 31 | box-shadow:0px 2px 2px rgba(0,0,0,0.2); |
32 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; | 32 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; |
33 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); | 33 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); |
34 | } | 34 | } |
35 | 35 | ||
36 | .button1 span { | 36 | .button1 span { |
37 | position: absolute; | 37 | position: absolute; |
38 | left: 0; | 38 | left: 0; |
39 | top: 0; | 39 | top: 0; |
40 | width: 35px; | 40 | width: 35px; |
41 | background-color:rgba(0,0,0,0.5); | 41 | background-color:rgba(0,0,0,0.5); |
42 | 42 | ||
43 | -webkit-border-top-left-radius: 5px; | 43 | -webkit-border-top-left-radius: 5px; |
44 | -webkit-border-bottom-left-radius: 5px; | 44 | -webkit-border-bottom-left-radius: 5px; |
45 | -moz-border-radius-topleft: 5px; | 45 | -moz-border-radius-topleft: 5px; |
46 | -moz-border-radius-bottomleft: 5px; | 46 | -moz-border-radius-bottomleft: 5px; |
47 | border-top-left-radius: 5px; | 47 | border-top-left-radius: 5px; |
48 | border-bottom-left-radius: 5px; | 48 | border-bottom-left-radius: 5px; |
49 | border-right: 1px solid rgba(0,0,0,0.15); | 49 | border-right: 1px solid rgba(0,0,0,0.15); |
50 | } | 50 | } |
51 | 51 | ||
52 | .button1:hover span, .button1.active span { | 52 | .button1:hover span, .button1.active span { |
53 | background-color:rgb(0,102,26); | 53 | background-color:rgb(0,102,26); |
54 | border-right: 1px solid rgba(0,0,0,0.3); | 54 | border-right: 1px solid rgba(0,0,0,0.3); |
55 | } | 55 | } |
56 | 56 | ||
57 | .button1:active { | 57 | .button1:active { |
58 | margin-top: 2px; | 58 | margin-top: 2px; |
59 | margin-bottom: 13px; | 59 | margin-bottom: 13px; |
60 | 60 | ||
61 | -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); | 61 | -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); |
62 | -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); | 62 | -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); |
63 | box-shadow:0px 1px 0px rgba(255,255,255,0.5); | 63 | box-shadow:0px 1px 0px rgba(255,255,255,0.5); |
64 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; | 64 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; |
65 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); | 65 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); |
66 | } | 66 | } |
67 | 67 | ||
68 | .button1.turquoise { | 68 | .button1.turquoise { |
69 | background: #449d44; | 69 | background: #449d44; |
70 | } | 70 | } |
71 | </style> | 71 | </style> |
72 | 72 | ||
73 | <div class="myLoader" ng-show="showLoader"> | 73 | <div class="myLoader" ng-show="showLoader"> |
74 | <img src="../img/hourglass.gif" width="50px;"> | 74 | <img src="../img/hourglass.gif" width="50px;"> |
75 | </div> | 75 | </div> |
76 | 76 | ||
77 | 77 | ||
78 | <div class="main"> | 78 | <div class="main"> |
79 | <div class="container"> | 79 | <div class="container"> |
80 | <div class="row"> | 80 | <div class="row"> |
81 | <div class="col-md-12"> | 81 | <div class="col-md-12"> |
82 | <div class="widget stacked "> | 82 | <div class="widget stacked "> |
83 | <div class="widget-content"> | 83 | <div class="widget-content"> |
84 | <div class="tabbable"> | 84 | <div class="tabbable"> |
85 | <ul class="nav nav-tabs"> | 85 | <ul class="nav nav-tabs"> |
86 | <li style="margin: 0px 10px 4px 10px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" ng-model="searchText" placeholder="Search In Table"></li> | 86 | <li style="margin: 0px 10px 4px 10px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" ng-model="searchText" placeholder="Search In Table"></li> |
87 | <li><button type="button" class="btn btn-default btn-sm " ng-click="displayFuelOrderList.filter({}); searchText=null">Clear Search And Filters</button></li> | 87 | <li><button type="button" class="btn btn-default btn-sm " ng-click="displayFuelOrderList.filter({}); searchText=null">Clear Search And Filters</button></li> |
88 | <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li> | 88 | <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li> |
89 | </ul> | 89 | </ul> |
90 | <br> | 90 | <br> |
91 | <div class="tab-content customer-table" style="margin:0px"> | 91 | <div class="tab-content customer-table" style="margin:0px"> |
92 | <div class="tab-pane active" id="companyView"> | 92 | <div class="tab-pane active" id="companyView"> |
93 | <table ng-table="displayFuelOrderList" class="table table-striped table-condensed" show-filter="true"> | 93 | <table ng-table="displayFuelOrderList" class="table table-striped table-condensed" show-filter="true"> |
94 | <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;" > | 94 | <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;" > |
95 | <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ng-click="editTableRow(row)"> | 95 | <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ng-click="editTableRow(row)"> |
96 | {{row.companyName}} | 96 | {{row.companyName}} |
97 | </td> | 97 | </td> |
98 | <td data-title="'Fueling date'" filter="{departingDate: 'text'}" sortable="'departingDate'" ng-click="editTableRow(row)"> | 98 | <td data-title="'Fueling date'" filter="{departingDate: 'text'}" sortable="'departingDate'" ng-click="editTableRow(row)"> |
99 | {{row.upliftDateString}} | 99 | {{row.upliftDateString}} |
100 | </td> | 100 | </td> |
101 | <td data-title="'Tail #'" filter="{aircraftName: 'text'}" sortable="'aircraftName'" ng-click="editTableRow(row)"> | 101 | <td data-title="'Tail #'" filter="{aircraftName: 'text'}" sortable="'aircraftName'" ng-click="editTableRow(row)"> |
102 | {{row.aircraftName}} | 102 | {{row.aircraftName}} |
103 | </td> | 103 | </td> |
104 | <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'" ng-click="editTableRow(row)"> | 104 | <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'" ng-click="editTableRow(row)"> |
105 | {{row.source}} | 105 | {{row.source}} |
106 | </td> | 106 | </td> |
107 | <td data-title="'Volume'" filter="{requestedVolume: 'text'}" sortable="'requestedVolume'" ng-click="editTableRow(row)"> | 107 | <td data-title="'Volume'" filter="{requestedVolume: 'text'}" sortable="'requestedVolume'" ng-click="editTableRow(row)"> |
108 | {{row.requestedVolume}} | 108 | {{row.requestedVolume}} |
109 | </td> | 109 | </td> |
110 | <td data-title="'FBO Cost'" filter="{fboCost: 'text'}" sortable="'fboCost'" ng-click="editTableRow(row)"> | 110 | <td data-title="'FBO Cost'" filter="{fboCost: 'text'}" sortable="'fboCost'" ng-click="editTableRow(row)"> |
111 | {{row.fboCost | number : 4}} | 111 | {{row.fboCost | number : 4}} |
112 | </td> | 112 | </td> |
113 | <td data-title="'Quoted'" filter="{priceQuote: 'text'}" sortable="'priceQuote'" ng-click="editTableRow(row)"> | 113 | <td data-title="'Quoted'" filter="{priceQuote: 'text'}" sortable="'priceQuote'" ng-click="editTableRow(row)"> |
114 | {{row.priceQuote | number : 4}} | 114 | {{row.priceQuote | number : 4}} |
115 | </td> | 115 | </td> |
116 | <td data-title="'Invoiced'" filter="{invoiced: 'text'}" sortable="'invoiced'" ng-click="editTableRow(row)"> | 116 | <td data-title="'Invoiced'" filter="{invoiced: 'text'}" sortable="'invoiced'" ng-click="editTableRow(row)"> |
117 | {{row.invoiced | number : 4}} | 117 | {{row.invoiced | number : 4}} |
118 | </td> | 118 | </td> |
119 | <td data-title="'Total'" filter="{total: 'text'}" sortable="'total'" ng-click="editTableRow(row)"> | 119 | <td data-title="'Total'" filter="{total: 'text'}" sortable="'total'" ng-click="editTableRow(row)"> |
120 | {{row.total | number : 4}} | 120 | {{row.total | number : 4}} |
121 | </td> | 121 | </td> |
122 | <td data-title="'Status'" filter="{status: 'select'}" filter-data="statusFilterOptions" sortable="'status'"> | 122 | <td data-title="'Status'" filter="{status: 'select'}" filter-data="statusFilterOptions" sortable="'status'"> |
123 | <select class="btn btn-regular colorfulSelectbox" ng-model="row.status" ng-style="abc" ng-change="updateStatus(row, row.status)"> | 123 | <select class="btn btn-regular colorfulSelectbox" ng-model="row.status" ng-style="abc" ng-change="updateStatus(row, row.status)"> |
124 | <option class="blackOption" value="pending" ng-selected="row.status == pending"> Pending</option> | 124 | <option class="blackOption" value="pending" ng-selected="row.status == pending"> Pending</option> |
125 | <option class="blueOption" value="invoiced" ng-selected="row.status == invoiced" >Invoiced</option> | 125 | <option class="blueOption" value="invoiced" ng-selected="row.status == invoiced" >Invoiced</option> |
126 | <option class="greenOption" value="paid" ng-selected="row.status == paid" >Paid</option> | 126 | <option class="greenOption" value="paid" ng-selected="row.status == paid" >Paid</option> |
127 | <option class="redOption" value="cancelled" ng-selected="row.status == cancelled" >Cancelled</option> | 127 | <option class="redOption" value="cancelled" ng-selected="row.status == cancelled" >Cancelled</option> |
128 | <option class="yellowOption" value="archived" ng-selected="row.status == archived" >Archived</option> | 128 | <option class="yellowOption" value="archived" ng-selected="row.status == archived" >Archived</option> |
129 | </select> | 129 | </select> |
130 | </td> | 130 | </td> |
131 | <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '"> | 131 | <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '"> |
132 | <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" > | 132 | <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" > |
133 | <option value="" disabled selected="selected" >Invoice</option> | 133 | <option value="" disabled selected="selected" >Invoice</option> |
134 | <option value="viewAttachment" ng-if="row.orderInvoice !== null" >View</option> | 134 | <option value="viewAttachment" ng-if="row.orderInvoice !== null" >View</option> |
135 | <option value="deleteAttachment" ng-if="row.orderInvoice !== null">Delete</option> | 135 | <option value="deleteAttachment" ng-if="row.orderInvoice !== null">Delete</option> |
136 | <option value="0" disabled >_____________</option> | 136 | <option value="0" disabled >_____________</option> |
137 | <option value="uploadAttachment" >Upload</option> | 137 | <option value="uploadAttachment" >Upload</option> |
138 | </select> | 138 | </select> |
139 | <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i> | 139 | <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i> |
140 | </td> | 140 | </td> |
141 | </tr> | 141 | </tr> |
142 | </table> | 142 | </table> |
143 | 143 | ||
144 | <select class="btn btn-primary exportBtn" ng-model="optionSelected" ng-change="onFWSelect()"> | 144 | <select class="btn btn-primary exportBtn" ng-model="optionSelected" ng-change="onFWSelect()"> |
145 | <option value="" disabled selected="selected">Fuel Widget</option> | 145 | <option value="" disabled selected="selected">Fuel Widget</option> |
146 | <option value="dt" >Direct Transaction</option> | 146 | <option value="dt" >Direct Transaction</option> |
147 | <option value="efo" >Export Fuel Orders</option> | 147 | <option value="efo" >Export Fuel Orders</option> |
148 | </select> | 148 | </select> |
149 | 149 | ||
150 | </div> | 150 | </div> |
151 | </div> | 151 | </div> |
152 | </div> | 152 | </div> |
153 | </div> | 153 | </div> |
154 | <!-- /widget-content --> | 154 | <!-- /widget-content --> |
155 | </div> | 155 | </div> |
156 | <!-- /widget --> | 156 | <!-- /widget --> |
157 | </div> | 157 | </div> |
158 | <!-- /span8 --> | 158 | <!-- /span8 --> |
159 | </div> | 159 | </div> |
160 | <!-- /row --> | 160 | <!-- /row --> |
161 | </div> | 161 | </div> |
162 | <!-- /container --> | 162 | <!-- /container --> |
163 | 163 | ||
164 | 164 | ||
165 | </div> | 165 | </div> |
166 | <!-- /main --> | 166 | <!-- /main --> |
167 | 167 | ||
168 | 168 | ||
169 | <form class="modal multi-step" id="demo-modal-3" name="companyForm"> | 169 | <form class="modal multi-step" id="demo-modal-3" name="companyForm"> |
170 | <div class="modal-dialog modal-lg"> | 170 | <div class="modal-dialog modal-lg"> |
171 | <div class="modal-content"> | 171 | <div class="modal-content"> |
172 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> | 172 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> |
173 | <div> | 173 | <div> |
174 | <div class="row" style="margin: 0;"> | 174 | <div class="row" style="margin: 0;"> |
175 | <div> | 175 | <div> |
176 | <div class="widget" style="margin-bottom: 0;"> | 176 | <div class="widget" style="margin-bottom: 0;"> |
177 | <div class="widget-header"> | 177 | <div class="widget-header"> |
178 | <i class="icon-pencil"></i> | 178 | <i class="icon-pencil"></i> |
179 | <i class="fa fa-tasks" aria-hidden="true"></i> | 179 | <i class="fa fa-tasks" aria-hidden="true"></i> |
180 | <h3>Add a New Company</h3> | 180 | <h3>Add a New Company</h3> |
181 | <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> | 181 | <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> |
182 | <div style="color: #ff9a01;">Activate     | 182 | <div style="color: #ff9a01;">Activate     |
183 | <toggle ng-model="data.activate" size="customToogle"></toggle> | 183 | <toggle ng-model="data.activate" size="customToogle"></toggle> |
184 | </div> | 184 | </div> |
185 | </div> | 185 | </div> |
186 | <div class="clearfix"></div> | 186 | <div class="clearfix"></div> |
187 | </div> | 187 | </div> |
188 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> | 188 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> |
189 | <div class="col-xs-12"> | 189 | <div class="col-xs-12"> |
190 | <div class="col-md-8"> | 190 | <div class="col-md-8"> |
191 | <div class="pull-left"> | 191 | <div class="pull-left"> |
192 | <label class="new-input-label"><b>Company Name *</b></label> | 192 | <label class="new-input-label"><b>Company Name *</b></label> |
193 | </div> | 193 | </div> |
194 | <div class="pull-left" style="margin-left: 15px;"> | 194 | <div class="pull-left" style="margin-left: 15px;"> |
195 | <!-- <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> --> | 195 | <!-- <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> --> |
196 | <input type="text" ng-keyup="removeValidation()" ng-model="data.companyName" uib-typeahead="company.companyName for company in compNameList | filter:$viewValue | limitTo:8" class="form-control companyNameInput"> | 196 | <input type="text" ng-keyup="removeValidation()" ng-model="data.companyName" uib-typeahead="company.companyName for company in compNameList | filter:$viewValue | limitTo:8" class="form-control companyNameInput"> |
197 | 197 | ||
198 | <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> | 198 | <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> |
199 | </div> | 199 | </div> |
200 | <div class="clearfix"></div> | 200 | <div class="clearfix"></div> |
201 | </div> | 201 | </div> |
202 | <div class="col-md-4"> | 202 | <div class="col-md-4"> |
203 | 203 | ||
204 | <div class="pull-right"> | 204 | <div class="pull-right"> |
205 | <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> | 205 | <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> |
206 | </div> | 206 | </div> |
207 | <div class="pull-right"> | 207 | <div class="pull-right"> |
208 | <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> | 208 | <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> |
209 | </div> | 209 | </div> |
210 | <div class="clearfix"></div> | 210 | <div class="clearfix"></div> |
211 | </div> | 211 | </div> |
212 | </div> | 212 | </div> |
213 | <div class="clearfix"></div><br> | 213 | <div class="clearfix"></div><br> |
214 | <div class="col-xs-12"> | 214 | <div class="col-xs-12"> |
215 | <div class="col-md-7"> | 215 | <div class="col-md-7"> |
216 | <div class="pull-left"> | 216 | <div class="pull-left"> |
217 | <label class="new-input-label"><b>Relationship </b></label> | 217 | <label class="new-input-label"><b>Relationship </b></label> |
218 | </div> | 218 | </div> |
219 | <div class="pull-left" style="margin-left: 32px;"> | 219 | <div class="pull-left" style="margin-left: 32px;"> |
220 | <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> | 220 | <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> |
221 | <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> | 221 | <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> |
222 | <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor | 222 | <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor |
223 | </div> | 223 | </div> |
224 | <div class="clearfix"></div> | 224 | <div class="clearfix"></div> |
225 | </div> | 225 | </div> |
226 | <div class="col-md-2 Airport" style="text-align: right;"> | 226 | <div class="col-md-2 Airport" style="text-align: right;"> |
227 | <b>Certificate Type</b> | 227 | <b>Certificate Type</b> |
228 | </div> | 228 | </div> |
229 | <div class="col-md-3 Airport"> | 229 | <div class="col-md-3 Airport"> |
230 | <select required class="form-control" ng-model="data.certificateType"> | 230 | <select required class="form-control" ng-model="data.certificateType"> |
231 | <option value="" disabled selected hidden>Select...</option> | 231 | <option value="" disabled selected hidden>Select...</option> |
232 | <option value="corporate">Part 91 (Corporate)</option> | 232 | <option value="corporate">Part 91 (Corporate)</option> |
233 | <option value="charter">Part 135 (Charter)</option> | 233 | <option value="charter">Part 135 (Charter)</option> |
234 | <option value="scheduled">Part 121 (Scheduled)</option> | 234 | <option value="scheduled">Part 121 (Scheduled)</option> |
235 | <option value="military">Military</option> | 235 | <option value="military">Military</option> |
236 | <option value="government">Government</option> | 236 | <option value="government">Government</option> |
237 | </select> | 237 | </select> |
238 | </div> | 238 | </div> |
239 | <div class="clearfix"></div> | 239 | <div class="clearfix"></div> |
240 | </div> | 240 | </div> |
241 | <div class="clearfix"></div> | 241 | <div class="clearfix"></div> |
242 | <br/> | 242 | <br/> |
243 | <div class="col-xs-12"> | 243 | <div class="col-xs-12"> |
244 | <div class="col-md-6"> | 244 | <div class="col-md-6"> |
245 | <div class="pull-left" style="width: 110px;"> | 245 | <div class="pull-left" style="width: 110px;"> |
246 | <b>JET A Margin *</b> | 246 | <b>JET A Margin *</b> |
247 | </div> | 247 | </div> |
248 | <div class="pull-left"> | 248 | <div class="pull-left"> |
249 | <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> | 249 | <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> |
250 | <option value="" disabled>Select...</option> | 250 | <option value="" disabled>Select...</option> |
251 | </select> | 251 | </select> |
252 | <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> | 252 | <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> |
253 | 253 | ||
254 | <div class="clearfix"></div> | 254 | <div class="clearfix"></div> |
255 | </div> | 255 | </div> |
256 | </div> | 256 | </div> |
257 | 257 | ||
258 | <div class="col-md-3 Airport" style="text-align: right;"> | 258 | <div class="col-md-3 Airport" style="text-align: right;"> |
259 | <b>AVGAS 100LL Margin</b> | 259 | <b>AVGAS 100LL Margin</b> |
260 | </div> | 260 | </div> |
261 | <div class="col-md-3 Airport"> | 261 | <div class="col-md-3 Airport"> |
262 | <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> | 262 | <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> |
263 | <option value="" disabled>Select...</option> | 263 | <option value="" disabled>Select...</option> |
264 | </select> | 264 | </select> |
265 | </div> | 265 | </div> |
266 | <div class="clearfix"></div> | 266 | <div class="clearfix"></div> |
267 | </div> | 267 | </div> |
268 | <div class="clearfix"></div> | 268 | <div class="clearfix"></div> |
269 | <br/> | 269 | <br/> |
270 | <div class="col-xs-12"> | 270 | <div class="col-xs-12"> |
271 | <div class="col-md-12"> | 271 | <div class="col-md-12"> |
272 | <div class="pull-left" style="width: 110px;"> | 272 | <div class="pull-left" style="width: 110px;"> |
273 | <label class="new-input-label"><b>Address</b></label> | 273 | <label class="new-input-label"><b>Address</b></label> |
274 | </div> | 274 | </div> |
275 | <div class="pull-left" style="width: calc(100% - 110px);"> | 275 | <div class="pull-left" style="width: calc(100% - 110px);"> |
276 | <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> | 276 | <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> |
277 | </div> | 277 | </div> |
278 | <div class="clearfix"></div> | 278 | <div class="clearfix"></div> |
279 | </div> | 279 | </div> |
280 | </div> | 280 | </div> |
281 | <div class="clearfix"></div> | 281 | <div class="clearfix"></div> |
282 | <br/> | 282 | <br/> |
283 | <div class="col-xs-12"> | 283 | <div class="col-xs-12"> |
284 | <div class="col-md-12"> | 284 | <div class="col-md-12"> |
285 | <div class="pull-left" style="width: 110px;"> | 285 | <div class="pull-left" style="width: 110px;"> |
286 | <label class="new-input-label"><b>Address2</b></label> | 286 | <label class="new-input-label"><b>Address2</b></label> |
287 | </div> | 287 | </div> |
288 | <div class="pull-left" style="width: calc(100% - 110px);"> | 288 | <div class="pull-left" style="width: calc(100% - 110px);"> |
289 | <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> | 289 | <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> |
290 | </div> | 290 | </div> |
291 | <div class="clearfix"></div> | 291 | <div class="clearfix"></div> |
292 | </div> | 292 | </div> |
293 | </div> | 293 | </div> |
294 | <div class="clearfix"></div> | 294 | <div class="clearfix"></div> |
295 | <br/> | 295 | <br/> |
296 | <div class="col-xs-12"> | 296 | <div class="col-xs-12"> |
297 | 297 | ||
298 | <div class="col-md-6"> | 298 | <div class="col-md-6"> |
299 | <div class="pull-left" style="width: 110px;"> | 299 | <div class="pull-left" style="width: 110px;"> |
300 | <label class="new-input-label"><b>City</b></label> | 300 | <label class="new-input-label"><b>City</b></label> |
301 | </div> | 301 | </div> |
302 | <div class="pull-left" style="width: calc(100% - 110px);"> | 302 | <div class="pull-left" style="width: calc(100% - 110px);"> |
303 | <input type="text" ng-model="data.city" class="form-control" placeholder=""> | 303 | <input type="text" ng-model="data.city" class="form-control" placeholder=""> |
304 | </div> | 304 | </div> |
305 | <div class="clearfix"></div> | 305 | <div class="clearfix"></div> |
306 | </div> | 306 | </div> |
307 | <div class="col-md-3"> | 307 | <div class="col-md-3"> |
308 | <div class="pull-left" style="width: 40px;"> | 308 | <div class="pull-left" style="width: 40px;"> |
309 | <label class="new-input-label"><b>State</b></label> | 309 | <label class="new-input-label"><b>State</b></label> |
310 | </div> | 310 | </div> |
311 | <div class="pull-left" style="width: calc(100% - 110px);"> | 311 | <div class="pull-left" style="width: calc(100% - 110px);"> |
312 | <input type="text" ng-model="data.state" class="form-control" placeholder=""> | 312 | <input type="text" ng-model="data.state" class="form-control" placeholder=""> |
313 | </div> | 313 | </div> |
314 | <div class="clearfix"></div> | 314 | <div class="clearfix"></div> |
315 | </div> | 315 | </div> |
316 | <div class="col-md-3"> | 316 | <div class="col-md-3"> |
317 | <div class="pull-left"> | 317 | <div class="pull-left"> |
318 | <label class="new-input-label"><b>Zip Code</b></label> | 318 | <label class="new-input-label"><b>Zip Code</b></label> |
319 | </div> | 319 | </div> |
320 | <div class="pull-right" style="width: calc(100% - 60px);"> | 320 | <div class="pull-right" style="width: calc(100% - 60px);"> |
321 | <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> | 321 | <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> |
322 | </div> | 322 | </div> |
323 | <div class="clearfix"></div> | 323 | <div class="clearfix"></div> |
324 | </div> | 324 | </div> |
325 | </div> | 325 | </div> |
326 | <div class="clearfix"></div> | 326 | <div class="clearfix"></div> |
327 | <br/> | 327 | <br/> |
328 | <div class="col-xs-12"> | 328 | <div class="col-xs-12"> |
329 | 329 | ||
330 | <div class="col-md-6"> | 330 | <div class="col-md-6"> |
331 | <div class="pull-left" style="width: 110px;"> | 331 | <div class="pull-left" style="width: 110px;"> |
332 | <label class="new-input-label"><b>Country</b></label> | 332 | <label class="new-input-label"><b>Country</b></label> |
333 | </div> | 333 | </div> |
334 | <div class="pull-left" style="width: calc(100% - 110px);"> | 334 | <div class="pull-left" style="width: calc(100% - 110px);"> |
335 | <input type="text" ng-model="data.country" class="form-control" placeholder=""> | 335 | <input type="text" ng-model="data.country" class="form-control" placeholder=""> |
336 | </div> | 336 | </div> |
337 | <div class="clearfix"></div> | 337 | <div class="clearfix"></div> |
338 | </div> | 338 | </div> |
339 | <div class="col-md-6"> | 339 | <div class="col-md-6"> |
340 | <div class="pull-left" style="width: 110px;"> | 340 | <div class="pull-left" style="width: 110px;"> |
341 | <label class="new-input-label"><b>Internal Note</b></label> | 341 | <label class="new-input-label"><b>Internal Note</b></label> |
342 | </div> | 342 | </div> |
343 | <div class="pull-left" style="width: calc(100% - 110px);"> | 343 | <div class="pull-left" style="width: calc(100% - 110px);"> |
344 | <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> | 344 | <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> |
345 | </div> | 345 | </div> |
346 | <div class="clearfix"></div> | 346 | <div class="clearfix"></div> |
347 | </div> | 347 | </div> |
348 | </div> | 348 | </div> |
349 | <div class="clearfix"></div> | 349 | <div class="clearfix"></div> |
350 | <!-- <br/> | 350 | <!-- <br/> |
351 | <div class="col-xs-12"> | 351 | <div class="col-xs-12"> |
352 | <div class="col-md-2 Airport"></div> | 352 | <div class="col-md-2 Airport"></div> |
353 | <div class="col-md-10 Airport"> | 353 | <div class="col-md-10 Airport"> |
354 | <div class="pull-right"> | 354 | <div class="pull-right"> |
355 | <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> | 355 | <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> |
356 | <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> | 356 | <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> |
357 | </div> | 357 | </div> |
358 | </div> | 358 | </div> |
359 | </div> --> | 359 | </div> --> |
360 | </div> | 360 | </div> |
361 | </div> | 361 | </div> |
362 | <div class="clearfix"></div> | 362 | <div class="clearfix"></div> |
363 | </div> | 363 | </div> |
364 | </div> | 364 | </div> |
365 | </div> | 365 | </div> |
366 | </div> | 366 | </div> |
367 | <div class="modal-body step-2" data-step="2" style="padding: 0;"> | 367 | <div class="modal-body step-2" data-step="2" style="padding: 0;"> |
368 | <div> | 368 | <div> |
369 | <div class="row" style="margin: 0;"> | 369 | <div class="row" style="margin: 0;"> |
370 | <div> | 370 | <div> |
371 | <div class="widget" style="margin-bottom: 0;"> | 371 | <div class="widget" style="margin-bottom: 0;"> |
372 | <div class="widget-header"> | 372 | <div class="widget-header"> |
373 | <i class="icon-pencil"></i> | 373 | <i class="icon-pencil"></i> |
374 | <i class="fa fa-tasks" aria-hidden="true"></i> | 374 | <i class="fa fa-tasks" aria-hidden="true"></i> |
375 | <h3>Add a New Company</h3> | 375 | <h3>Add a New Company</h3> |
376 | <div class="clearfix"></div> | 376 | <div class="clearfix"></div> |
377 | </div> | 377 | </div> |
378 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> | 378 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> |
379 | <div class="col-xs-12"> | 379 | <div class="col-xs-12"> |
380 | <div class="widget-header"> | 380 | <div class="widget-header"> |
381 | <i class="fa fa-list"></i> | 381 | <i class="fa fa-list"></i> |
382 | <h3>Aircraft List</h3> | 382 | <h3>Aircraft List</h3> |
383 | </div> | 383 | </div> |
384 | <div class="widget-content" style="padding:0px;border: 0px; "> | 384 | <div class="widget-content" style="padding:0px;border: 0px; "> |
385 | <div class="table-responsive"> | 385 | <div class="table-responsive"> |
386 | <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> | 386 | <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> |
387 | <thead> | 387 | <thead> |
388 | <tr> | 388 | <tr> |
389 | <th>Tail</th> | 389 | <th>Tail</th> |
390 | <th>Make</th> | 390 | <th>Make</th> |
391 | <th>Model</th> | 391 | <th>Model</th> |
392 | <th>Size</th> | 392 | <th>Size</th> |
393 | <th>Margin</th> | 393 | <th>Margin</th> |
394 | </tr> | 394 | </tr> |
395 | </thead> | 395 | </thead> |
396 | <tbody> | 396 | <tbody> |
397 | <tr> | 397 | <tr> |
398 | <td> | 398 | <td> |
399 | <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> | 399 | <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> |
400 | </td> | 400 | </td> |
401 | <td style="width: 25%;"> | 401 | <td style="width: 25%;"> |
402 | <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> | 402 | <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> |
403 | <option ng-repeat="make in aircraftMakeList">{{make}}</option> | 403 | <option ng-repeat="make in aircraftMakeList">{{make}}</option> |
404 | </select> | 404 | </select> |
405 | </td> | 405 | </td> |
406 | <td style="width: 20%;"> | 406 | <td style="width: 20%;"> |
407 | <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> | 407 | <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> |
408 | <option ng-repeat="model in aircraftModalList">{{model}}</option> | 408 | <option ng-repeat="model in aircraftModalList">{{model}}</option> |
409 | </select> | 409 | </select> |
410 | </td> | 410 | </td> |
411 | <td style="width: 25%;"> | 411 | <td style="width: 25%;"> |
412 | <select class="form-control" ng-model="aircraft.size"> | 412 | <select class="form-control" ng-model="aircraft.size"> |
413 | <option ng-repeat="size in aircraftSizeList">{{size}}</option> | 413 | <option ng-repeat="size in aircraftSizeList">{{size}}</option> |
414 | </select> | 414 | </select> |
415 | </td> | 415 | </td> |
416 | <td> | 416 | <td> |
417 | <select class="form-control"> | 417 | <select class="form-control"> |
418 | <option>Margin1</option> | 418 | <option>Margin1</option> |
419 | <option>Margin2</option> | 419 | <option>Margin2</option> |
420 | </select> | 420 | </select> |
421 | </td> | 421 | </td> |
422 | </tr> | 422 | </tr> |
423 | </tbody> | 423 | </tbody> |
424 | 424 | ||
425 | </table> --> | 425 | </table> --> |
426 | <table class="table table-striped table-bordered"> | 426 | <table class="table table-striped table-bordered"> |
427 | <thead> | 427 | <thead> |
428 | <tr> | 428 | <tr> |
429 | <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> | 429 | <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> |
430 | <th>Tail</th> | 430 | <th>Tail</th> |
431 | <th>Make</th> | 431 | <th>Make</th> |
432 | <th>Model</th> | 432 | <th>Model</th> |
433 | <th>Size</th> | 433 | <th>Size</th> |
434 | <th>JET A Margin</th> | 434 | <th>JET A Margin</th> |
435 | <th>AVGS 100LL Margin</th> | 435 | <th>AVGS 100LL Margin</th> |
436 | </tr> | 436 | </tr> |
437 | </thead> | 437 | </thead> |
438 | <tbody> | 438 | <tbody> |
439 | <tr ng-repeat="aircraftData in aircraftDetails track by $index"> | 439 | <tr ng-repeat="aircraftData in aircraftDetails track by $index"> |
440 | <!-- <td> | 440 | <!-- <td> |
441 | <input type="checkbox" ng-model="aircraftData.selected"/> | 441 | <input type="checkbox" ng-model="aircraftData.selected"/> |
442 | </td> --> | 442 | </td> --> |
443 | <td style="width: 15%"> | 443 | <td style="width: 15%"> |
444 | <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> | 444 | <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> |
445 | </td> | 445 | </td> |
446 | <td style="width: 17%"> | 446 | <td style="width: 17%"> |
447 | <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> | 447 | <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> |
448 | <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option> | 448 | <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option> |
449 | <option value="" disabled>Select...</option> | 449 | <option value="" disabled>Select...</option> |
450 | </select> | 450 | </select> |
451 | </td> | 451 | </td> |
452 | <td style="width: 17%"> | 452 | <td style="width: 17%"> |
453 | <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> | 453 | <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> |
454 | <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> | 454 | <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> |
455 | <option value="" disabled>Select...</option> | 455 | <option value="" disabled>Select...</option> |
456 | </select> | 456 | </select> |
457 | </td> | 457 | </td> |
458 | <td style="width: 17%"> | 458 | <td style="width: 17%"> |
459 | <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> | 459 | <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> |
460 | <option value="" disabled>Select...</option> | 460 | <option value="" disabled>Select...</option> |
461 | </select> --> | 461 | </select> --> |
462 | <select class="form-control" ng-model="aircraftData.sizeId"> | 462 | <select class="form-control" ng-model="aircraftData.sizeId"> |
463 | <option value="" disabled>Select</option> | 463 | <option value="" disabled>Select</option> |
464 | <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> | 464 | <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> |
465 | </select> | 465 | </select> |
466 | <!-- <select class="form-control" ng-model="aircraftData.size"> | 466 | <!-- <select class="form-control" ng-model="aircraftData.size"> |
467 | <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> | 467 | <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> |
468 | </select> --> | 468 | </select> --> |
469 | </td> | 469 | </td> |
470 | <td style="width: 17%"> | 470 | <td style="width: 17%"> |
471 | <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> | 471 | <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> |
472 | <option value="" disabled>Select...</option> | 472 | <option value="" disabled>Select...</option> |
473 | </select> --> | 473 | </select> --> |
474 | <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> | 474 | <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> |
475 | <option value="" disabled>Select</option> | 475 | <option value="" disabled>Select</option> |
476 | <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> | 476 | <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> |
477 | </select> | 477 | </select> |
478 | </td> | 478 | </td> |
479 | <td style="width: 17%"> | 479 | <td style="width: 17%"> |
480 | <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> | 480 | <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> |
481 | <option value="" disabled>Select...</option> | 481 | <option value="" disabled>Select...</option> |
482 | </select> --> | 482 | </select> --> |
483 | <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> | 483 | <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> |
484 | <option value="" disabled>Select</option> | 484 | <option value="" disabled>Select</option> |
485 | <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> | 485 | <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> |
486 | </select> | 486 | </select> |
487 | </td> | 487 | </td> |
488 | </tr> | 488 | </tr> |
489 | </tbody> | 489 | </tbody> |
490 | </table> | 490 | </table> |
491 | </div> | 491 | </div> |
492 | <div class="clearfix"></div> | 492 | <div class="clearfix"></div> |
493 | </div> | 493 | </div> |
494 | </div> | 494 | </div> |
495 | <div class="clearfix"></div> | 495 | <div class="clearfix"></div> |
496 | <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> | 496 | <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> |
497 | <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> | 497 | <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> |
498 | </div> | 498 | </div> |
499 | <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> | 499 | <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> |
500 | <div class="pull-right"> | 500 | <div class="pull-right"> |
501 | <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> | 501 | <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> |
502 | <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> | 502 | <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> |
503 | <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> | 503 | <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> |
504 | </div> | 504 | </div> |
505 | </div> --> | 505 | </div> --> |
506 | </div> | 506 | </div> |
507 | </div> | 507 | </div> |
508 | <div class="clearfix"></div> | 508 | <div class="clearfix"></div> |
509 | </div> | 509 | </div> |
510 | </div> | 510 | </div> |
511 | </div> | 511 | </div> |
512 | </div> | 512 | </div> |
513 | <!-- <div class="modal-body step-3" data-step="3"> | 513 | <!-- <div class="modal-body step-3" data-step="3"> |
514 | This is the final step. | 514 | This is the final step. |
515 | </div> --> | 515 | </div> --> |
516 | <div class="modal-footer" style="border-top: 0;"> | 516 | <div class="modal-footer" style="border-top: 0;"> |
517 | <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> | 517 | <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> |
518 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> | 518 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> |
519 | <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> | 519 | <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> |
520 | <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> | 520 | <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> |
521 | <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> | 521 | <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> |
522 | </div> | 522 | </div> |
523 | </div> | 523 | </div> |
524 | </div> | 524 | </div> |
525 | </form> | 525 | </form> |
526 | 526 | ||
527 | 527 | ||
528 | 528 | ||
529 | <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm"> | 529 | <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm"> |
530 | <div class="modal-dialog modal-lg"> | 530 | <div class="modal-dialog modal-lg"> |
531 | <div class="modal-content"> | 531 | <div class="modal-content"> |
532 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> | 532 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> |
533 | <div> | 533 | <div> |
534 | <div class="row" style="margin: 0;"> | 534 | <div class="row" style="margin: 0;"> |
535 | <div> | 535 | <div> |
536 | <div class="widget" style="margin-bottom: 0;"> | 536 | <div class="widget" style="margin-bottom: 0;"> |
537 | <div class="widget-header"> | 537 | <div class="widget-header"> |
538 | <i class="icon-pencil"></i> | 538 | <i class="icon-pencil"></i> |
539 | <i class="fa fa-tasks" aria-hidden="true"></i> | 539 | <i class="fa fa-tasks" aria-hidden="true"></i> |
540 | <h3>Add a Fuel Order</h3> | 540 | <h3>Add a Fuel Order</h3> |
541 | <div class="clearfix"></div> | 541 | <div class="clearfix"></div> |
542 | </div> | 542 | </div> |
543 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> | 543 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> |
544 | <div class="col-xs-12"> | 544 | <div class="col-xs-12"> |
545 | <div class="col-xs-12"> | 545 | <div class="col-xs-12"> |
546 | 546 | ||
547 | <div class="col-md-6"> | 547 | <div class="col-md-6"> |
548 | <div class="pull-left" style="width: 110px;"> | 548 | <div class="pull-left" style="width: 110px;"> |
549 | <label class="new-input-label"><b>Fueling Date</b></label> | 549 | <label class="new-input-label"><b>Fueling Date</b></label> |
550 | </div> | 550 | </div> |
551 | <div class="pull-left" style="width: calc(100% - 110px);"> | 551 | <div class="pull-left" style="width: calc(100% - 110px);"> |
552 | <input type="type" ng-model="order.upliftDate" class="form-control" placeholder="Select Date" datepicker /> | 552 | <input type="type" ng-model="order.upliftDate" class="form-control" placeholder="Select Date" datepicker /> |
553 | <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> | 553 | <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> |
554 | </div> | 554 | </div> |
555 | <div class="clearfix"></div> | 555 | <div class="clearfix"></div> |
556 | </div> | 556 | </div> |
557 | <div class="col-md-6"> | 557 | <div class="col-md-6"> |
558 | <div class="pull-left" style="width: 110px;"> | 558 | <div class="pull-left" style="width: 110px;"> |
559 | <label class="new-input-label"><b>Volume</b></label> | 559 | <label class="new-input-label"><b>Volume</b></label> |
560 | </div> | 560 | </div> |
561 | <div class="pull-left" style="width: calc(100% - 110px);"> | 561 | <div class="pull-left" style="width: calc(100% - 110px);"> |
562 | <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control" placeholder=""> | 562 | <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control" placeholder=""> |
563 | </div> | 563 | </div> |
564 | <div class="clearfix"></div> | 564 | <div class="clearfix"></div> |
565 | </div> | 565 | </div> |
566 | </div> | 566 | </div> |
567 | <div class="clearfix"></div><br> | 567 | <div class="clearfix"></div><br> |
568 | 568 | ||
569 | <div class="col-xs-12"> | 569 | <div class="col-xs-12"> |
570 | 570 | ||
571 | <div class="col-md-6"> | 571 | <div class="col-md-6"> |
572 | <div class="pull-left" style="width: 110px;"> | 572 | <div class="pull-left" style="width: 110px;"> |
573 | <label class="new-input-label"><b>Company</b></label> | 573 | <label class="new-input-label"><b>Company</b></label> |
574 | </div> | 574 | </div> |
575 | <div class="pull-left" style="width: calc(100% - 110px);"> | 575 | <div class="pull-left" style="width: calc(100% - 110px);"> |
576 | <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;"> | 576 | <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;"> |
577 | <option value="" selected disabled>Select Company</option> | 577 | <option value="" selected disabled>Select Company</option> |
578 | <option ng-repeat="list in companyList">{{list.companyName}}</option> | 578 | <option ng-repeat="list in companyList">{{list.companyName}}</option> |
579 | </select> | 579 | </select> |
580 | </div> | 580 | </div> |
581 | <div class="clearfix"></div> | 581 | <div class="clearfix"></div> |
582 | </div> | 582 | </div> |
583 | <div class="col-md-6"> | 583 | <div class="col-md-6"> |
584 | <div class="pull-left" style="width: 110px;"> | 584 | <div class="pull-left" style="width: 110px;"> |
585 | <label class="new-input-label"><b>Invoiced</b></label> | 585 | <label class="new-input-label"><b>Invoiced</b></label> |
586 | <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> | 586 | <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> |
587 | </div> | 587 | </div> |
588 | <div class="pull-left" style="width: calc(100% - 110px);"> | 588 | <div class="pull-left" style="width: calc(100% - 110px);"> |
589 | <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="0.0000" valid-number /> | 589 | <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="0.0000" valid-number /> |
590 | </div> | 590 | </div> |
591 | <div class="clearfix"></div> | 591 | <div class="clearfix"></div> |
592 | </div> | 592 | </div> |
593 | 593 | ||
594 | </div> | 594 | </div> |
595 | <div class="clearfix"></div> | 595 | <div class="clearfix"></div> |
596 | <br/> | 596 | <br/> |
597 | 597 | ||
598 | 598 | ||
599 | <div class="col-xs-12"> | 599 | <div class="col-xs-12"> |
600 | 600 | ||
601 | 601 | ||
602 | <div class="col-md-6"> | 602 | <div class="col-md-6"> |
603 | <div class="pull-left" style="width: 110px;"> | 603 | <div class="pull-left" style="width: 110px;"> |
604 | <label class="new-input-label"><b>Tail #</b></label> | 604 | <label class="new-input-label"><b>Tail #</b></label> |
605 | </div> | 605 | </div> |
606 | <div class="pull-left" style="width: calc(100% - 110px);"> | 606 | <div class="pull-left" style="width: calc(100% - 110px);"> |
607 | <select class="form-control" ng-model="order.aircraftName"> | 607 | <select class="form-control" ng-model="order.aircraftName"> |
608 | <option selected disabled value="">Select Aircraft</option> | 608 | <option selected disabled value="">Select Aircraft</option> |
609 | <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option> | 609 | <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option> |
610 | </select> | 610 | </select> |
611 | </div> | 611 | </div> |
612 | <div class="clearfix"></div> | 612 | <div class="clearfix"></div> |
613 | </div> | 613 | </div> |
614 | <div class="col-md-6"> | 614 | <div class="col-md-6"> |
615 | <div class="pull-left" style="width: 110px;"> | 615 | <div class="pull-left" style="width: 110px;"> |
616 | <label class="new-input-label"><b>Total</b></label> | 616 | <label class="new-input-label"><b>Total</b></label> |
617 | <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> | 617 | <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> |
618 | </div> | 618 | </div> |
619 | <div class="pull-left" style="width: calc(100% - 110px);"> | 619 | <div class="pull-left" style="width: calc(100% - 110px);"> |
620 | <input type="text" disabled ng-model="order.total" class="form-control" placeholder="0.0000" value="{{order.volume * order.invoiced}}" valid-number /> | 620 | <input type="text" disabled ng-model="order.total" class="form-control" placeholder="0.0000" value="{{order.volume * order.invoiced}}" valid-number /> |
621 | 621 | ||
622 | </div> | 622 | </div> |
623 | <div class="clearfix"></div> | 623 | <div class="clearfix"></div> |
624 | </div> | 624 | </div> |
625 | </div> | 625 | </div> |
626 | <div class="clearfix"></div> | 626 | <div class="clearfix"></div> |
627 | <br/> | 627 | <br/> |
628 | <div class="col-xs-12"> | 628 | <div class="col-xs-12"> |
629 | 629 | ||
630 | 630 | ||
631 | <div class="col-md-6"> | 631 | <div class="col-md-6"> |
632 | <div class="pull-left" style="width: 110px;"> | 632 | <div class="pull-left" style="width: 110px;"> |
633 | <label class="new-input-label"><b>Source</b></label> | 633 | <label class="new-input-label"><b>Source</b></label> |
634 | </div> | 634 | </div> |
635 | <div class="pull-left" style="width: calc(100% - 110px);"> | 635 | <div class="pull-left" style="width: calc(100% - 110px);"> |
636 | <select ui-select2 ng-model="order.source" style="width: 100%;"> | 636 | <select ui-select2 ng-model="order.source" style="width: 100%;"> |
637 | <option value="" selected disabled>Select Source</option> | 637 | <option value="" selected disabled>Select Source</option> |
638 | <option ng-repeat="list in sourceList">{{list.source}}</option> | 638 | <option ng-repeat="list in sourceList">{{list.source}}</option> |
639 | </select> | 639 | </select> |
640 | </div> | 640 | </div> |
641 | <div class="clearfix"></div> | 641 | <div class="clearfix"></div> |
642 | </div> | 642 | </div> |
643 | <div class="col-md-6"> | 643 | <div class="col-md-6"> |
644 | <div class="pull-left" style="width: 110px;"> | 644 | <div class="pull-left" style="width: 110px;"> |
645 | <label class="new-input-label"><b>Price Quote</b></label> | 645 | <label class="new-input-label"><b>Price Quote</b></label> |
646 | </div> | 646 | </div> |
647 | <div class="pull-left" style="width: calc(100% - 110px);"> | 647 | <div class="pull-left" style="width: calc(100% - 110px);"> |
648 | <select ui-select2 style="width: 100%;" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" class="price-quote-select"> | 648 | <select ui-select2 style="width: 100%;" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" class="price-quote-select"> |
649 | <option value="" selected disabled>Select Price Quote</option> | 649 | <option value="" selected disabled>Select Price Quote</option> |
650 | <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option> | 650 | <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option> |
651 | </select> | 651 | </select> |
652 | </div> | 652 | </div> |
653 | <div class="clearfix"></div> | 653 | <div class="clearfix"></div> |
654 | </div> | 654 | </div> |
655 | 655 | ||
656 | </div> | 656 | </div> |
657 | <div class="clearfix"></div> | 657 | <div class="clearfix"></div> |
658 | <br/> | 658 | <br/> |
659 | <div class="col-xs-12"> | 659 | <div class="col-xs-12"> |
660 | 660 | ||
661 | 661 | ||
662 | <div class="col-md-6"> | 662 | <div class="col-md-6"> |
663 | <div class="pull-left" style="width: 110px;"> | 663 | <div class="pull-left" style="width: 110px;"> |
664 | <label class="new-input-label"><b>Status</b></label> | 664 | <label class="new-input-label"><b>Status</b></label> |
665 | </div> | 665 | </div> |
666 | <div class="pull-left" style="width: calc(100% - 110px);"> | 666 | <div class="pull-left" style="width: calc(100% - 110px);"> |
667 | <select ui-select2 ng-model="order.status" style="width: 100%;"> | 667 | <select ui-select2 ng-model="order.status" style="width: 100%;"> |
668 | <option value="" selected disabled>Select Status</option> | 668 | <option value="" selected disabled>Select Status</option> |
669 | <option>pending</option> | 669 | <option>pending</option> |
670 | <option>Invoiced</option> | 670 | <option>Invoiced</option> |
671 | <option>Paid</option> | 671 | <option>Paid</option> |
672 | <option>Cancelled</option> | 672 | <option>Cancelled</option> |
673 | <option>Archived</option> | 673 | <option>Archived</option> |
674 | </select> | 674 | </select> |
675 | </div> | 675 | </div> |
676 | <div class="clearfix"></div> | 676 | <div class="clearfix"></div> |
677 | </div> | 677 | </div> |
678 | <div class="col-md-6"> | 678 | <div class="col-md-6"> |
679 | <div class="pull-left" style="width: 110px;"> | 679 | <div class="pull-left" style="width: 110px;"> |
680 | <label class="new-input-label"><b>FBO Cost</b></label> | 680 | <label class="new-input-label"><b>FBO Cost</b></label> |
681 | <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> | 681 | <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> |
682 | </div> | 682 | </div> |
683 | <div class="pull-left" style="width: calc(100% - 110px);"> | 683 | <div class="pull-left" style="width: calc(100% - 110px);"> |
684 | <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number /> | 684 | <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number /> |
685 | </div> | 685 | </div> |
686 | <div class="clearfix"></div> | 686 | <div class="clearfix"></div> |
687 | </div> | 687 | </div> |
688 | </div> | 688 | </div> |
689 | <div class="clearfix"></div> | 689 | <div class="clearfix"></div> |
690 | <br/> | 690 | <br/> |
691 | <div class="col-xs-12"> | 691 | <div class="col-xs-12"> |
692 | 692 | ||
693 | 693 | ||
694 | </div> | 694 | </div> |
695 | <div class="clearfix"></div> | 695 | <div class="clearfix"></div> |
696 | <br/> | 696 | <br/> |
697 | <div class="col-xs-12"> | 697 | <div class="col-xs-12"> |
698 | 698 | ||
699 | </div> | 699 | </div> |
700 | <div class="clearfix"></div> | 700 | <div class="clearfix"></div> |
701 | 701 | ||
702 | </div> | 702 | </div> |
703 | </div> | 703 | </div> |
704 | <div class="clearfix"></div> | 704 | <div class="clearfix"></div> |
705 | </div> | 705 | </div> |
706 | </div> | 706 | </div> |
707 | </div> | 707 | </div> |
708 | </div> | 708 | </div> |
709 | 709 | ||
710 | <div class="modal-footer" style="border-top: 0;"> | 710 | <div class="modal-footer" style="border-top: 0;"> |
711 | <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> | 711 | <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> |
712 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFuelData()">Save</button> | 712 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFuelData()">Save</button> |
713 | </div> | 713 | </div> |
714 | </div> | 714 | </div> |
715 | </div> | 715 | </div> |
716 | </div> | 716 | </div> |
717 | </form> | 717 | </form> |
718 | 718 | ||
719 | 719 | ||
720 | <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm"> | 720 | <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm"> |
721 | <div class="modal-dialog modal-lg"> | 721 | <div class="modal-dialog modal-lg"> |
722 | <div class="modal-content"> | 722 | <div class="modal-content"> |
723 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> | 723 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> |
724 | <div> | 724 | <div> |
725 | <div class="row" style="margin: 0;"> | 725 | <div class="row" style="margin: 0;"> |
726 | <div> | 726 | <div> |
727 | <div class="widget" style="margin-bottom: 0;"> | 727 | <div class="widget" style="margin-bottom: 0;"> |
728 | <div class="widget-header"> | 728 | <div class="widget-header"> |
729 | <i class="icon-pencil"></i> | 729 | <i class="icon-pencil"></i> |
730 | <i class="fa fa-tasks" aria-hidden="true"></i> | 730 | <i class="fa fa-tasks" aria-hidden="true"></i> |
731 | <h3>Update Fuel Order</h3> | 731 | <h3>Update Fuel Order</h3> |
732 | <div class="clearfix"></div> | 732 | <div class="clearfix"></div> |
733 | </div> | 733 | </div> |
734 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> | 734 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> |
735 | <div class="col-xs-12"> | 735 | <div class="col-xs-12"> |
736 | <div class="col-xs-12"> | 736 | <div class="col-xs-12"> |
737 | 737 | ||
738 | <div class="col-md-6"> | 738 | <div class="col-md-6"> |
739 | <div class="pull-left" style="width: 110px;"> | 739 | <div class="pull-left" style="width: 110px;"> |
740 | <label class="new-input-label"><b>Fueling Date</b></label> | 740 | <label class="new-input-label" style="margin-top: 25px;"><b>ETA</b></label> |
741 | </div> | 741 | </div> |
742 | <div class="pull-left" style="width: calc(100% - 110px);"> | 742 | <div class="pull-left" style="width: calc(100% - 110px);"> |
743 | <input type="text" ng-model="editdata.upliftDateString" class="form-control" placeholder="" datepicker/> | 743 | <div style="width: 50%; float: left;"> |
744 | Date | ||
745 | <input type="text" style="width: 90%;" ng-model="editdata.upliftDateString" class="form-control" placeholder="" datepicker/> | ||
746 | </div> | ||
744 | <!-- {{editdata.upliftDateString}} --> | 747 | <!-- {{editdata.upliftDateString}} --> |
748 | <div style="width: 50%; float: left;"> | ||
749 | Time | ||
750 | <select ui-select2 ng-model="etaTimeList" style="width: 90%;"> | ||
751 | <option ng-repeat="li in etaTimeList">{{li.time}}</option> | ||
752 | </select> | ||
753 | </div> | ||
745 | </div> | 754 | </div> |
746 | <div class="clearfix"></div> | 755 | <div class="clearfix"></div> |
747 | </div> | 756 | </div> |
748 | <div class="col-md-6"> | 757 | <div class="col-md-6" style="margin-top: 25px;"> |
749 | <div class="pull-left" style="width: 110px;"> | 758 | <div class="pull-left" style="width: 110px;"> |
750 | <label class="new-input-label"><b>Volume</b></label> | 759 | <label class="new-input-label"><b>Volume</b></label> |
751 | </div> | 760 | </div> |
752 | <div class="pull-left" style="width: calc(100% - 110px);"> | 761 | <div class="pull-left" style="width: calc(100% - 110px);"> |
753 | <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder=""> | 762 | <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder=""> |
754 | </div> | 763 | </div> |
755 | <div class="clearfix"></div> | 764 | <div class="clearfix"></div> |
756 | </div> | 765 | </div> |
757 | 766 | </div> | |
767 | <div class="clearfix"></div><br> | ||
768 | |||
769 | <div class="col-xs-12"> | ||
770 | |||
771 | <div class="col-md-6"> | ||
772 | <div class="pull-left" style="width: 110px;"> | ||
773 | <label class="new-input-label"><b>ETD</b></label> | ||
774 | </div> | ||
775 | <div class="pull-left" style="width: calc(100% - 110px);"> | ||
776 | <div style="width: 50%; float: left;"> | ||
777 | <input type="text" style="width: 90%" ng-model="editdata.departingDateString" class="form-control" placeholder="" datepicker/> | ||
778 | </div> | ||
779 | <div style="width: 50%; float: left;"> | ||
780 | <select ui-select2 ng-model="etdTimeList" style="width: 90%;"> | ||
781 | <option ng-repeat="list in etdTimeList">{{list.time}}</option> | ||
782 | </select> | ||
783 | </div> | ||
784 | </div> | ||
785 | <div class="clearfix"></div> | ||
786 | </div> | ||
787 | <div class="col-md-6"> | ||
788 | <div class="pull-left" style="width: 110px;"> | ||
789 | <label class="new-input-label"><b>Fuel on</b></label> | ||
790 | </div> | ||
791 | <div class="pull-left" style="width: calc(100% - 110px);">Arrival | ||
792 | <!-- <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder=""> --> | ||
793 | </div> | ||
794 | <div class="clearfix"></div> | ||
795 | </div> | ||
758 | </div> | 796 | </div> |
759 | <div class="clearfix"></div><br> | 797 | <div class="clearfix"></div><br> |
760 | 798 | ||
761 | <div class="col-xs-12"> | 799 | <div class="col-xs-12"> |
762 | 800 | ||
763 | <div class="col-md-6"> | 801 | <div class="col-md-6"> |
764 | <div class="pull-left" style="width: 110px;"> | 802 | <div class="pull-left" style="width: 110px;"> |
765 | <label class="new-input-label"><b>Company</b></label> | 803 | <label class="new-input-label"><b>Company</b></label> |
766 | </div> | 804 | </div> |
767 | <div class="pull-left" style="width: calc(100% - 110px);"> | 805 | <div class="pull-left" style="width: calc(100% - 110px);"> |
768 | <!--<select ui-select2 ng-model="editdata.companyName" style="width: 100%;"> | 806 | <!--<select ui-select2 ng-model="editdata.companyName" style="width: 100%;"> |
769 | <option value="" selected disabled>Select Company</option> | 807 | <option value="" selected disabled>Select Company</option> |
770 | <option ng-repeat="list in companyList">{{list.companyName}}</option> | 808 | <option ng-repeat="list in companyList">{{list.companyName}}</option> |
771 | </select>--> | 809 | </select>--> |
772 | {{editdata.companyName}} | 810 | {{editdata.companyName}} |
773 | </div> | 811 | </div> |
774 | <div class="clearfix"></div> | 812 | <div class="clearfix"></div> |
775 | </div> | 813 | </div> |
776 | <div class="col-md-6"> | 814 | <div class="col-md-6"> |
777 | <div class="pull-left" style="width: 110px;"> | 815 | <div class="pull-left" style="width: 110px;"> |
778 | <label class="new-input-label"><b>Invoiced</b></label> | 816 | <label class="new-input-label"><b>Invoiced</b></label> |
779 | </div> | 817 | </div> |
780 | <div class="pull-left" style="width: calc(100% - 110px);"> | 818 | <div class="pull-left" style="width: calc(100% - 110px);"> |
781 | <input type="text" ng-model="editdata.invoiced" ng-keyup="updateTotal(editdata.invoiced,'i')" class="form-control" placeholder=""> | 819 | <input type="text" ng-model="editdata.invoiced" ng-keyup="updateTotal(editdata.invoiced,'i')" class="form-control" placeholder=""> |
782 | </div> | 820 | </div> |
783 | <div class="clearfix"></div> | 821 | <div class="clearfix"></div> |
784 | </div> | 822 | </div> |
785 | 823 | ||
786 | </div> | 824 | </div> |
787 | <div class="clearfix"></div> | 825 | <div class="clearfix"></div> |
788 | <br/> | 826 | <br/> |
789 | 827 | ||
790 | 828 | ||
791 | <div class="col-xs-12"> | 829 | <div class="col-xs-12"> |
792 | 830 | ||
793 | <div class="col-md-6"> | 831 | <div class="col-md-6"> |
794 | <div class="pull-left" style="width: 110px;"> | 832 | <div class="pull-left" style="width: 110px;"> |
795 | <label class="new-input-label"><b>Tail #</b></label> | 833 | <label class="new-input-label"><b>Tail #</b></label> |
796 | </div> | 834 | </div> |
797 | <div class="pull-left" style="width: calc(100% - 110px);"> | 835 | <div class="pull-left" style="width: calc(100% - 110px);"> |
798 | <!--<input type="text" ng-model="editdata.aircraftName" class="form-control" placeholder="">--> | 836 | <!--<input type="text" ng-model="editdata.aircraftName" class="form-control" placeholder="">--> |
799 | {{editdata.aircraftName}} | 837 | {{editdata.aircraftName}} |
800 | </div> | 838 | </div> |
801 | <div class="clearfix"></div> | 839 | <div class="clearfix"></div> |
802 | </div> | 840 | </div> |
803 | <div class="col-md-6"> | 841 | <div class="col-md-6"> |
804 | <div class="pull-left" style="width: 110px;"> | 842 | <div class="pull-left" style="width: 110px;"> |
805 | <label class="new-input-label"><b>Total</b></label> | 843 | <label class="new-input-label"><b>Total</b></label> |
806 | </div> | 844 | </div> |
807 | <div class="pull-left" style="width: calc(100% - 110px);"> | 845 | <div class="pull-left" style="width: calc(100% - 110px);"> |
808 | <input type="text" class="form-control" disabled ng-model="editdata.total" placeholder="0.0" ng-value="{{editdata.requestedVolume * editdata.invoiced}}"> | 846 | <input type="text" class="form-control" disabled ng-model="editdata.total | number : 4" placeholder="" ng-value="{{editdata.requestedVolume * editdata.invoiced}}"> |
809 | <!--{{editdata.total }}--> | 847 | <!--{{editdata.total }}--> |
810 | </div> | 848 | </div> |
811 | <div class="clearfix"></div> | 849 | <div class="clearfix"></div> |
812 | </div> | 850 | </div> |
813 | </div> | 851 | </div> |
814 | <div class="clearfix"></div> | 852 | <div class="clearfix"></div> |
815 | <br/> | 853 | <br/> |
816 | <div class="col-xs-12"> | 854 | <div class="col-xs-12"> |
817 | 855 | ||
818 | 856 | ||
819 | <div class="col-md-6"> | 857 | <div class="col-md-6"> |
820 | <div class="pull-left" style="width: 110px;"> | 858 | <div class="pull-left" style="width: 110px;"> |
821 | <label class="new-input-label"><b>Source</b></label> | 859 | <label class="new-input-label"><b>Source</b></label> |
822 | </div> | 860 | </div> |
823 | <div class="pull-left" style="width: calc(100% - 110px);"> | 861 | <div class="pull-left" style="width: calc(100% - 110px);"> |
824 | <select class="form-control" ng-model="editdata.source" style="width: 100%;"> | 862 | <select class="form-control" ng-model="editdata.source" style="width: 100%;"> |
825 | <option disabled>Select Source</option> | 863 | <option disabled>Select Source</option> |
826 | <option value="Tenant">Tenant</option> | 864 | <option value="Tenant">Tenant</option> |
827 | <option value="CAA">CAA</option> | 865 | <option value="CAA">CAA</option> |
828 | <option value="Tenant/CAA">Tenant/CAA</option> | 866 | <option value="Tenant/CAA">Tenant/CAA</option> |
829 | <!-- <option ng-repeat="list in sourceList">{{list.source}}</option> --> | 867 | <!-- <option ng-repeat="list in sourceList">{{list.source}}</option> --> |
830 | </select> | 868 | </select> |
831 | <!-- {{editdata.source}} --> | 869 | <!-- {{editdata.source}} --> |
832 | </div> | 870 | </div> |
833 | <div class="clearfix"></div> | 871 | <div class="clearfix"></div> |
834 | </div> | 872 | </div> |
835 | <div class="col-md-6"> | 873 | <div class="col-md-6"> |
836 | <div class="pull-left" style="width: 110px;"> | 874 | <div class="pull-left" style="width: 110px;"> |
837 | <label class="new-input-label"><b>FBO Cost</b></label> | 875 | <label class="new-input-label"><b>Product</b></label> |
838 | </div> | 876 | </div> |
839 | <div class="pull-left" style="width: calc(100% - 110px);"> | 877 | <div class="pull-left" style="width: calc(100% - 110px);"> |
840 | <!--<input type="text" ng-model="editdata.fboCost" class="form-control" placeholder="">--> | 878 | <!--<input type="text" ng-model="editdata.fboCost" class="form-control" placeholder="">--> |
841 | {{editdata.fboCost}} | 879 | {{editdata.productName}} |
842 | </div> | 880 | </div> |
843 | <div class="clearfix"></div> | 881 | <div class="clearfix"></div> |
844 | </div> | 882 | </div> |
845 | </div> | 883 | </div> |
846 | <div class="clearfix"></div> | 884 | <div class="clearfix"></div> |
847 | <br/> | 885 | <br/> |
848 | <div class="col-xs-12"> | ||
849 | 886 | ||
887 | <div class="col-xs-12"> | ||
850 | 888 | ||
851 | <div class="col-md-6"> | 889 | <div class="col-md-6"> |
852 | <div class="pull-left" style="width: 110px;"> | 890 | <div class="pull-left" style="width: 110px;"> |
853 | <label class="new-input-label"><b>Status</b></label> | 891 | <label class="new-input-label"><b>Status</b></label> |
854 | </div> | 892 | </div> |
855 | <div class="pull-left" style="width: calc(100% - 110px);"> | 893 | <div class="pull-left" style="width: calc(100% - 110px);"> |
856 | <select class="form-control" ng-model="editdata.status" style="width: 100%;"> | 894 | <select class="form-control" ng-model="editdata.status" style="width: 100%;"> |
857 | <option disabled>Select Status</option> | 895 | <option disabled>Select Status</option> |
858 | <option value="pending">pending</option> | 896 | <option value="pending">pending</option> |
859 | <option value="invoiced">invoiced</option> | 897 | <option value="invoiced">invoiced</option> |
860 | <option value="paid">paid</option> | 898 | <option value="paid">paid</option> |
861 | <option value="cancelled">cancelled</option> | 899 | <option value="cancelled">cancelled</option> |
862 | <option value="archived">archived</option> | 900 | <option value="archived">archived</option> |
863 | </select> | 901 | </select> |
864 | <!-- {{editdata.status}} --> | 902 | <!-- {{editdata.status}} --> |
865 | </div> | 903 | </div> |
866 | <div class="clearfix"></div> | 904 | <div class="clearfix"></div> |
867 | </div> | 905 | </div> |
906 | <div class="col-md-6"> | ||
907 | <div class="pull-left" style="width: 110px;"> | ||
908 | <label class="new-input-label"><b>Certificate Type</b></label> | ||
909 | </div> | ||
910 | <div class="pull-left" style="width: calc(100% - 110px);"> | ||
911 | <select class="form-control" ng-model="editdata.certificateType" style="width: 100%;" required> | ||
912 | <option value="" disabled selected hidden>Select...</option> | ||
913 | <option value="corporate">Part 91 (Corporate)</option> | ||
914 | <option value="charter">Part 135 (Charter)</option> | ||
915 | <option value="scheduled">Part 121 (Scheduled)</option> | ||
916 | <option value="military">Military</option> | ||
917 | <option value="government">Government</option> | ||
918 | </select> | ||
919 | </div> | ||
920 | |||
868 | </div> | 921 | </div> |
869 | <div class="clearfix"></div> | 922 | <div class="clearfix"></div> |
870 | <br/> | 923 | <br/> |
871 | <div class="col-xs-12"> | 924 | <div class="col-xs-12"> |
872 | |||
873 | |||
874 | </div> | 925 | </div> |
875 | <div class="clearfix"></div> | 926 | <div class="clearfix"></div> |
876 | <br/> | 927 | <br/> |
877 | <div class="col-xs-12"> | 928 | <div class="col-xs-12"> |
878 | 929 | ||
879 | </div> | 930 | </div> |
880 | <div class="clearfix"></div> | 931 | <div class="clearfix"></div> |
881 | 932 | ||
882 | </div> | 933 | </div> |
883 | </div> | 934 | </div> |
884 | <div class="clearfix"></div> | 935 | <div class="clearfix"></div> |
885 | </div> | 936 | </div> |
886 | </div> | 937 | </div> |
887 | </div> | 938 | </div> |
888 | </div> | 939 | </div> |
889 | 940 | ||
890 | <div class="modal-footer" style="border-top: 0;"> | 941 | <div class="modal-footer" style="border-top: 0;"> |
891 | <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button> | 942 | <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button> |
892 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData()">Save</button> | 943 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData()">Save</button> |
893 | </div> | 944 | </div> |
894 | </div> | 945 | </div> |
895 | </div> | 946 | </div> |
896 | </div> | 947 | </div> |
897 | </form> | 948 | </form> |
898 | 949 | ||
899 | <form class="modal multi-step" id="demo-modal-6" name="uploadAttachmentForm"> | 950 | <form class="modal multi-step" id="demo-modal-6" name="uploadAttachmentForm"> |
900 | <div class="modal-dialog modal-xs"> | 951 | <div class="modal-dialog modal-xs"> |
901 | <div class="modal-content"> | 952 | <div class="modal-content"> |
902 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> | 953 | <div class="modal-body step-1" data-step="1" style="padding: 0;"> |
903 | <div> | 954 | <div> |
904 | <div class="row" style="margin: 0;"> | 955 | <div class="row" style="margin: 0;"> |
905 | <div> | 956 | <div> |
906 | <div class="widget" style="margin-bottom: 0;"> | 957 | <div class="widget" style="margin-bottom: 0;"> |
907 | <div class="widget-header"> | 958 | <div class="widget-header"> |
908 | <i class="icon-pencil"></i> | 959 | <i class="icon-pencil"></i> |
909 | <i class="fa fa-tasks" aria-hidden="true"></i> | 960 | <i class="fa fa-tasks" aria-hidden="true"></i> |
910 | <h3>Upload Attachment</h3> | 961 | <h3>Upload Attachment</h3> |
911 | <div class="clearfix"></div> | 962 | <div class="clearfix"></div> |
912 | </div> | 963 | </div> |
913 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> | 964 | <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> |
914 | <div class="col-xs-6"> | 965 | <div class="col-xs-6"> |
915 | <div class="col-xs-6"> | 966 | <div class="col-xs-6"> |
916 | 967 | ||
917 | <div class="col-md-6"> | 968 | <div class="col-md-6"> |
918 | <div class="pull-left" style="width: 110px;"> | 969 | <div class="pull-left" style="width: 110px;"> |
919 | <label class="new-input-label"><b>Upload</b></label> | 970 | <label class="new-input-label"><b>Upload</b></label> |
920 | <br> | 971 | <br> |
921 | <br> | 972 | <br> |
922 | </div> | 973 | </div> |
923 | <div class="pull-left" style="width: calc(100% - 110px);"> | 974 | <div class="pull-left" style="width: calc(100% - 110px);"> |
924 | <input type="file" accept=".pdf" file-model = "uploadFile.attachment"> | 975 | <input type="file" accept=".pdf" file-model = "uploadFile.attachment"> |
925 | <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> | 976 | <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> |
926 | </div> | 977 | </div> |
927 | <div class="clearfix"></div> | 978 | <div class="clearfix"></div> |
928 | </div> | 979 | </div> |
929 | </div> | 980 | </div> |
930 | <div class="clearfix"></div><br> | 981 | <div class="clearfix"></div><br> |
931 | 982 | ||
932 | </div> | 983 | </div> |
933 | </div> | 984 | </div> |
934 | <div class="clearfix"></div> | 985 | <div class="clearfix"></div> |
935 | </div> | 986 | </div> |
936 | </div> | 987 | </div> |
937 | </div> | 988 | </div> |
938 | </div> | 989 | </div> |
939 | 990 | ||
940 | <div class="modal-footer" style="border-top: 0;"> | 991 | <div class="modal-footer" style="border-top: 0;"> |
941 | <button type="button" class="btn btn-default" ng-click="cancelUploadAttachment()" data-dismiss="modal">Cancel</button> | 992 | <button type="button" class="btn btn-default" ng-click="cancelUploadAttachment()" data-dismiss="modal">Cancel</button> |
942 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveUploadAttachment(uploadFile.attachment)">Upload</button> | 993 | <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveUploadAttachment(uploadFile.attachment)">Upload</button> |
943 | </div> | 994 | </div> |
944 | </div> | 995 | </div> |
945 | </div> | 996 | </div> |
946 | </div> | 997 | </div> |
947 | </form> | 998 | </form> |
948 | 999 | ||
949 | <div class="customConfirmPopBackdrop" id="delete1"> | 1000 | <div class="customConfirmPopBackdrop" id="delete1"> |
950 | <div class="customModalInner" style="max-width: 400px;"> | 1001 | <div class="customModalInner" style="max-width: 400px;"> |
951 | <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> | 1002 | <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> |
952 | <table> | 1003 | <table> |
953 | <tr> | 1004 | <tr> |
954 | <td> | 1005 | <td> |
955 | <img src="img/info.png" style="width: 50px;"> | 1006 | <img src="img/info.png" style="width: 50px;"> |
956 | </td> | 1007 | </td> |
957 | <td> | 1008 | <td> |
958 | <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to delete the attachment?</p> | 1009 | <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to delete the attachment?</p> |
959 | </td> | 1010 | </td> |
960 | </tr> | 1011 | </tr> |
961 | </table> | 1012 | </table> |
962 | </div> | 1013 | </div> |
963 | <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> | 1014 | <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> |
964 | <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteAttachment()">Yes</button> | 1015 | <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteAttachment()">Yes</button> |
965 | <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDeleteAttachment()">No</button> | 1016 | <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDeleteAttachment()">No</button> |
966 | </div> | 1017 | </div> |
967 | </div> | 1018 | </div> |
968 | </div> | 1019 | </div> |
969 | 1020 | ||
970 | 1021 | ||
971 | 1022 | ||
972 | <div class="myLoader" ng-show="showLoader"> | 1023 | <div class="myLoader" ng-show="showLoader"> |
973 | <img src="../img/hourglass.gif" width="50px;"> | 1024 | <img src="../img/hourglass.gif" width="50px;"> |
974 | </div> | 1025 | </div> |
975 | <script src="js/multi-step-modal.js"></script> | 1026 | <script src="js/multi-step-modal.js"></script> |
976 | <script> | 1027 | <script> |
977 | sendEvent = function(sel, step) { | 1028 | sendEvent = function(sel, step) { |
978 | $(sel).trigger('next.m.' + step); | 1029 | $(sel).trigger('next.m.' + step); |
979 | } | 1030 | } |
980 | </script> | 1031 | </script> |
1032 | |||
1033 | <script> | ||
1034 | angular.module("KendoDemos", [ "kendo.directives" ]) | ||
1035 | .controller("MyCtrl", function($scope){ | ||
1036 | $scope.getType = function(x) { | ||
1037 | return typeof x; | ||
1038 | }; | ||
1039 | $scope.isDate = function(x) { | ||
1040 | return x instanceof Date; |