Blame view

app/partials/enterFuelOrder/enterFuelOrder.html 17.7 KB
8f7dbe97c   Swarn Singh   fuel order comple...
1
  <style type="text/css">
8fc0ea8f4   Kuldeep Arora   update menu items
2
  	.subnavbar .mainnav > li:nth-child(4) > a{
6f19fff16   Kuldeep Arora   Rebranding-FBOins...
3
  		color: #c44646;
8f7dbe97c   Swarn Singh   fuel order comple...
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  	}
  	.customInputWrap{
  		margin-top: 15px;
  	}
  	.customInputWrap label{
  		font-weight: normal;
  		margin-bottom: 0;
  	}
  </style>
  <div class="myLoader" ng-show="showLoader">
     <img src="../img/hourglass.gif" width="50px;">
  </div>
  
  <div class="container">
  	<div class="row">
2075411ed   Kuldeep Arora   create fuel order...
19
  		<div class="col-xs-8">
8f7dbe97c   Swarn Singh   fuel order comple...
20
21
  			<div class="widget stacked">
  				<div class="widget-header">
2075411ed   Kuldeep Arora   create fuel order...
22
23
  					<i class="fa fa-tasks" aria-hidden="true"></i>
  					<h3>Create Fuel Order</h3>
8f7dbe97c   Swarn Singh   fuel order comple...
24
25
  				</div>
  				<div class="widget-content new-widget-content">
d121d5539   Kuldeep Arora   UI Changes
26
  					<form name="orderform" novalidate>
8f7dbe97c   Swarn Singh   fuel order comple...
27
28
  
  						<div class="customInputWrap">
4f1de64cd   Kuldeep Arora   final phase task
29
  						             <div class="col-xs-12">
2075411ed   Kuldeep Arora   create fuel order...
30
31
32
33
34
35
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Company</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
bb8754ed9   Kuldeep Arora   pagination fuel t...
36
                                          <select class="form-control" ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required>
60b62c053   Kuldeep Arora   redesign of direc...
37
38
39
                        									<option value="" selected disabled>Select Company</option>
                        									<option ng-repeat="list in companyList">{{list.companyName}}</option>
                        								</select>
2075411ed   Kuldeep Arora   create fuel order...
40
41
42
43
44
45
46
47
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Product</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
d1e8d9afb   Kuldeep Arora   fuel order & home...
48
                                         <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote); addTotal(order.priceQuote, order.volume)" required>
60b62c053   Kuldeep Arora   redesign of direc...
49
50
51
                      									<option value="" selected disabled>Select Product</option>
                      									<option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option>
                      								</select>
2075411ed   Kuldeep Arora   create fuel order...
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                  
                           </div>
                                <div class="clearfix"></div>
                                <br/>	
  
  
                            <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Aircraft</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
4f1de64cd   Kuldeep Arora   final phase task
68
                                          <select class="form-control" ng-model="order.aircraftName" ng-change="getAircraftMakeAndModel(order.aircraftName)" required>
60b62c053   Kuldeep Arora   redesign of direc...
69
                        									<option selected disabled value="">Select Aircraft</option>
4f1de64cd   Kuldeep Arora   final phase task
70
                        									<option ng-repeat="list in aircraftList">{{list.tail}}</option>
60b62c053   Kuldeep Arora   redesign of direc...
71
                        								</select>
2075411ed   Kuldeep Arora   create fuel order...
72
73
74
75
76
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
4f1de64cd   Kuldeep Arora   final phase task
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
                                         <label class="new-input-label"><b>Make</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                          <select class="form-control" ng-model="order.aircraftMake" disabled required>
                                          <option selected disabled value="">Select Make</option>
                                          <!-- <option ng-repeat="list in aircraftList" value="{{list}}">{{list.make}}</option> -->
                                          <option ng-repeat="list in aircraftList">{{list.make}}</option>
                                        </select>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                  
                           </div>
                                <div class="clearfix"></div>
                                <br/>	
  
                             <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Model</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                          <select class="form-control" ng-model="order.aircraftModel" disabled required>
                                          <option selected disabled value="">Select Model</option>
                                          <!-- <option ng-repeat="list in aircraftList" value="{{list}}">{{list.model}}</option> -->
                                          <option ng-repeat="list in aircraftList">{{list.model}}</option>
                                        </select>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
