Blame view

app/partials/enterFuelOrder/enterFuelOrder.html 15.3 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">
2075411ed   Kuldeep Arora   create fuel order...
29
30
31
32
33
34
35
36
  						 <div class="col-xs-12">
  
                                   <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);">
                                          <select ui-select2 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
68
                                      </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);">
                                          <select class="form-control" ng-model="order.aircraftName" required>
60b62c053   Kuldeep Arora   redesign of direc...
69
70
71
                        									<option selected disabled value="">Select Aircraft</option>
                        									<option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option>
                        								</select>
2075411ed   Kuldeep Arora   create fuel order...
72
73
74
75
76
77
78
79
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <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...
80
                                          <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...
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
                                      </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>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
98
                                           <input type="text" style="width: 90%;" ng-model="order.upliftDate" class="form-control"  placeholder="" datepicker required/>
2075411ed   Kuldeep Arora   create fuel order...
99
100
101
                                         </div>
                                         <div style="width: 50%; float: left;">
                                          Time 
a4004862d   Kuldeep Arora   UI fuel order
102
                                            <select class="form-control" ng-model="order.etaTime" style="width: 100%;" required>
2075411ed   Kuldeep Arora   create fuel order...
103
104
105
106
107
108
109
110
                                               <option ng-repeat="li in etaTimeList">{{li.time}}</option>
                                           </select>
                                              
                                        </div>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                
d1e8d9afb   Kuldeep Arora   fuel order & home...
111
                                <div class="col-md-6" style="margin-top: 22px;" ng-if ="order.status === 'invoiced'">
2075411ed   Kuldeep Arora   create fuel order...
112
113
114
115
116
                                      <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...
117
                                         <input type="text" ng-model="order.invoiced" class="form-control"  placeholder="">
2075411ed   Kuldeep Arora   create fuel order...
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
                                      </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...
134
                                           <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control"  placeholder="" datepicker/>
2075411ed   Kuldeep Arora   create fuel order...
135
                                         </div>
2075411ed   Kuldeep Arora   create fuel order...
136
137
                                         <div style="width: 50%; float: left;">
                                          Time 
084c4873b   Kuldeep Arora   validation for re...
138
                                            <select class="form-control" ng-model="order.etdTime" style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
139
140
                                               <option ng-repeat="list in etdTimeList">{{list.time}}</option>
                                           </select>
2075411ed   Kuldeep Arora   create fuel order...
141
142
143
144
145
146
147
148
149
150
151
152
                                        </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...
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
                                      </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%;">
                                              <option value="" disabled selected hidden>Select...</option>
                                              <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);">
0173d74ad   Kuldeep Arora   source autopopula...
194
195
196
                                         <div style="font-weight: normal;" ng-if="baseTenant">Tenant/Base Customer</br></div>
                                         <div style="font-weight: normal;" ng-if="contractFuelVendor">CAA Member</div>
                                         <!-- <select class="form-control" ng-model="order.source"  style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
197
198
199
200
                                              <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...
201
                                          </select> -->
2075411ed   Kuldeep Arora   create fuel order...
202
203
204
205
206
207
208
209
210
211
212
213
214
215
                                      </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...
216
  		                                      <select class="form-control" disabled ng-model="order.certificateType"  style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
  		                                       <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...
233
   	                                          <option value="" selected disabled hidden>pending</option> 
d1e8d9afb   Kuldeep Arora   fuel order & home...
234
  	                                          <option value="pending">pending</option> 
084c4873b   Kuldeep Arora   validation for re...
235
236
                                              <option value="invoiced">invoiced</option>
                                              <option value="paid">paid</option>
d1e8d9afb   Kuldeep Arora   fuel order & home...
237
238
  	                                         <!--  <option value="cancelled">cancelled</option>
  	                                          <option value="archived">archived</option> -->
2075411ed   Kuldeep Arora   create fuel order...
239
240
241
242
243
244
  	                                       </select>
  	                                    </div>
  	                                    <div class="clearfix"></div>
  	                              </div>
  	                        </div>
  	                        <div class="clearfix"></div><br>
8f7dbe97c   Swarn Singh   fuel order comple...
245
246
247
  
  						<div class="customInputWrap text-right">
  							<div class="col-xs-12">
25082c4e3   Anchit Jindal   flight dept order...
248
  								<input type="cancel" value="Cancel" ng-click="cancelOrder()" class="btn btn-default" style="margin-right: 15px; width: 100px;">
2075411ed   Kuldeep Arora   create fuel order...
249
  								<input type="submit" value="save" ng-click="dispatchFuel()" class="btn btn-primary" ng-disabled="orderform.$invalid">
8f7dbe97c   Swarn Singh   fuel order comple...
250
251
252
253
254
255
256
257
258
  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  					</form>
  				</div>
  			</div>
  		</div>
  	</div>
d121d5539   Kuldeep Arora   UI Changes
259
  </div>