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);">
2075411ed   Kuldeep Arora   create fuel order...
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
                                          <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control"  placeholder="">
                                      </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 
                                           <input type="text" style="width: 90%;" ng-model="order.upliftDate" class="form-control"  placeholder="" datepicker/>
                                         </div>
                                         <div style="width: 50%; float: left;">
                                          Time 
                                            <select class="form-control" ng-model="order.etaTime" style="width: 100%;">
                                               <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);">
                                         <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control"  placeholder="">
                                      </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
                                           <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control"  placeholder="" datepicker/>
                                         </div>
2075411ed   Kuldeep Arora   create fuel order...
136
137
138
139
140
                                         <div style="width: 50%; float: left;">
                                          Time 
                                            <select class="form-control" ng-model="order.etdTime" style="width: 100%;">
                                               <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
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
                                      </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);">
  		                                      <select class="form-control" ng-model="order.certificateType"  style="width: 100%;" required>
  		                                       <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%;">
  	                                          <option value=""  disabled selected hidden>Select Status</option>
  	                                          <option value="pending">pending</option>
  	                                          <option value="invoiced">invoiced</option>
  	                                          <option value="paid">paid</option>
  	                                          <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>