viithiisys / Acufuel

Download as
Browse Code ยป

Commit a4004862d55f24e7eb250d2f55560733f501ea75

Authored by Kuldeep Arora
1 parent 60b62c053d
Exists in master

UI fuel order

Showing 2 changed files with 12 additions and 12 deletions   Show diff stats
app/partials/enterFuelOrder/enterFuelOrder.html
Diff comments   View file @a400486
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=""> 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/> 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%;"> 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=""> 117 <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="" required>
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/> 134 <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control" placeholder="" datepicker required/>
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%;"> 138 <select class="form-control" ng-model="order.etdTime" style="width: 100%;" required>
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%;" required>
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="" disabled selected hidden>Select Status</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.html
Diff comments   View file @a400486
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=""> 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/> 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%;"> 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=""> 633 <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="" required>
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/> 650 <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control" placeholder="" datepicker required/>
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%;"> 654 <select class="form-control" ng-model="order.etdTime" style="width: 100%;" required>
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%;" required>
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>Select Status</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>