viithiisys / Acufuel

Download as
Browse Code ยป

Commit 7d526c8ee023efccfdbfd47f7cc6d586028436da

Authored by Kuldeep Arora
1 parent a9b337557b
Exists in master

orderby

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
app/partials/fuelOrders/fuelOrders.html
Diff comments   View file @7d526c8
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 | orderBy : '-fuelingDate' | 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="{fuelingDate: 'text'}" sortable="'fuelingDate'" ng-click="editTableRow(row)"> 98 <td data-title="'Fueling Date'" filter="{fuelingDate: 'text'}" sortable="'fuelingDate'" ng-click="editTableRow(row)">
99 {{row.fuelingDate |date:'MM/dd/yyyy'}} 99 {{row.fuelingDate |date:'MM/dd/yyyy'}}
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)" ng-init="{{defaultStatus != '' ? row.status = defaultStatus : '' }}"> 123 <select class="btn btn-regular colorfulSelectbox" ng-model="row.status" ng-style="abc" ng-change="updateStatus(row, row.status)" ng-init="{{defaultStatus != '' ? row.status = defaultStatus : '' }}">
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 130
131 </td> 131 </td>
132 <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '"> 132 <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '">
133 <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" > 133 <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" >
134 <option value="" disabled selected="selected" >Invoice</option> 134 <option value="" disabled selected="selected" >Invoice</option>
135 <option value="viewAttachment" ng-if="row.orderInvoice !== null" >View</option> 135 <option value="viewAttachment" ng-if="row.orderInvoice !== null" >View</option>
136 <option value="deleteAttachment" ng-if="row.orderInvoice !== null">Delete</option> 136 <option value="deleteAttachment" ng-if="row.orderInvoice !== null">Delete</option>
137 <option value="0" disabled >_____________</option> 137 <option value="0" disabled >_____________</option>
138 <option value="uploadAttachment" >Upload</option> 138 <option value="uploadAttachment" >Upload</option>
139 </select> 139 </select>
140 <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i> 140 <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i>
141 </td> 141 </td>
142 </tr> 142 </tr>
143 </table> 143 </table>
144 144
145 <select class="btn btn-primary exportBtn" ng-model="optionSelected" ng-change="onFWSelect()"> 145 <select class="btn btn-primary exportBtn" ng-model="optionSelected" ng-change="onFWSelect()">
146 <option value="" disabled selected="selected">Fuel Widget</option> 146 <option value="" disabled selected="selected">Fuel Widget</option>
147 <option value="dt" >Direct Transaction</option> 147 <option value="dt" >Direct Transaction</option>
148 <option value="efo" >Export Fuel Orders</option> 148 <option value="efo" >Export Fuel Orders</option>
149 </select> 149 </select>
150 150
151 </div> 151 </div>
152 </div> 152 </div>
153 </div> 153 </div>
154 </div> 154 </div>
155 <!-- /widget-content --> 155 <!-- /widget-content -->
156 </div> 156 </div>
157 <!-- /widget --> 157 <!-- /widget -->
158 </div> 158 </div>
159 <!-- /span8 --> 159 <!-- /span8 -->
160 </div> 160 </div>
161 <!-- /row --> 161 <!-- /row -->
162 </div> 162 </div>
163 <!-- /container --> 163 <!-- /container -->
164 164
165 165
166 </div> 166 </div>
167 <!-- /main --> 167 <!-- /main -->
168 168
169 169
170 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 170 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
171 <div class="modal-dialog modal-lg"> 171 <div class="modal-dialog modal-lg">
172 <div class="modal-content"> 172 <div class="modal-content">
173 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 173 <div class="modal-body step-1" data-step="1" style="padding: 0;">
174 <div> 174 <div>
175 <div class="row" style="margin: 0;"> 175 <div class="row" style="margin: 0;">
176 <div> 176 <div>
177 <div class="widget" style="margin-bottom: 0;"> 177 <div class="widget" style="margin-bottom: 0;">
178 <div class="widget-header"> 178 <div class="widget-header">
179 <i class="icon-pencil"></i> 179 <i class="icon-pencil"></i>
180 <i class="fa fa-tasks" aria-hidden="true"></i> 180 <i class="fa fa-tasks" aria-hidden="true"></i>
181 <h3>Add a New Company</h3> 181 <h3>Add a New Company</h3>
182 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 182 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
183 <div style="color: #ff9a01;">Activate &nbsp &nbsp 183 <div style="color: #ff9a01;">Activate &nbsp &nbsp
184 <toggle ng-model="data.activate" size="customToogle"></toggle> 184 <toggle ng-model="data.activate" size="customToogle"></toggle>
185 </div> 185 </div>
186 </div> 186 </div>
187 <div class="clearfix"></div> 187 <div class="clearfix"></div>
188 </div> 188 </div>
189 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 189 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
190 <div class="col-xs-12"> 190 <div class="col-xs-12">
191 <div class="col-md-8"> 191 <div class="col-md-8">
192 <div class="pull-left"> 192 <div class="pull-left">
193 <label class="new-input-label"><b>Company Name *</b></label> 193 <label class="new-input-label"><b>Company Name *</b></label>
194 </div> 194 </div>
195 <div class="pull-left" style="margin-left: 15px;"> 195 <div class="pull-left" style="margin-left: 15px;">
196 <!-- <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> --> 196 <!-- <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> -->
197 <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 <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">
198 198
199 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 199 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
200 </div> 200 </div>
201 <div class="clearfix"></div> 201 <div class="clearfix"></div>
202 </div> 202 </div>
203 <div class="col-md-4"> 203 <div class="col-md-4">
204 204
205 <div class="pull-right"> 205 <div class="pull-right">
206 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 206 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
207 </div> 207 </div>
208 <div class="pull-right"> 208 <div class="pull-right">
209 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 209 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
210 </div> 210 </div>
211 <div class="clearfix"></div> 211 <div class="clearfix"></div>
212 </div> 212 </div>
213 </div> 213 </div>
214 <div class="clearfix"></div><br> 214 <div class="clearfix"></div><br>
215 <div class="col-xs-12"> 215 <div class="col-xs-12">
216 <div class="col-md-7"> 216 <div class="col-md-7">
217 <div class="pull-left"> 217 <div class="pull-left">
218 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 218 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
219 </div> 219 </div>
220 <div class="pull-left" style="margin-left: 32px;"> 220 <div class="pull-left" style="margin-left: 32px;">
221 <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.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
222 <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.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
223 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 223 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
224 </div> 224 </div>
225 <div class="clearfix"></div> 225 <div class="clearfix"></div>
226 </div> 226 </div>
227 <div class="col-md-2 Airport" style="text-align: right;"> 227 <div class="col-md-2 Airport" style="text-align: right;">
228 <b>Certificate Type</b> 228 <b>Certificate Type</b>
229 </div> 229 </div>
230 <div class="col-md-3 Airport"> 230 <div class="col-md-3 Airport">
231 <select required class="form-control" ng-model="data.certificateType"> 231 <select required class="form-control" ng-model="data.certificateType">
232 <option value="" disabled selected hidden>Select...</option> 232 <option value="" disabled selected hidden>Select...</option>
233 <option value="corporate">Part 91 (Corporate)</option> 233 <option value="corporate">Part 91 (Corporate)</option>
234 <option value="charter">Part 135 (Charter)</option> 234 <option value="charter">Part 135 (Charter)</option>
235 <option value="scheduled">Part 121 (Scheduled)</option> 235 <option value="scheduled">Part 121 (Scheduled)</option>
236 <option value="military">Military</option> 236 <option value="military">Military</option>
237 <option value="government">Government</option> 237 <option value="government">Government</option>
238 </select> 238 </select>
239 </div> 239 </div>
240 <div class="clearfix"></div> 240 <div class="clearfix"></div>
241 </div> 241 </div>
242 <div class="clearfix"></div> 242 <div class="clearfix"></div>
243 <br/> 243 <br/>
244 <div class="col-xs-12"> 244 <div class="col-xs-12">
245 <div class="col-md-6"> 245 <div class="col-md-6">
246 <div class="pull-left" style="width: 110px;"> 246 <div class="pull-left" style="width: 110px;">
247 <b>JET A Margin *</b> 247 <b>JET A Margin *</b>
248 </div> 248 </div>
249 <div class="pull-left"> 249 <div class="pull-left">
250 <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 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
251 <option value="" disabled>Select...</option> 251 <option value="" disabled>Select...</option>
252 </select> 252 </select>
253 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 253 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
254 254
255 <div class="clearfix"></div> 255 <div class="clearfix"></div>
256 </div> 256 </div>
257 </div> 257 </div>
258 258
259 <div class="col-md-3 Airport" style="text-align: right;"> 259 <div class="col-md-3 Airport" style="text-align: right;">
260 <b>AVGAS 100LL Margin</b> 260 <b>AVGAS 100LL Margin</b>
261 </div> 261 </div>
262 <div class="col-md-3 Airport"> 262 <div class="col-md-3 Airport">
263 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 263 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
264 <option value="" disabled>Select...</option> 264 <option value="" disabled>Select...</option>
265 </select> 265 </select>
266 </div> 266 </div>
267 <div class="clearfix"></div> 267 <div class="clearfix"></div>
268 </div> 268 </div>
269 <div class="clearfix"></div> 269 <div class="clearfix"></div>
270 <br/> 270 <br/>
271 <div class="col-xs-12"> 271 <div class="col-xs-12">
272 <div class="col-md-12"> 272 <div class="col-md-12">
273 <div class="pull-left" style="width: 110px;"> 273 <div class="pull-left" style="width: 110px;">
274 <label class="new-input-label"><b>Address</b></label> 274 <label class="new-input-label"><b>Address</b></label>
275 </div> 275 </div>
276 <div class="pull-left" style="width: calc(100% - 110px);"> 276 <div class="pull-left" style="width: calc(100% - 110px);">
277 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 277 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
278 </div> 278 </div>
279 <div class="clearfix"></div> 279 <div class="clearfix"></div>
280 </div> 280 </div>
281 </div> 281 </div>
282 <div class="clearfix"></div> 282 <div class="clearfix"></div>
283 <br/> 283 <br/>
284 <div class="col-xs-12"> 284 <div class="col-xs-12">
285 <div class="col-md-12"> 285 <div class="col-md-12">
286 <div class="pull-left" style="width: 110px;"> 286 <div class="pull-left" style="width: 110px;">
287 <label class="new-input-label"><b>Address2</b></label> 287 <label class="new-input-label"><b>Address2</b></label>
288 </div> 288 </div>
289 <div class="pull-left" style="width: calc(100% - 110px);"> 289 <div class="pull-left" style="width: calc(100% - 110px);">
290 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 290 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
291 </div> 291 </div>
292 <div class="clearfix"></div> 292 <div class="clearfix"></div>
293 </div> 293 </div>
294 </div> 294 </div>
295 <div class="clearfix"></div> 295 <div class="clearfix"></div>
296 <br/> 296 <br/>
297 <div class="col-xs-12"> 297 <div class="col-xs-12">
298 298
299 <div class="col-md-6"> 299 <div class="col-md-6">
300 <div class="pull-left" style="width: 110px;"> 300 <div class="pull-left" style="width: 110px;">
301 <label class="new-input-label"><b>City</b></label> 301 <label class="new-input-label"><b>City</b></label>
302 </div> 302 </div>
303 <div class="pull-left" style="width: calc(100% - 110px);"> 303 <div class="pull-left" style="width: calc(100% - 110px);">
304 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 304 <input type="text" ng-model="data.city" class="form-control" placeholder="">
305 </div> 305 </div>
306 <div class="clearfix"></div> 306 <div class="clearfix"></div>
307 </div> 307 </div>
308 <div class="col-md-3"> 308 <div class="col-md-3">
309 <div class="pull-left" style="width: 40px;"> 309 <div class="pull-left" style="width: 40px;">
310 <label class="new-input-label"><b>State</b></label> 310 <label class="new-input-label"><b>State</b></label>
311 </div> 311 </div>
312 <div class="pull-left" style="width: calc(100% - 110px);"> 312 <div class="pull-left" style="width: calc(100% - 110px);">
313 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 313 <input type="text" ng-model="data.state" class="form-control" placeholder="">
314 </div> 314 </div>
315 <div class="clearfix"></div> 315 <div class="clearfix"></div>
316 </div> 316 </div>
317 <div class="col-md-3"> 317 <div class="col-md-3">
318 <div class="pull-left"> 318 <div class="pull-left">
319 <label class="new-input-label"><b>Zip Code</b></label> 319 <label class="new-input-label"><b>Zip Code</b></label>
320 </div> 320 </div>
321 <div class="pull-right" style="width: calc(100% - 60px);"> 321 <div class="pull-right" style="width: calc(100% - 60px);">
322 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 322 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
323 </div> 323 </div>
324 <div class="clearfix"></div> 324 <div class="clearfix"></div>
325 </div> 325 </div>
326 </div> 326 </div>
327 <div class="clearfix"></div> 327 <div class="clearfix"></div>
328 <br/> 328 <br/>
329 <div class="col-xs-12"> 329 <div class="col-xs-12">
330 330
331 <div class="col-md-6"> 331 <div class="col-md-6">
332 <div class="pull-left" style="width: 110px;"> 332 <div class="pull-left" style="width: 110px;">
333 <label class="new-input-label"><b>Country</b></label> 333 <label class="new-input-label"><b>Country</b></label>
334 </div> 334 </div>
335 <div class="pull-left" style="width: calc(100% - 110px);"> 335 <div class="pull-left" style="width: calc(100% - 110px);">
336 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 336 <input type="text" ng-model="data.country" class="form-control" placeholder="">
337 </div> 337 </div>
338 <div class="clearfix"></div> 338 <div class="clearfix"></div>
339 </div> 339 </div>
340 <div class="col-md-6"> 340 <div class="col-md-6">
341 <div class="pull-left" style="width: 110px;"> 341 <div class="pull-left" style="width: 110px;">
342 <label class="new-input-label"><b>Internal Note</b></label> 342 <label class="new-input-label"><b>Internal Note</b></label>
343 </div> 343 </div>
344 <div class="pull-left" style="width: calc(100% - 110px);"> 344 <div class="pull-left" style="width: calc(100% - 110px);">
345 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 345 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
346 </div> 346 </div>
347 <div class="clearfix"></div> 347 <div class="clearfix"></div>
348 </div> 348 </div>
349 </div> 349 </div>
350 <div class="clearfix"></div> 350 <div class="clearfix"></div>
351 <!-- <br/> 351 <!-- <br/>
352 <div class="col-xs-12"> 352 <div class="col-xs-12">
353 <div class="col-md-2 Airport"></div> 353 <div class="col-md-2 Airport"></div>
354 <div class="col-md-10 Airport"> 354 <div class="col-md-10 Airport">
355 <div class="pull-right"> 355 <div class="pull-right">
356 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 356 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
357 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 357 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
358 </div> 358 </div>
359 </div> 359 </div>
360 </div> --> 360 </div> -->
361 </div> 361 </div>
362 </div> 362 </div>
363 <div class="clearfix"></div> 363 <div class="clearfix"></div>
364 </div> 364 </div>
365 </div> 365 </div>
366 </div> 366 </div>
367 </div> 367 </div>
368 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 368 <div class="modal-body step-2" data-step="2" style="padding: 0;">
369 <div> 369 <div>
370 <div class="row" style="margin: 0;"> 370 <div class="row" style="margin: 0;">
371 <div> 371 <div>
372 <div class="widget" style="margin-bottom: 0;"> 372 <div class="widget" style="margin-bottom: 0;">
373 <div class="widget-header"> 373 <div class="widget-header">
374 <i class="icon-pencil"></i> 374 <i class="icon-pencil"></i>
375 <i class="fa fa-tasks" aria-hidden="true"></i> 375 <i class="fa fa-tasks" aria-hidden="true"></i>
376 <h3>Add a New Company</h3> 376 <h3>Add a New Company</h3>
377 <div class="clearfix"></div> 377 <div class="clearfix"></div>
378 </div> 378 </div>
379 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 379 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
380 <div class="col-xs-12"> 380 <div class="col-xs-12">
381 <div class="widget-header"> 381 <div class="widget-header">
382 <i class="fa fa-list"></i> 382 <i class="fa fa-list"></i>
383 <h3>Aircraft List</h3> 383 <h3>Aircraft List</h3>
384 </div> 384 </div>
385 <div class="widget-content" style="padding:0px;border: 0px; "> 385 <div class="widget-content" style="padding:0px;border: 0px; ">
386 <div class="table-responsive"> 386 <div class="table-responsive">
387 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 387 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
388 <thead> 388 <thead>
389 <tr> 389 <tr>
390 <th>Tail</th> 390 <th>Tail</th>
391 <th>Make</th> 391 <th>Make</th>
392 <th>Model</th> 392 <th>Model</th>
393 <th>Size</th> 393 <th>Size</th>
394 <th>Margin</th> 394 <th>Margin</th>
395 </tr> 395 </tr>
396 </thead> 396 </thead>
397 <tbody> 397 <tbody>
398 <tr> 398 <tr>
399 <td> 399 <td>
400 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 400 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
401 </td> 401 </td>
402 <td style="width: 25%;"> 402 <td style="width: 25%;">
403 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 403 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
404 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 404 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
405 </select> 405 </select>
406 </td> 406 </td>
407 <td style="width: 20%;"> 407 <td style="width: 20%;">
408 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 408 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
409 <option ng-repeat="model in aircraftModalList">{{model}}</option> 409 <option ng-repeat="model in aircraftModalList">{{model}}</option>
410 </select> 410 </select>
411 </td> 411 </td>
412 <td style="width: 25%;"> 412 <td style="width: 25%;">
413 <select class="form-control" ng-model="aircraft.size"> 413 <select class="form-control" ng-model="aircraft.size">
414 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 414 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
415 </select> 415 </select>
416 </td> 416 </td>
417 <td> 417 <td>
418 <select class="form-control"> 418 <select class="form-control">
419 <option>Margin1</option> 419 <option>Margin1</option>
420 <option>Margin2</option> 420 <option>Margin2</option>
421 </select> 421 </select>
422 </td> 422 </td>
423 </tr> 423 </tr>
424 </tbody> 424 </tbody>
425 425
426 </table> --> 426 </table> -->
427 <table class="table table-striped table-bordered"> 427 <table class="table table-striped table-bordered">
428 <thead> 428 <thead>
429 <tr> 429 <tr>
430 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 430 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
431 <th>Tail</th> 431 <th>Tail</th>
432 <th>Make</th> 432 <th>Make</th>
433 <th>Model</th> 433 <th>Model</th>
434 <th>Size</th> 434 <th>Size</th>
435 <th>JET A Margin</th> 435 <th>JET A Margin</th>
436 <th>AVGS 100LL Margin</th> 436 <th>AVGS 100LL Margin</th>
437 </tr> 437 </tr>
438 </thead> 438 </thead>
439 <tbody> 439 <tbody>
440 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 440 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
441 <!-- <td> 441 <!-- <td>
442 <input type="checkbox" ng-model="aircraftData.selected"/> 442 <input type="checkbox" ng-model="aircraftData.selected"/>
443 </td> --> 443 </td> -->
444 <td style="width: 15%"> 444 <td style="width: 15%">
445 <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> 445 <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/>
446 </td> 446 </td>
447 <td style="width: 17%"> 447 <td style="width: 17%">
448 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 448 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
449 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option> 449 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option>
450 <option value="" disabled>Select...</option> 450 <option value="" disabled>Select...</option>
451 </select> 451 </select>
452 </td> 452 </td>
453 <td style="width: 17%"> 453 <td style="width: 17%">
454 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 454 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
455 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> 455 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option>
456 <option value="" disabled>Select...</option> 456 <option value="" disabled>Select...</option>
457 </select> 457 </select>
458 </td> 458 </td>
459 <td style="width: 17%"> 459 <td style="width: 17%">
460 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> 460 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList">
461 <option value="" disabled>Select...</option> 461 <option value="" disabled>Select...</option>
462 </select> --> 462 </select> -->
463 <select class="form-control" ng-model="aircraftData.sizeId"> 463 <select class="form-control" ng-model="aircraftData.sizeId">
464 <option value="" disabled>Select</option> 464 <option value="" disabled>Select</option>
465 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> 465 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option>
466 </select> 466 </select>
467 <!-- <select class="form-control" ng-model="aircraftData.size"> 467 <!-- <select class="form-control" ng-model="aircraftData.size">
468 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 468 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
469 </select> --> 469 </select> -->
470 </td> 470 </td>
471 <td style="width: 17%"> 471 <td style="width: 17%">
472 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> 472 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList">
473 <option value="" disabled>Select...</option> 473 <option value="" disabled>Select...</option>
474 </select> --> 474 </select> -->
475 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> 475 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]">
476 <option value="" disabled>Select</option> 476 <option value="" disabled>Select</option>
477 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 477 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
478 </select> 478 </select>
479 </td> 479 </td>
480 <td style="width: 17%"> 480 <td style="width: 17%">
481 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 481 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
482 <option value="" disabled>Select...</option> 482 <option value="" disabled>Select...</option>
483 </select> --> 483 </select> -->
484 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> 484 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]">
485 <option value="" disabled>Select</option> 485 <option value="" disabled>Select</option>
486 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> 486 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option>
487 </select> 487 </select>
488 </td> 488 </td>
489 </tr> 489 </tr>
490 </tbody> 490 </tbody>
491 </table> 491 </table>
492 </div> 492 </div>
493 <div class="clearfix"></div> 493 <div class="clearfix"></div>
494 </div> 494 </div>
495 </div> 495 </div>
496 <div class="clearfix"></div> 496 <div class="clearfix"></div>
497 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 497 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
498 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 498 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
499 </div> 499 </div>
500 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 500 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
501 <div class="pull-right"> 501 <div class="pull-right">
502 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 502 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
503 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 503 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
504 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 504 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
505 </div> 505 </div>
506 </div> --> 506 </div> -->
507 </div> 507 </div>
508 </div> 508 </div>
509 <div class="clearfix"></div> 509 <div class="clearfix"></div>
510 </div> 510 </div>
511 </div> 511 </div>
512 </div> 512 </div>
513 </div> 513 </div>
514 <!-- <div class="modal-body step-3" data-step="3"> 514 <!-- <div class="modal-body step-3" data-step="3">
515 This is the final step. 515 This is the final step.
516 </div> --> 516 </div> -->
517 <div class="modal-footer" style="border-top: 0;"> 517 <div class="modal-footer" style="border-top: 0;">
518 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 518 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
519 <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-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
520 <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', 1)">Go Back</button>
521 <!-- <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-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
522 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 522 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
523 </div> 523 </div>
524 </div> 524 </div>
525 </div> 525 </div>
526 </form> 526 </form>
527 527
528 528
529 529
530 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm"> 530 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm">
531 <div class="modal-dialog modal-lg"> 531 <div class="modal-dialog modal-lg">
532 <div class="modal-content"> 532 <div class="modal-content">
533 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 533 <div class="modal-body step-1" data-step="1" style="padding: 0;">
534 <div> 534 <div>
535 <div class="row" style="margin: 0;"> 535 <div class="row" style="margin: 0;">
536 <div> 536 <div>
537 <div class="widget" style="margin-bottom: 0;"> 537 <div class="widget" style="margin-bottom: 0;">
538 <div class="widget-header"> 538 <div class="widget-header">
539 <i class="icon-pencil"></i> 539 <i class="icon-pencil"></i>
540 <i class="fa fa-tasks" aria-hidden="true"></i> 540 <i class="fa fa-tasks" aria-hidden="true"></i>
541 <h3>Add a Fuel Order</h3> 541 <h3>Add a Fuel Order</h3>
542 <div class="clearfix"></div> 542 <div class="clearfix"></div>
543 </div> 543 </div>
544 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 544 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
545 <div class="col-xs-12"> 545 <div class="col-xs-12">
546 <div class="col-xs-12"> 546 <div class="col-xs-12">
547 547
548 <div class="col-md-6"> 548 <div class="col-md-6">
549 <div class="pull-left" style="width: 110px;"> 549 <div class="pull-left" style="width: 110px;">
550 <label class="new-input-label"><b>Company</b></label> 550 <label class="new-input-label"><b>Company</b></label>
551 </div> 551 </div>
552 <div class="pull-left" style="width: calc(100% - 110px);"> 552 <div class="pull-left" style="width: calc(100% - 110px);">
553 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required> 553 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required>
554 <option value="" selected disabled>Select Company</option> 554 <option value="" selected disabled>Select Company</option>
555 <option ng-repeat="list in companyList">{{list.companyName}}</option> 555 <option ng-repeat="list in companyList">{{list.companyName}}</option>
556 </select> 556 </select>
557 </div> 557 </div>
558 <div class="clearfix"></div> 558 <div class="clearfix"></div>
559 </div> 559 </div>
560 <div class="col-md-6"> 560 <div class="col-md-6">
561 <div class="pull-left" style="width: 110px;"> 561 <div class="pull-left" style="width: 110px;">
562 <label class="new-input-label"><b>Product</b></label> 562 <label class="new-input-label"><b>Product</b></label>
563 </div> 563 </div>
564 <div class="pull-left" style="width: calc(100% - 110px);"> 564 <div class="pull-left" style="width: calc(100% - 110px);">
565 <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote);addTotal(order.priceQuote, order.volume)" required> 565 <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote);addTotal(order.priceQuote, order.volume)" required>
566 <option value="" selected disabled>Select Product</option> 566 <option value="" selected disabled>Select Product</option>
567 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option> 567 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option>
568 </select> 568 </select>
569 </div> 569 </div>
570 <div class="clearfix"></div> 570 <div class="clearfix"></div>
571 </div> 571 </div>
572 572
573 </div> 573 </div>
574 <div class="clearfix"></div> 574 <div class="clearfix"></div>
575 <br/> 575 <br/>
576 576
577 577
578 <div class="col-xs-12"> 578 <div class="col-xs-12">
579 579
580 <div class="col-md-6"> 580 <div class="col-md-6">
581 <div class="pull-left" style="width: 110px;"> 581 <div class="pull-left" style="width: 110px;">
582 <label class="new-input-label"><b>Aircraft</b></label> 582 <label class="new-input-label"><b>Aircraft</b></label>
583 </div> 583 </div>
584 <div class="pull-left" style="width: calc(100% - 110px);"> 584 <div class="pull-left" style="width: calc(100% - 110px);">
585 <select class="form-control" ng-model="order.aircraftName" required> 585 <select class="form-control" ng-model="order.aircraftName" required>
586 <option selected disabled value="">Select Aircraft</option> 586 <option selected disabled value="">Select Aircraft</option>
587 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option> 587 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option>
588 </select> 588 </select>
589 </div> 589 </div>
590 <div class="clearfix"></div> 590 <div class="clearfix"></div>
591 </div> 591 </div>
592 <div class="col-md-6"> 592 <div class="col-md-6">
593 <div class="pull-left" style="width: 110px;"> 593 <div class="pull-left" style="width: 110px;">
594 <label class="new-input-label"><b>Volume</b></label> 594 <label class="new-input-label"><b>Volume</b></label>
595 </div> 595 </div>
596 <div class="pull-left" style="width: calc(100% - 110px);"> 596 <div class="pull-left" style="width: calc(100% - 110px);">
597 <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.priceQuote, order.volume)" class="form-control" placeholder="" required> 597 <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.priceQuote, order.volume)" class="form-control" placeholder="" required>
598 </div> 598 </div>
599 <div class="clearfix"></div> 599 <div class="clearfix"></div>
600 </div> 600 </div>
601 601
602 </div> 602 </div>
603 <div class="clearfix"></div> 603 <div class="clearfix"></div>
604 <br/> 604 <br/>
605 605
606 <div class="col-xs-12"> 606 <div class="col-xs-12">
607 607
608 <div class="col-md-6"> 608 <div class="col-md-6">
609 <div class="pull-left" style="width: 110px;"> 609 <div class="pull-left" style="width: 110px;">
610 <label class="new-input-label" style="margin-top: 25px;"><b>ETA</b></label> 610 <label class="new-input-label" style="margin-top: 25px;"><b>ETA</b></label>
611 </div> 611 </div>
612 <div class="pull-left" style="width: calc(100% - 110px);"> 612 <div class="pull-left" style="width: calc(100% - 110px);">
613 <div style="width: 50%; float: left;"> 613 <div style="width: 50%; float: left;">
614 Date 614 Date
615 <input type="text" style="width: 90%;" ng-model="order.upliftDate" class="form-control" placeholder="" datepicker required/> 615 <input type="text" style="width: 90%;" ng-model="order.upliftDate" class="form-control" placeholder="" datepicker required/>
616 </div> 616 </div>
617 <div style="width: 50%; float: left;"> 617 <div style="width: 50%; float: left;">
618 Time 618 Time
619 <select class="form-control" ng-model="order.etaTime" style="width: 100%;" required> 619 <select class="form-control" ng-model="order.etaTime" style="width: 100%;" required>
620 <option ng-repeat="li in etaTimeList">{{li.time}}</option> 620 <option ng-repeat="li in etaTimeList">{{li.time}}</option>
621 </select> 621 </select>
622 622
623 </div> 623 </div>
624 </div> 624 </div>
625 <div class="clearfix"></div> 625 <div class="clearfix"></div>
626 </div> 626 </div>
627 627
628 <div class="col-md-6" style="margin-top: 22px;" ng-if ="order.status === 'invoiced'"> 628 <div class="col-md-6" style="margin-top: 22px;" ng-if ="order.status === 'invoiced'">
629 <div class="pull-left" style="width: 110px;"> 629 <div class="pull-left" style="width: 110px;">
630 <label class="new-input-label"><b>Invoiced</b></label> 630 <label class="new-input-label"><b>Invoiced</b></label>
631 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 631 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
632 </div> 632 </div>
633 <div class="pull-left" style="width: calc(100% - 110px);"> 633 <div class="pull-left" style="width: calc(100% - 110px);">
634 <input type="text" ng-model="order.invoiced" class="form-control" placeholder=""> 634 <input type="text" ng-model="order.invoiced" class="form-control" placeholder="">
635 </div> 635 </div>
636 <div class="clearfix"></div> 636 <div class="clearfix"></div>
637 </div> 637 </div>
638 </div> 638 </div>
639 <div class="clearfix"></div><br> 639 <div class="clearfix"></div><br>
640 640
641 641
642 <div class="col-xs-12"> 642 <div class="col-xs-12">
643 643
644 <div class="col-md-6"> 644 <div class="col-md-6">
645 <div class="pull-left" style="width: 110px;"> 645 <div class="pull-left" style="width: 110px;">
646 <label class="new-input-label" style="margin-top: 25px;"><b>ETD</b></label> 646 <label class="new-input-label" style="margin-top: 25px;"><b>ETD</b></label>
647 </div> 647 </div>
648 <div class="pull-left" style="width: calc(100% - 110px);"> 648 <div class="pull-left" style="width: calc(100% - 110px);">
649 <div style="width: 50%; float: left;"> 649 <div style="width: 50%; float: left;">
650 Date 650 Date
651 <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control" placeholder="" datepicker/> 651 <input type="text" style="width: 90%;" ng-model="order.departingDate" class="form-control" placeholder="" datepicker/>
652 </div> 652 </div>
653 <div style="width: 50%; float: left;"> 653 <div style="width: 50%; float: left;">
654 Time 654 Time
655 <select class="form-control" ng-model="order.etdTime" style="width: 100%;"> 655 <select class="form-control" ng-model="order.etdTime" style="width: 100%;">
656 <option ng-repeat="list in etdTimeList">{{list.time}}</option> 656 <option ng-repeat="list in etdTimeList">{{list.time}}</option>
657 </select> 657 </select>
658 658
659 </div> 659 </div>
660 </div> 660 </div>
661 <div class="clearfix"></div> 661 <div class="clearfix"></div>
662 </div> 662 </div>
663 663
664 <div class="col-md-6" style="margin-top: 22px;"> 664 <div class="col-md-6" style="margin-top: 22px;">
665 <div class="pull-left" style="width: 110px;"> 665 <div class="pull-left" style="width: 110px;">
666 <label class="new-input-label"><b>Total</b></label> 666 <label class="new-input-label"><b>Total</b></label>
667 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 667 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
668 </div> 668 </div>
669 <div class="pull-left" style="width: calc(100% - 110px);"> 669 <div class="pull-left" style="width: calc(100% - 110px);">
670 <input type="text" class="form-control" disabled ng-model="order.total | number : 4" placeholder="" ng-value="{{order.volume * order.invoiced}}"> 670 <input type="text" class="form-control" disabled ng-model="order.total | number : 4" placeholder="" ng-value="{{order.volume * order.invoiced}}">
671 </div> 671 </div>
672 </div> 672 </div>
673 </div> 673 </div>
674 <div class="clearfix"></div><br> 674 <div class="clearfix"></div><br>
675 675
676 676
677 <div class="col-xs-12"> 677 <div class="col-xs-12">
678 678
679 <div class="col-md-6"> 679 <div class="col-md-6">
680 <div class="pull-left" style="width: 110px;"> 680 <div class="pull-left" style="width: 110px;">
681 <label class="new-input-label"><b>Fuel on</b></label> 681 <label class="new-input-label"><b>Fuel on</b></label>
682 </div> 682 </div>
683 <div class="pull-left" style="width: calc(100% - 110px);"> 683 <div class="pull-left" style="width: calc(100% - 110px);">
684 <select class="form-control" ng-model="order.fuelOn" style="width: 100%;"> 684 <select class="form-control" ng-model="order.fuelOn" style="width: 100%;">
685 <option value="" disabled selected hidden>Arrival</option> 685 <option value="" disabled selected hidden>Arrival</option>
686 <option value="Arrival">Arrival</option> 686 <option value="Arrival">Arrival</option>
687 <option value="Departure">Departure</option> 687 <option value="Departure">Departure</option>
688 </select> 688 </select>
689 </div> 689 </div>
690 <div class="clearfix"></div> 690 <div class="clearfix"></div>
691 </div> 691 </div>
692 692
693 <div class="col-md-6"> 693 <div class="col-md-6">
694 <div class="pull-left" style="width: 110px;"> 694 <div class="pull-left" style="width: 110px;">
695 <label class="new-input-label"><b>FBO Cost</b></label> 695 <label class="new-input-label"><b>FBO Cost</b></label>
696 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 696 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
697 </div> 697 </div>
698 <div class="pull-left" style="width: calc(100% - 110px);"> 698 <div class="pull-left" style="width: calc(100% - 110px);">
699 <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number /> 699 <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number />
700 </div> 700 </div>
701 <div class="clearfix"></div> 701 <div class="clearfix"></div>
702 </div> 702 </div>
703 </div> 703 </div>
704 <div class="clearfix"></div><br> 704 <div class="clearfix"></div><br>
705 705
706 <div class="col-xs-12"> 706 <div class="col-xs-12">
707 <div class="col-md-6"> 707 <div class="col-md-6">
708 <div class="pull-left" style="width: 110px;"> 708 <div class="pull-left" style="width: 110px;">
709 <label class="new-input-label"><b>Source</b></label> 709 <label class="new-input-label"><b>Source</b></label>
710 </div> 710 </div>
711 <div class="pull-left" style="width: calc(100% - 110px);"> 711 <div class="pull-left" style="width: calc(100% - 110px);">
712 <div style="font-weight: normal;" ng-if="baseTenant && !contractFuelVendor">Tenant/Base Customer</br></div> 712 <div style="font-weight: normal;" ng-if="baseTenant && !contractFuelVendor">Tenant/Base Customer</br></div>
713 <div style="font-weight: normal;" ng-if="contractFuelVendor && !baseTenant">CAA Member</div> 713 <div style="font-weight: normal;" ng-if="contractFuelVendor && !baseTenant">CAA Member</div>
714 <div style="font-weight: normal;" ng-if="contractFuelVendor && baseTenant">Tenant/CAA</div> 714 <div style="font-weight: normal;" ng-if="contractFuelVendor && baseTenant">Tenant/CAA</div>
715 <!-- <select class="form-control" ng-model="order.source" style="width: 100%;"> 715 <!-- <select class="form-control" ng-model="order.source" style="width: 100%;">
716 <option value="" disabled selected hidden>Select Source</option> 716 <option value="" disabled selected hidden>Select Source</option>
717 <option value="Tenant">Tenant</option> 717 <option value="Tenant">Tenant</option>
718 <option value="CAA">CAA</option> 718 <option value="CAA">CAA</option>
719 <option value="Tenant/CAA">Tenant/CAA</option> 719 <option value="Tenant/CAA">Tenant/CAA</option>
720 </select> --> 720 </select> -->
721 </div> 721 </div>
722 <div class="clearfix"></div> 722 <div class="clearfix"></div>
723 </div> 723 </div>
724 </div> 724 </div>
725 <div class="clearfix"></div> 725 <div class="clearfix"></div>
726 <br/> 726 <br/>
727 <div class="col-xs-12"> 727 <div class="col-xs-12">
728 728
729 729
730 <div class="col-md-6"> 730 <div class="col-md-6">
731 <div class="pull-left" style="width: 110px;"> 731 <div class="pull-left" style="width: 110px;">
732 <label class="new-input-label"><b>Certificate Type</b></label> 732 <label class="new-input-label"><b>Certificate Type</b></label>
733 </div> 733 </div>
734 <div class="pull-left" style="width: calc(100% - 110px);"> 734 <div class="pull-left" style="width: calc(100% - 110px);">
735 <select class="form-control" disabled ng-model="order.certificateType" style="width: 100%;"> 735 <select class="form-control" disabled ng-model="order.certificateType" style="width: 100%;">
736 <option value="" disabled selected hidden>Select...</option> 736 <option value="" disabled selected hidden>Select...</option>
737 <option value="corporate">Part 91 (Corporate)</option> 737 <option value="corporate">Part 91 (Corporate)</option>
738 <option value="charter">Part 135 (Charter)</option> 738 <option value="charter">Part 135 (Charter)</option>
739 <option value="scheduled">Part 121 (Scheduled)</option> 739 <option value="scheduled">Part 121 (Scheduled)</option>
740 <option value="military">Military</option> 740 <option value="military">Military</option>
741 <option value="government">Government</option> 741 <option value="government">Government</option>
742 </select> 742 </select>
743 </div> 743 </div>
744 <div class="clearfix"></div> 744 <div class="clearfix"></div>
745 </div> 745 </div>
746 <div class="col-md-6"> 746 <div class="col-md-6">
747 <div class="pull-left" style="width: 110px;"> 747 <div class="pull-left" style="width: 110px;">
748 <label class="new-input-label"><b>Status</b></label> 748 <label class="new-input-label"><b>Status</b></label>
749 </div> 749 </div>
750 <div class="pull-left" style="width: calc(100% - 110px);"> 750 <div class="pull-left" style="width: calc(100% - 110px);">
751 <select class="form-control" ng-model="order.status" style="width: 100%;"> 751 <select class="form-control" ng-model="order.status" style="width: 100%;">
752 <option value="" disabled selected hidden>pending</option> 752 <option value="" disabled selected hidden>pending</option>
753 <option value="pending">pending</option> 753 <option value="pending">pending</option>
754 <option value="invoiced">invoiced</option> 754 <option value="invoiced">invoiced</option>
755 <option value="paid">paid</option> 755 <option value="paid">paid</option>
756 <!-- <option value="cancelled">cancelled</option> 756 <!-- <option value="cancelled">cancelled</option>
757 <option value="archived">archived</option> --> 757 <option value="archived">archived</option> -->
758 </select> 758 </select>
759 </div> 759 </div>
760 <div class="clearfix"></div> 760 <div class="clearfix"></div>
761 </div> 761 </div>
762 </div> 762 </div>
763 <div class="clearfix"></div><br> 763 <div class="clearfix"></div><br>
764 764
765 </div> 765 </div>
766 </div> 766 </div>
767 </div> 767 </div>
768 </div> 768 </div>
769 </div> 769 </div>
770 </div> 770 </div>
771 <div class="modal-footer" style="border-top: 0;"> 771 <div class="modal-footer" style="border-top: 0;">
772 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> 772 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button>
773 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-disabled="fuelOrderForm.$invalid" ng-click="addFuelData()">Save</button> 773 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-disabled="fuelOrderForm.$invalid" ng-click="addFuelData()">Save</button>
774 </div> 774 </div>
775 </div> 775 </div>
776 </div> 776 </div>
777 </div> 777 </div>
778 </form> 778 </form>
779 779
780 780
781 <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm"> 781 <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm">
782 <div class="modal-dialog modal-lg"> 782 <div class="modal-dialog modal-lg">
783 <div class="modal-content"> 783 <div class="modal-content">
784 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 784 <div class="modal-body step-1" data-step="1" style="padding: 0;">
785 <div> 785 <div>
786 <div class="row" style="margin: 0;"> 786 <div class="row" style="margin: 0;">
787 <div> 787 <div>
788 <div class="widget" style="margin-bottom: 0;"> 788 <div class="widget" style="margin-bottom: 0;">
789 <div class="widget-header"> 789 <div class="widget-header">
790 <i class="icon-pencil"></i> 790 <i class="icon-pencil"></i>
791 <i class="fa fa-tasks" aria-hidden="true"></i> 791 <i class="fa fa-tasks" aria-hidden="true"></i>
792 <h3>Update Fuel Order</h3> 792 <h3>Update Fuel Order</h3>
793 <div class="clearfix"></div> 793 <div class="clearfix"></div>
794 </div> 794 </div>
795 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 795 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
796 <div class="col-xs-12"> 796 <div class="col-xs-12">
797 <div class="col-xs-12"> 797 <div class="col-xs-12">
798 798
799 <div class="col-md-6"> 799 <div class="col-md-6">
800 <div class="pull-left" style="width: 110px;"> 800 <div class="pull-left" style="width: 110px;">
801 <label class="new-input-label" style="margin-top: 25px;"><b>ETA</b></label> 801 <label class="new-input-label" style="margin-top: 25px;"><b>ETA</b></label>
802 </div> 802 </div>
803 <div class="pull-left" style="width: calc(100% - 110px);"> 803 <div class="pull-left" style="width: calc(100% - 110px);">
804 <div style="width: 50%; float: left;"> 804 <div style="width: 50%; float: left;">
805 Date 805 Date
806 <input type="text" style="width: 90%;" ng-model="editdata.upliftDateString" class="form-control" placeholder="" datepicker/> 806 <input type="text" style="width: 90%;" ng-model="editdata.upliftDateString" class="form-control" placeholder="" datepicker/>
807 </div> 807 </div>
808 <div style="width: 50%; float: left;"> 808 <div style="width: 50%; float: left;">
809 Time 809 Time
810 <select class="form-control" ng-model="editdata.etaTime" style="width: 90%;"> 810 <select class="form-control" ng-model="editdata.etaTime" style="width: 90%;">
811 <option ng-repeat="li in etaTimeList">{{li.time}}</option> 811 <option ng-repeat="li in etaTimeList">{{li.time}}</option>
812 </select> 812 </select>
813 813
814 </div> 814 </div>
815 </div> 815 </div>
816 <div class="clearfix"></div> 816 <div class="clearfix"></div>
817 </div> 817 </div>
818 <div class="col-md-6" style="margin-top: 25px;"> 818 <div class="col-md-6" style="margin-top: 25px;">
819 <div class="pull-left" style="width: 110px;"> 819 <div class="pull-left" style="width: 110px;">
820 <label class="new-input-label"><b>Volume</b></label> 820 <label class="new-input-label"><b>Volume</b></label>
821 </div> 821 </div>
822 <div class="pull-left" style="width: calc(100% - 110px);"> 822 <div class="pull-left" style="width: calc(100% - 110px);">
823 <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder=""> 823 <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder="">
824 </div> 824 </div>
825 <div class="clearfix"></div> 825 <div class="clearfix"></div>
826 </div> 826 </div>
827 </div> 827 </div>
828 <div class="clearfix"></div><br> 828 <div class="clearfix"></div><br>
829 829
830 <div class="col-xs-12"> 830 <div class="col-xs-12">
831 831
832 <div class="col-md-6"> 832 <div class="col-md-6">
833 <div class="pull-left" style="width: 110px;"> 833 <div class="pull-left" style="width: 110px;">
834 <label class="new-input-label"><b>ETD</b></label> 834 <label class="new-input-label"><b>ETD</b></label>
835 </div> 835 </div>
836 <div class="pull-left" style="width: calc(100% - 110px);"> 836 <div class="pull-left" style="width: calc(100% - 110px);">
837 <div style="width: 50%; float: left;"> 837 <div style="width: 50%; float: left;">
838 <input type="text" style="width: 90%" ng-model="editdata.departingDateString" class="form-control" placeholder="" datepicker/> 838 <input type="text" style="width: 90%" ng-model="editdata.departingDateString" class="form-control" placeholder="" datepicker/>
839 </div> 839 </div>
840 <div style="width: 50%; float: left;"> 840 <div style="width: 50%; float: left;">
841 <select class="form-control" ng-model="editdata.etdTime" style="width: 90%;"> 841 <select class="form-control" ng-model="editdata.etdTime" style="width: 90%;">
842 <option ng-repeat="list in etdTimeList">{{list.time}}</option> 842 <option ng-repeat="list in etdTimeList">{{list.time}}</option>
843 </select> 843 </select>
844 </div> 844 </div>
845 </div> 845 </div>
846 <div class="clearfix"></div> 846 <div class="clearfix"></div>
847 </div> 847 </div>
848 <div class="col-md-6"> 848 <div class="col-md-6">
849 <div class="pull-left" style="width: 110px;"> 849 <div class="pull-left" style="width: 110px;">
850 <label class="new-input-label"><b>Fuel on</b></label> 850 <label class="new-input-label"><b>Fuel on</b></label>
851 </div> 851 </div>
852 <div class="pull-left" style="width: calc(100% - 110px);"> 852 <div class="pull-left" style="width: calc(100% - 110px);">
853 <select class="form-control" ng-model="editdata.fuelOn" style="width: 100%;"> 853 <select class="form-control" ng-model="editdata.fuelOn" style="width: 100%;">
854 <option value="" disabled selected hidden>Arrival</option> 854 <option value="" disabled selected hidden>Arrival</option>
855 <option value="Arrival">Arrival</option> 855 <option value="Arrival">Arrival</option>
856 <option value="Departure">Departure</option> 856 <option value="Departure">Departure</option>
857 </select> 857 </select>
858 </div> 858 </div>
859 <div class="clearfix"></div> 859 <div class="clearfix"></div>
860 </div> 860 </div>
861 </div> 861 </div>
862 <div class="clearfix"></div><br> 862 <div class="clearfix"></div><br>
863 863
864 <div class="col-xs-12"> 864 <div class="col-xs-12">
865 865
866 <div class="col-md-6"> 866 <div class="col-md-6">
867 <div class="pull-left" style="width: 110px;"> 867 <div class="pull-left" style="width: 110px;">
868 <label class="new-input-label"><b>Company</b></label> 868 <label class="new-input-label"><b>Company</b></label>
869 </div> 869 </div>
870 <div class="pull-left" style="width: calc(100% - 110px);"> 870 <div class="pull-left" style="width: calc(100% - 110px);">
871 {{editdata.companyName}} 871 {{editdata.companyName}}
872 </div> 872 </div>
873 <div class="clearfix"></div> 873 <div class="clearfix"></div>
874 </div> 874 </div>
875 <div class="col-md-6"> 875 <div class="col-md-6">
876 <div class="pull-left" style="width: 110px;"> 876 <div class="pull-left" style="width: 110px;">
877 <label class="new-input-label"><b>Invoiced</b></label> 877 <label class="new-input-label"><b>Invoiced</b></label>
878 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 878 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
879 </div> 879 </div>
880 <div class="pull-left" style="width: calc(100% - 110px);"> 880 <div class="pull-left" style="width: calc(100% - 110px);">
881 <input type="text" ng-model="editdata.invoiced" ng-keyup="updateTotal(editdata.invoiced,'i')" class="form-control" placeholder=""> 881 <input type="text" ng-model="editdata.invoiced" ng-keyup="updateTotal(editdata.invoiced,'i')" class="form-control" placeholder="">
882 </div> 882 </div>
883 <div class="clearfix"></div> 883 <div class="clearfix"></div>
884 </div> 884 </div>
885 885
886 </div> 886 </div>
887 <div class="clearfix"></div> 887 <div class="clearfix"></div>
888 <br/> 888 <br/>
889 889
890 890
891 <div class="col-xs-12"> 891 <div class="col-xs-12">
892 892
893 <div class="col-md-6"> 893 <div class="col-md-6">
894 <div class="pull-left" style="width: 110px;"> 894 <div class="pull-left" style="width: 110px;">
895 <label class="new-input-label"><b>Tail #</b></label> 895 <label class="new-input-label"><b>Tail #</b></label>
896 </div> 896 </div>
897 <div class="pull-left" style="width: calc(100% - 110px);"> 897 <div class="pull-left" style="width: calc(100% - 110px);">
898 {{editdata.aircraftName}} 898 {{editdata.aircraftName}}
899 </div> 899 </div>
900 <div class="clearfix"></div> 900 <div class="clearfix"></div>
901 </div> 901 </div>
902 <div class="col-md-6"> 902 <div class="col-md-6">
903 <div class="pull-left" style="width: 110px;"> 903 <div class="pull-left" style="width: 110px;">
904 <label class="new-input-label"><b>Total</b></label> 904 <label class="new-input-label"><b>Total</b></label>
905 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 905 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
906 </div> 906 </div>
907 <div class="pull-left" style="width: calc(100% - 110px);"> 907 <div class="pull-left" style="width: calc(100% - 110px);">
908 <input type="text" class="form-control" disabled ng-model="editdata.total | number : 4" placeholder="" ng-value="{{editdata.requestedVolume * editdata.invoiced}}"> 908 <input type="text" class="form-control" disabled ng-model="editdata.total | number : 4" placeholder="" ng-value="{{editdata.requestedVolume * editdata.invoiced}}">
909 </div> 909 </div>
910 <div class="clearfix"></div> 910 <div class="clearfix"></div>
911 </div> 911 </div>
912 </div> 912 </div>
913 <div class="clearfix"></div> 913 <div class="clearfix"></div>
914 <br/> 914 <br/>
915 <div class="col-xs-12"> 915 <div class="col-xs-12">
916 916
917 917
918 <div class="col-md-6"> 918 <div class="col-md-6">
919 <div class="pull-left" style="width: 110px;"> 919 <div class="pull-left" style="width: 110px;">
920 <label class="new-input-label"><b>Source</b></label> 920 <label class="new-input-label"><b>Source</b></label>
921 </div> 921 </div>
922 <div class="pull-left" style="width: calc(100% - 110px);"> 922 <div class="pull-left" style="width: calc(100% - 110px);">
923 <select class="form-control" ng-model="editdata.source" style="width: 100%;"> 923 <select class="form-control" ng-model="editdata.source" style="width: 100%;">
924 <option value="" disabled selected hidden>Select Source</option> 924 <option value="" disabled selected hidden>Select Source</option>
925 <option value="Tenant">Tenant</option> 925 <option value="Tenant">Tenant</option>
926 <option value="CAA">CAA</option> 926 <option value="CAA">CAA</option>
927 <option value="Tenant/CAA">Tenant/CAA</option> 927 <option value="Tenant/CAA">Tenant/CAA</option>
928 </select> 928 </select>
929 </div> 929 </div>
930 <div class="clearfix"></div> 930 <div class="clearfix"></div>
931 </div> 931 </div>
932 <div class="col-md-6"> 932 <div class="col-md-6">
933 <div class="pull-left" style="width: 110px;"> 933 <div class="pull-left" style="width: 110px;">
934 <label class="new-input-label"><b>Product</b></label> 934 <label class="new-input-label"><b>Product</b></label>
935 </div> 935 </div>
936 <div class="pull-left" style="width: calc(100% - 110px);"> 936 <div class="pull-left" style="width: calc(100% - 110px);">
937 {{editdata.productName}} 937 {{editdata.productName}}
938 </div> 938 </div>
939 <div class="clearfix"></div> 939 <div class="clearfix"></div>
940 </div> 940 </div>
941 </div> 941 </div>
942 <div class="clearfix"></div> 942 <div class="clearfix"></div>
943 <br/> 943 <br/>
944 944
945 <div class="col-xs-12"> 945 <div class="col-xs-12">
946 946
947 <div class="col-md-6"> 947 <div class="col-md-6">
948 <div class="pull-left" style="width: 110px;"> 948 <div class="pull-left" style="width: 110px;">
949 <label class="new-input-label"><b>Status</b></label> 949 <label class="new-input-label"><b>Status</b></label>
950 </div> 950 </div>
951 <div class="pull-left" style="width: calc(100% - 110px);"> 951 <div class="pull-left" style="width: calc(100% - 110px);">
952 <select class="form-control" ng-model="editdata.status" style="width: 100%;"> 952 <select class="form-control" ng-model="editdata.status" style="width: 100%;">
953 <option value="" disabled selected hidden>Select Status</option> 953 <option value="" disabled selected hidden>Select Status</option>
954 <option value="pending">pending</option> 954 <option value="pending">pending</option>
955 <option value="invoiced">invoiced</option> 955 <option value="invoiced">invoiced</option>
956 <option value="paid">paid</option> 956 <option value="paid">paid</option>
957 <option value="cancelled">cancelled</option> 957 <option value="cancelled">cancelled</option>
958 <option value="archived">archived</option> 958 <option value="archived">archived</option>
959 </select> 959 </select>
960 </div> 960 </div>
961 <div class="clearfix"></div> 961 <div class="clearfix"></div>
962 </div> 962 </div>
963 <div class="col-md-6"> 963 <div class="col-md-6">
964 <div class="pull-left" style="width: 110px;"> 964 <div class="pull-left" style="width: 110px;">
965 <label class="new-input-label"><b>Certificate Type</b></label> 965 <label class="new-input-label"><b>Certificate Type</b></label>
966 </div> 966 </div>
967 <div class="pull-left" style="width: calc(100% - 110px);"> 967 <div class="pull-left" style="width: calc(100% - 110px);">
968 <select class="form-control" ng-model="editdata.certificateType" style="width: 100%;" required> 968 <select class="form-control" ng-model="editdata.certificateType" style="width: 100%;" required>
969 <option value="" disabled selected hidden>Select...</option> 969 <option value="" disabled selected hidden>Select...</option>
970 <option value="corporate">Part 91 (Corporate)</option> 970 <option value="corporate">Part 91 (Corporate)</option>
971 <option value="charter">Part 135 (Charter)</option> 971 <option value="charter">Part 135 (Charter)</option>
972 <option value="scheduled">Part 121 (Scheduled)</option> 972 <option value="scheduled">Part 121 (Scheduled)</option>
973 <option value="military">Military</option> 973 <option value="military">Military</option>
974 <option value="government">Government</option> 974 <option value="government">Government</option>
975 </select> 975 </select>
976 </div> 976 </div>
977 977
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 </div> 982 </div>
983 <div class="clearfix"></div> 983 <div class="clearfix"></div>
984 <br/> 984 <br/>
985 <div class="col-xs-12"> 985 <div class="col-xs-12">
986 986
987 </div> 987 </div>
988 <div class="clearfix"></div> 988 <div class="clearfix"></div>
989 989
990 </div> 990 </div>
991 </div> 991 </div>
992 <div class="clearfix"></div> 992 <div class="clearfix"></div>
993 </div> 993 </div>
994 </div> 994 </div>
995 </div> 995 </div>
996 </div> 996 </div>
997 997
998 <div class="modal-footer" style="border-top: 0;"> 998 <div class="modal-footer" style="border-top: 0;">
999 <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button> 999 <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button>
1000 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData()">Save</button> 1000 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData()">Save</button>
1001 </div> 1001 </div>
1002 </div> 1002 </div>
1003 </div> 1003 </div>
1004 </div> 1004 </div>
1005 </form> 1005 </form>
1006 1006
1007 <form class="modal multi-step" id="demo-modal-6" name="uploadAttachmentForm"> 1007 <form class="modal multi-step" id="demo-modal-6" name="uploadAttachmentForm">
1008 <div class="modal-dialog modal-xs"> 1008 <div class="modal-dialog modal-xs">
1009 <div class="modal-content"> 1009 <div class="modal-content">
1010 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 1010 <div class="modal-body step-1" data-step="1" style="padding: 0;">
1011 <div> 1011 <div>
1012 <div class="row" style="margin: 0;"> 1012 <div class="row" style="margin: 0;">
1013 <div> 1013 <div>
1014 <div class="widget" style="margin-bottom: 0;"> 1014 <div class="widget" style="margin-bottom: 0;">
1015 <div class="widget-header"> 1015 <div class="widget-header">
1016 <i class="icon-pencil"></i> 1016 <i class="icon-pencil"></i>
1017 <i class="fa fa-tasks" aria-hidden="true"></i> 1017 <i class="fa fa-tasks" aria-hidden="true"></i>
1018 <h3>Upload Attachment</h3> 1018 <h3>Upload Attachment</h3>
1019 <div class="clearfix"></div> 1019 <div class="clearfix"></div>
1020 </div> 1020 </div>
1021 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 1021 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
1022 <div class="col-xs-6"> 1022 <div class="col-xs-6">
1023 <div class="col-xs-6"> 1023 <div class="col-xs-6">
1024 1024
1025 <div class="col-md-6"> 1025 <div class="col-md-6">
1026 <div class="pull-left" style="width: 110px;"> 1026 <div class="pull-left" style="width: 110px;">
1027 <label class="new-input-label"><b>Upload</b></label> 1027 <label class="new-input-label"><b>Upload</b></label>
1028 <br> 1028 <br>
1029 <br> 1029 <br>
1030 </div> 1030 </div>
1031 <div class="pull-left" style="width: calc(100% - 110px);"> 1031 <div class="pull-left" style="width: calc(100% - 110px);">
1032 <input type="file" accept=".pdf" file-model = "uploadFile.attachment"> 1032 <input type="file" accept=".pdf" file-model = "uploadFile.attachment">
1033 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> 1033 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>-->
1034 </div> 1034 </div>
1035 <div class="clearfix"></div> 1035 <div class="clearfix"></div>
1036 </div> 1036 </div>
1037 </div> 1037 </div>
1038 <div class="clearfix"></div><br> 1038 <div class="clearfix"></div><br>
1039 1039
1040 </div> 1040 </div>
1041 </div> 1041 </div>
1042 <div class="clearfix"></div> 1042 <div class="clearfix"></div>
1043 </div> 1043 </div>
1044 </div> 1044 </div>
1045 </div> 1045 </div>
1046 </div> 1046 </div>
1047 1047
1048 <div class="modal-footer" style="border-top: 0;"> 1048 <div class="modal-footer" style="border-top: 0;">
1049 <button type="button" class="btn btn-default" ng-click="cancelUploadAttachment()" data-dismiss="modal">Cancel</button> 1049 <button type="button" class="btn btn-default" ng-click="cancelUploadAttachment()" data-dismiss="modal">Cancel</button>
1050 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveUploadAttachment(uploadFile.attachment)">Upload</button> 1050 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveUploadAttachment(uploadFile.attachment)">Upload</button>
1051 </div> 1051 </div>
1052 </div> 1052 </div>
1053 </div> 1053 </div>
1054 </div> 1054 </div>
1055 </form> 1055 </form>
1056 1056
1057 <div class="customConfirmPopBackdrop" id="delete1"> 1057 <div class="customConfirmPopBackdrop" id="delete1">
1058 <div class="customModalInner" style="max-width: 400px;"> 1058 <div class="customModalInner" style="max-width: 400px;">
1059 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1059 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1060 <table> 1060 <table>
1061 <tr> 1061 <tr>
1062 <td> 1062 <td>
1063 <img src="img/info.png" style="width: 50px;"> 1063 <img src="img/info.png" style="width: 50px;">
1064 </td> 1064 </td>
1065 <td> 1065 <td>
1066 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to delete the attachment?</p> 1066 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to delete the attachment?</p>
1067 </td> 1067 </td>
1068 </tr> 1068 </tr>
1069 </table> 1069 </table>
1070 </div> 1070 </div>
1071 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1071 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1072 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteAttachment()">Yes</button> 1072 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteAttachment()">Yes</button>
1073 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDeleteAttachment()">No</button> 1073 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDeleteAttachment()">No</button>
1074 </div> 1074 </div>
1075 </div> 1075 </div>
1076 </div> 1076 </div>
1077 1077
1078 1078
1079 1079
1080 <div class="myLoader" ng-show="showLoader"> 1080 <div class="myLoader" ng-show="showLoader">
1081 <img src="../img/hourglass.gif" width="50px;"> 1081 <img src="../img/hourglass.gif" width="50px;">
1082 </div> 1082 </div>
1083 <script src="js/multi-step-modal.js"></script> 1083 <script src="js/multi-step-modal.js"></script>
1084 <script> 1084 <script>
1085 sendEvent = function(sel, step) { 1085 sendEvent = function(sel, step) {
1086 $(sel).trigger('next.m.' + step); 1086 $(sel).trigger('next.m.' + step);
1087 } 1087 }
1088 </script> 1088 </script>
1089 1089
1090 <script> 1090 <script>
1091 angular.module("KendoDemos", [ "kendo.directives" ]) 1091 angular.module("KendoDemos", [ "kendo.directives" ])
1092 .controller("MyCtrl", function($scope){ 1092 .controller("MyCtrl", function($scope){
1093 $scope.getType = function(x) { 1093 $scope.getType = function(x) {
1094 return typeof x; 1094 return typeof x;
1095 }; 1095 };
1096 $scope.isDate = function(x) { 1096 $scope.isDate = function(x) {
1097 return x instanceof Date; 1097 return x instanceof Date;
1098 }; 1098 };
1099 }) 1099 })
1100 </script> 1100 </script>