2075411ed   Kuldeep Arora   create fuel order...
110
111
112
                                         <label class="new-input-label"><b>Volume</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
d1e8d9afb   Kuldeep Arora   fuel order & home...
113
                                          <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.priceQuote, order.volume)" class="form-control"  placeholder="" required>
2075411ed   Kuldeep Arora   create fuel order...
114
115
116
117
118
119
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                  
                           </div>
                                <div class="clearfix"></div>
4f1de64cd   Kuldeep Arora   final phase task
120
                                <br/> 
2075411ed   Kuldeep Arora   create fuel order...
121
122
123
124
125
126
127
128
129
130
  
                              <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label" style="margin-top: 25px;"><b>ETA</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">  
                                        <div style="width: 50%; float: left;">
                                          Date 
a4004862d   Kuldeep Arora   UI fuel order
131
                                           <input type="text" style="width: 90%;" ng-model="order.upliftDate" class="form-control"  placeholder="" datepicker required/>
2075411ed   Kuldeep Arora   create fuel order...
132
133
134
                                         </div>
                                         <div style="width: 50%; float: left;">
                                          Time 
a4004862d   Kuldeep Arora   UI fuel order
135
                                            <select class="form-control" ng-model="order.etaTime" style="width: 100%;" required>
2075411ed   Kuldeep Arora   create fuel order...
136
137
138
139
140
141
142
143
                                               <option ng-repeat="li in etaTimeList">{{li.time}}</option>
                                           </select>
                                              
                                        </div>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                
d1e8d9afb   Kuldeep Arora   fuel order & home...
144
                                <div class="col-md-6" style="margin-top: 22px;" ng-if ="order.status === 'invoiced'">
2075411ed   Kuldeep Arora   create fuel order...
145
146
147
148
149
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Invoiced</b></label>
                                         <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
d1e8d9afb   Kuldeep Arora   fuel order & home...
150
                                         <input type="text" ng-model="order.invoiced" class="form-control"  placeholder="">
2075411ed   Kuldeep Arora   create fuel order...
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                              </div>
                                <div class="clearfix"></div><br>
  
  
                             <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label" style="margin-top: 25px;"><b>ETD</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">  
                                        <div style="width: 50%; float: left;">
                                          Date
084c4873b   Kuldeep Arora   validation for re...
167
                                           <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control"  placeholder="" datepicker/>
2075411ed   Kuldeep Arora   create fuel order...
168
                                         </div>
2075411ed   Kuldeep Arora   create fuel order...
169
170
                                         <div style="width: 50%; float: left;">
                                          Time 
084c4873b   Kuldeep Arora   validation for re...
171
                                            <select class="form-control" ng-model="order.etdTime" style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
172
173
                                               <option ng-repeat="list in etdTimeList">{{list.time}}</option>
                                           </select>
2075411ed   Kuldeep Arora   create fuel order...
174
175
176
177
178
179
180
181
182
183
184
185
                                        </div>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                
                                <div class="col-md-6" style="margin-top: 22px;"> 
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Total</b></label>
                                         <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text" class="form-control" disabled ng-model="order.total | number : 4" placeholder="" ng-value="{{order.volume * order.invoiced}}">
2075411ed   Kuldeep Arora   create fuel order...
186
187
188
189
190
191
192
193
194
195
196
197
198
199
                                      </div>
                              </div>
                            </div>
                                <div class="clearfix"></div><br>
  
  
                              <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Fuel on</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                        <select class="form-control" ng-model="order.fuelOn"  style="width: 100%;">
20f645d6f   Kuldeep Arora   fuelorder
200
                                              <option value="" disabled selected hidden>Arrival</option>
2075411ed   Kuldeep Arora   create fuel order...
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
                                              <option value="Arrival">Arrival</option>
                                              <option value="Departure">Departure</option>
                                          </select>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                 	 
                                 	  <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>FBO Cost</b></label>
                                         <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text"  disabled ng-model="order.fboCost" class="form-control"  placeholder="0.0000" valid-number />
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                             </div>
                                <div class="clearfix"></div><br>
  
  	                         <div class="col-xs-12">
  	                         		<div class="col-md-6">
  	                         			 <div class="pull-left" style="width: 110px;">
  	                                       <label class="new-input-label"><b>Source</b></label>
  	                                    </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
