Blame view

app/partials/enterFuelOrder/enterFuelOrder.html 15 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
48
                                      </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);">
                                         <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" 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);">
a4004862d   Kuldeep Arora   UI fuel order
80
                                          <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" 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
111
112
113
114
115
116
                                               <option ng-repeat="li in etaTimeList">{{li.time}}</option>
                                           </select>
                                              
                                        </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>Invoiced</b></label>
                                         <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
084c4873b   Kuldeep Arora   validation for re...
117
                                         <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
                                      </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);">
                                         <select class="form-control" ng-model="order.source"  style="width: 100%;">
                                              <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>
                                          </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>Certificate Type</b></label>
                                      </div>
  		                                 <div class="pull-left" style="width: calc(100% - 110px);">
084c4873b   Kuldeep Arora   validation for re...
214
  		                                      <select class="form-control" ng-model="order.certificateType"  style="width: 100%;">
2075411ed   Kuldeep Arora   create fuel order...
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
  		                                       <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...
231
232
233
234
   	                                          <option value="" selected disabled hidden>pending</option> 
  	                                         <!--  <option value="pending">pending</option>  -->
                                              <option value="invoiced">invoiced</option>
                                              <option value="paid">paid</option>
2075411ed   Kuldeep Arora   create fuel order...
235
236
237
238
239
240
241
242
  	                                          <option value="cancelled">cancelled</option>
  	                                          <option value="archived">archived</option>
  	                                       </select>
  	                                    </div>
  	                                    <div class="clearfix"></div>
  	                              </div>
  	                        </div>
  	                        <div class="clearfix"></div><br>
8f7dbe97c   Swarn Singh   fuel order comple...
243
244
245
  
  						<div class="customInputWrap text-right">
  							<div class="col-xs-12">
25082c4e3   Anchit Jindal   flight dept order...
246
  								<input type="cancel" value="Cancel" ng-click="cancelOrder()" class="btn btn-default" style="margin-right: 15px; width: 100px;">
2075411ed   Kuldeep Arora   create fuel order...
247
  								<input type="submit" value="save" ng-click="dispatchFuel()" class="btn btn-primary" ng-disabled="orderform.$invalid">
8f7dbe97c   Swarn Singh   fuel order comple...
248
249
250
251
252
253
254
255
256
  							</div>
  							<div class="clearfix"></div>
  						</div>
  
  					</form>
  				</div>
  			</div>
  		</div>
  	</div>
d121d5539   Kuldeep Arora   UI Changes
257
  </div>