viithiisys / Acufuel

Download as
Browse Code »

Commit 084c4873ba0c09ebbf2387060a24329d05eeca22

Authored by Kuldeep Arora
1 parent a4004862d5
Exists in master

validation for required fields

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