6c795a9f9   Kuldeep Arora   tenant/caa status...
227
228
229
                                          <div style="font-weight: normal;" ng-if="baseTenant && !contractFuelVendor">Tenant/Base Customer</br></div>
                                         <div style="font-weight: normal;" ng-if="contractFuelVendor && !baseTenant">CAA Member</div>
                                         <div style="font-weight: normal;" ng-if="contractFuelVendor && baseTenant">Tenant/CAA</div>
0173d74ad   Kuldeep Arora   source autopopula...
230
                                         <!-- <select class="form-control" ng-model="order.source"  style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
231
232
233
234
                                              <option value="" disabled selected hidden>Select Source</option>
                                              <option value="Tenant">Tenant</option>
                                              <option value="CAA">CAA</option>
                                              <option value="Tenant/CAA">Tenant/CAA</option>
0173d74ad   Kuldeep Arora   source autopopula...
235
                                          </select> -->
2075411ed   Kuldeep Arora   create fuel order...
236
237
238
239
240
241
242
243
244
245
246
247
248
249
                                      </div>
                                      <div class="clearfix"></div>
  	                         		</div>
  	                         </div>
  	                         <div class="clearfix"></div>
  	                         <br/>
  	                         <div class="col-xs-12">  
  
  	                             
  	                              <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Certificate Type</b></label>
                                      </div>
  		                                 <div class="pull-left" style="width: calc(100% - 110px);">
0173d74ad   Kuldeep Arora   source autopopula...
250
  		                                      <select class="form-control" disabled ng-model="order.certificateType"  style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
  		                                       <option value="" disabled selected hidden>Select...</option>
  		                                       <option value="corporate">Part 91 (Corporate)</option>
  		                                       <option value="charter">Part 135 (Charter)</option>
  		                                       <option value="scheduled">Part 121 (Scheduled)</option>
  		                                       <option value="military">Military</option>
  		                                       <option value="government">Government</option>
  		                                    </select>
  		                                 </div>
                                 		<div class="clearfix"></div>
                                 		</div>
                                 		 <div class="col-md-6">
  	                                    <div class="pull-left" style="width: 110px;">
  	                                       <label class="new-input-label"><b>Status</b></label>
  	                                    </div>
  	                                    <div class="pull-left" style="width: calc(100% - 110px);">
  	                                       <select  class="form-control" ng-model="order.status"  style="width: 100%;">
084c4873b   Kuldeep Arora   validation for re...
267
   	                                          <option value="" selected disabled hidden>pending</option> 
d1e8d9afb   Kuldeep Arora   fuel order & home...
268
  	                                          <option value="pending">pending</option> 
084c4873b   Kuldeep Arora   validation for re...
269
270
                                              <option value="invoiced">invoiced</option>
                                              <option value="paid">paid</option>
d1e8d9afb   Kuldeep Arora   fuel order & home...
271
272
  	                                         <!--  <option value="cancelled">cancelled</option>
  	                                          <option value="archived">archived</option> -->
2075411ed   Kuldeep Arora   create fuel order...
273
274
275
276
277
278
  	                                       </select>
  	                                    </div>
  	                                    <div class="clearfix"></div>
  	                              </div>
  	                        </div>
  	                        <div class="clearfix"></div><br>
8f7dbe97c   Swarn Singh   fuel order comple...
279
280
281
  
  						<div class="customInputWrap text-right">
  							<div class="col-xs-12">
25082c4e3   Anchit Jindal   flight dept order...
282
  								<input type="cancel" value="Cancel" ng-click="cancelOrder()" class="btn btn-default" style="margin-right: 15px; width: 100px;">
2075411ed   Kuldeep Arora   create fuel order...
283
  								<input type="submit" value="save" ng-click="dispatchFuel()" class="btn btn-primary" ng-disabled="orderform.$invalid">
8f7dbe97c   Swarn Singh   fuel order comple...
284
285
286
287
288
289
290
291
292
  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  					</form>
  				</div>
  			</div>
  		</div>
  	</div>
d121d5539   Kuldeep Arora   UI Changes
293
  </div>