viithiisys / Acufuel

Download as
Browse Code »

Commit 8fc0ea8f4f28de82e9c3272a15c6a892f28b8133

Authored by Kuldeep Arora
1 parent bcd6c1025f
Exists in master

update menu items

Showing 15 changed files with 42 additions and 32 deletions   Show diff stats
app/partials/ContactView/ContactView.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
4 } 4 }
5 </style> 5 </style>
6 6
7 <div class="myLoader" ng-show="showLoader"> 7 <div class="myLoader" ng-show="showLoader">
8 <img src="../img/hourglass.gif" width="50px;"> 8 <img src="../img/hourglass.gif" width="50px;">
9 </div> 9 </div>
10 10
11 <div class="main"> 11 <div class="main">
12 <div class="container"> 12 <div class="container">
13 <div class="row"> 13 <div class="row">
14 <div class="col-md-12"> 14 <div class="col-md-12">
15 <div class="widget stacked "> 15 <div class="widget stacked ">
16 <div class="widget-content"> 16 <div class="widget-content">
17 <div class="tabbable"> 17 <div class="tabbable">
18 <ul class="nav nav-tabs"> 18 <ul class="nav nav-tabs">
19 <li> 19 <li>
20 <a ui-sref="app.customers">Company View 20 <a ui-sref="app.customers">Company View
21 <i class="fa fa-caret-down" aria-hidden="true"></i> 21 <i class="fa fa-caret-down" aria-hidden="true"></i>
22 </a> 22 </a>
23 </li> 23 </li>
24 <li class="active"> 24 <li class="active">
25 <a ui-sref="app.ContactView">Contact View 25 <a ui-sref="app.ContactView">Contact View
26 <i class="fa fa-caret-down" aria-hidden="true"></i> 26 <i class="fa fa-caret-down" aria-hidden="true"></i>
27 </a> 27 </a>
28 </li> 28 </li>
29 <li> 29 <li>
30 <a ui-sref="app.FuelVendors">Fuel Vendors 30 <a ui-sref="app.FuelVendors">Fuel Vendors
31 <i class="fa fa-caret-down" aria-hidden="true"></i> 31 <i class="fa fa-caret-down" aria-hidden="true"></i>
32 </a> 32 </a>
33 </li> 33 </li>
34 34
35 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table" ng-model="search" ng-minlength="minlength"></li> 35 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table" ng-model="search" ng-minlength="minlength"></li>
36 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayContactList.filter({}); searchText=null">Clear Search And Filters</button></li> 36 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayContactList.filter({}); searchText=null">Clear Search And Filters</button></li>
37 37
38 <!-- <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table" ng-model="search" ng-keyup="searchString(search)" ng-minlength="minlength"></li> 38 <!-- <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table" ng-model="search" ng-keyup="searchString(search)" ng-minlength="minlength"></li>
39 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> --> 39 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> -->
40 40
41 <li style="float: right"> <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm"> <i class="fa fa-plus" aria-hidden="true"></i> Add Contact </button></li> 41 <li style="float: right"> <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm"> <i class="fa fa-plus" aria-hidden="true"></i> Add Contact </button></li>
42 </ul> 42 </ul>
43 <br> 43 <br>
44 <div class="tab-content customer-table" style="margin:0px"> 44 <div class="tab-content customer-table" style="margin:0px">
45 <div class="tab-pane active" id="companyView"> 45 <div class="tab-pane active" id="companyView">
46 <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true"> 46 <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true">
47 <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})"> 47 <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})">
48 <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'"> 48 <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'">
49 {{row.lastName}} 49 {{row.lastName}}
50 </td> 50 </td>
51 <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'"> 51 <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'">
52 {{row.firstName}} 52 {{row.firstName}}
53 </td> 53 </td>
54 <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'"> 54 <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'">
55 {{row.owner}} 55 {{row.owner}}
56 </td> 56 </td>
57 <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'"> 57 <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'">
58 {{row.workPhone}} 58 {{row.workPhone}}
59 </td> 59 </td>
60 <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'"> 60 <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'">
61 {{row.mobilePhone}} 61 {{row.mobilePhone}}
62 </td> 62 </td>
63 <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'"> 63 <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'">
64 {{row.title}} 64 {{row.title}}
65 </td> 65 </td>
66 <td data-title="'Pricing Email'"> 66 <td data-title="'Pricing Email'">
67 <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle> 67 <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle>
68 </td> 68 </td>
69 <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'"> 69 <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'">
70 {{row.userName}} 70 {{row.userName}}
71 </td> 71 </td>
72 </tr> 72 </tr>
73 </table> 73 </table>
74 74
75 <button type="button" ng-click="exportContacts()" class="btn btn-warning exportBtn">Export CSV</button> 75 <button type="button" ng-click="exportContacts()" class="btn btn-warning exportBtn">Export CSV</button>
76 76
77 <!-- <table class="table table-striped"> 77 <!-- <table class="table table-striped">
78 <thead> 78 <thead>
79 <tr> 79 <tr>
80 <th> 80 <th>
81 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 81 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
82 <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label> 82 <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label>
83 </th> 83 </th>
84 84
85 <th> 85 <th>
86 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 86 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
87 <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 87 <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
88 </th> 88 </th>
89 <th> 89 <th>
90 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 90 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
91 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> 91 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
92 </th> 92 </th>
93 93
94 <th> 94 <th>
95 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 95 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
96 <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 96 <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
97 <th> 97 <th>
98 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 98 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
99 <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 99 <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
100 </th> 100 </th>
101 <th> 101 <th>
102 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 102 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
103 <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label> 103 <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label>
104 </th> 104 </th>
105 105
106 <th> 106 <th>
107 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 107 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
108 <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label> 108 <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label>
109 </th> 109 </th>
110 <th> 110 <th>
111 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 111 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
112 <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label> 112 <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label>
113 </th> 113 </th>
114 </tr> 114 </tr>
115 </thead> 115 </thead>
116 <tbody> 116 <tbody>
117 <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> 117 <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})">
118 <td>{{contact.lastName}}</td> 118 <td>{{contact.lastName}}</td>
119 <td>{{contact.firstName}}</td> 119 <td>{{contact.firstName}}</td>
120 <td>{{contact.owner.companyName}}</td> 120 <td>{{contact.owner.companyName}}</td>
121 <td>{{contact.workPhone}}</td> 121 <td>{{contact.workPhone}}</td>
122 <td>{{contact.mobilePhone}}</td> 122 <td>{{contact.mobilePhone}}</td>
123 <td>{{contact.title}}</td> 123 <td>{{contact.title}}</td>
124 <td> 124 <td>
125 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle> 125 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle>
126 </td> 126 </td>
127 <td>{{contact.userName}}</td> 127 <td>{{contact.userName}}</td>
128 </tr> 128 </tr>
129 </tbody> 129 </tbody>
130 </table> --> 130 </table> -->
131 <!-- <div class="row" style="margin-left: 0px;"> 131 <!-- <div class="row" style="margin-left: 0px;">
132 <div class="col-md-2"> 132 <div class="col-md-2">
133 <button type="button" class="btn btn-warning">Export Customers</button> 133 <button type="button" class="btn btn-warning">Export Customers</button>
134 </div> 134 </div>
135 <div class="col-md-10"> 135 <div class="col-md-10">
136 <div class="row" style="margin-left: 0px;"> 136 <div class="row" style="margin-left: 0px;">
137 <div class="col-md-6"> 137 <div class="col-md-6">
138 </div> 138 </div>
139 <div class="col-md-2"> 139 <div class="col-md-2">
140 <select class="form-control"> 140 <select class="form-control">
141 <option>20 Records Per Page</option> 141 <option>20 Records Per Page</option>
142 <option>50 Records Per Page</option> 142 <option>50 Records Per Page</option>
143 <option>100 Records Per Page</option> 143 <option>100 Records Per Page</option>
144 </select> 144 </select>
145 </div> 145 </div>
146 <div class="col-md-4"> 146 <div class="col-md-4">
147 <ul class="pagination" style="margin:0px"> 147 <ul class="pagination" style="margin:0px">
148 <li><a href="javascript:;">«</a></li> 148 <li><a href="javascript:;">«</a></li>
149 <li class="active"><a href="#">1</a></li> 149 <li class="active"><a href="#">1</a></li>
150 <li><a href="javascript:;">2</a></li> 150 <li><a href="javascript:;">2</a></li>
151 <li><a href="javascript:;">3</a></li> 151 <li><a href="javascript:;">3</a></li>
152 <li><a href="javascript:;">4</a></li> 152 <li><a href="javascript:;">4</a></li>
153 <li><a href="javascript:;">5</a></li> 153 <li><a href="javascript:;">5</a></li>
154 <li><a href="javascript:;">»</a></li> 154 <li><a href="javascript:;">»</a></li>
155 </ul> 155 </ul>
156 </div> 156 </div>
157 </div> 157 </div>
158 </div> 158 </div>
159 </div> --> 159 </div> -->
160 </div> 160 </div>
161 </div> 161 </div>
162 </div> 162 </div>
163 </div> 163 </div>
164 <!-- /widget-content --> 164 <!-- /widget-content -->
165 </div> 165 </div>
166 <!-- /widget --> 166 <!-- /widget -->
167 </div> 167 </div>
168 <!-- /span8 --> 168 <!-- /span8 -->
169 </div> 169 </div>
170 <!-- /row --> 170 <!-- /row -->
171 </div> 171 </div>
172 <!-- /container --> 172 <!-- /container -->
173 </div> 173 </div>
174 <!-- /main --> 174 <!-- /main -->
175 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 175 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
176 <div class="modal-dialog modal-lg"> 176 <div class="modal-dialog modal-lg">
177 <div class="modal-content"> 177 <div class="modal-content">
178 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 178 <div class="modal-body step-1" data-step="1" style="padding: 0;">
179 <div> 179 <div>
180 <div class="row" style="margin: 0;"> 180 <div class="row" style="margin: 0;">
181 <div> 181 <div>
182 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 182 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
183 <div class="widget-header"> 183 <div class="widget-header">
184 <i class="icon-pencil"></i> 184 <i class="icon-pencil"></i>
185 <i class="fa fa-tasks" aria-hidden="true"></i> 185 <i class="fa fa-tasks" aria-hidden="true"></i>
186 <h3>Add a New Contact</h3> 186 <h3>Add a New Contact</h3>
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-6"> 191 <div class="col-md-6">
192 <div class="pull-left" style="width: 110px;"> 192 <div class="pull-left" style="width: 110px;">
193 <label class="new-input-label"><b>First Name</b></label> 193 <label class="new-input-label"><b>First 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="tel" ng-model="data.firstName" class="form-control" placeholder=""> 196 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
197 </div> 197 </div>
198 <div class="clearfix"></div> 198 <div class="clearfix"></div>
199 </div> 199 </div>
200 <div class="col-md-6"> 200 <div class="col-md-6">
201 201
202 <div class="pull-left" style="width: 110px;"> 202 <div class="pull-left" style="width: 110px;">
203 <label class="new-input-label"><b>Last Name</b></label> 203 <label class="new-input-label"><b>Last Name</b></label>
204 </div> 204 </div>
205 <div class="pull-left" style="margin-left: 15px;"> 205 <div class="pull-left" style="margin-left: 15px;">
206 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 206 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
207 </div> 207 </div>
208 <div class="clearfix"></div> 208 <div class="clearfix"></div>
209 </div> 209 </div>
210 </div> 210 </div>
211 <div class="clearfix"></div><br> 211 <div class="clearfix"></div><br>
212 <div class="col-xs-12"> 212 <div class="col-xs-12">
213 <div class="col-md-6"> 213 <div class="col-md-6">
214 <div class="pull-left" style="width: 110px;"> 214 <div class="pull-left" style="width: 110px;">
215 <label class="new-input-label"><b>Title</b></label> 215 <label class="new-input-label"><b>Title</b></label>
216 </div> 216 </div>
217 <div class="pull-left" style="margin-left: 15px;"> 217 <div class="pull-left" style="margin-left: 15px;">
218 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 218 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
219 </div> 219 </div>
220 <div class="clearfix"></div> 220 <div class="clearfix"></div>
221 </div> 221 </div>
222 <div class="col-md-6"> 222 <div class="col-md-6">
223 223
224 <div class="pull-left" style="width: 110px;"> 224 <div class="pull-left" style="width: 110px;">
225 <label class="new-input-label"><b>Email</b></label> 225 <label class="new-input-label"><b>Email</b></label>
226 </div> 226 </div>
227 <div class="pull-left" style="margin-left: 15px;"> 227 <div class="pull-left" style="margin-left: 15px;">
228 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 228 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
229 </div> 229 </div>
230 <div class="clearfix"></div> 230 <div class="clearfix"></div>
231 </div> 231 </div>
232 </div> 232 </div>
233 <div class="clearfix"></div><br> 233 <div class="clearfix"></div><br>
234 <div class="col-xs-12"> 234 <div class="col-xs-12">
235 <div class="col-md-6"> 235 <div class="col-md-6">
236 <div class="pull-left" style="width: 110px;"> 236 <div class="pull-left" style="width: 110px;">
237 <label class="new-input-label"><b>Username</b></label> 237 <label class="new-input-label"><b>Username</b></label>
238 </div> 238 </div>
239 <div class="pull-left" style="margin-left: 15px;"> 239 <div class="pull-left" style="margin-left: 15px;">
240 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 240 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
241 </div> 241 </div>
242 <div class="clearfix"></div> 242 <div class="clearfix"></div>
243 </div> 243 </div>
244 <div class="col-md-6"> 244 <div class="col-md-6">
245 245
246 <div class="pull-left" style="width: 110px;"> 246 <div class="pull-left" style="width: 110px;">
247 <label class="new-input-label"><b>Password</b></label> 247 <label class="new-input-label"><b>Password</b></label>
248 </div> 248 </div>
249 <div class="pull-left" style="margin-left: 15px;"> 249 <div class="pull-left" style="margin-left: 15px;">
250 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 250 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
251 </div> 251 </div>
252 <div class="clearfix"></div> 252 <div class="clearfix"></div>
253 </div> 253 </div>
254 </div> 254 </div>
255 <div class="clearfix"></div><br> 255 <div class="clearfix"></div><br>
256 <div class="col-xs-12"> 256 <div class="col-xs-12">
257 <div class="col-md-6"> 257 <div class="col-md-6">
258 <div class="pull-left" style="width: 110px;"> 258 <div class="pull-left" style="width: 110px;">
259 <label class="new-input-label"><b>Work Phone</b></label> 259 <label class="new-input-label"><b>Work Phone</b></label>
260 </div> 260 </div>
261 <div class="pull-left" style="margin-left: 15px;"> 261 <div class="pull-left" style="margin-left: 15px;">
262 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 262 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
263 </div> 263 </div>
264 <div class="clearfix"></div> 264 <div class="clearfix"></div>
265 </div> 265 </div>
266 <div class="col-md-6"> 266 <div class="col-md-6">
267 267
268 <div class="pull-left" style="width: 110px;"> 268 <div class="pull-left" style="width: 110px;">
269 <label class="new-input-label"><b>Mobile Phone</b></label> 269 <label class="new-input-label"><b>Mobile Phone</b></label>
270 </div> 270 </div>
271 <div class="pull-left" style="margin-left: 15px;"> 271 <div class="pull-left" style="margin-left: 15px;">
272 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 272 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
273 </div> 273 </div>
274 <div class="clearfix"></div> 274 <div class="clearfix"></div>
275 </div> 275 </div>
276 </div> 276 </div>
277 <div class="clearfix"></div><br> 277 <div class="clearfix"></div><br>
278 <div class="col-xs-12"> 278 <div class="col-xs-12">
279 <div class="col-md-12"> 279 <div class="col-md-12">
280 <div class="pull-left" style="width: 110px;"> 280 <div class="pull-left" style="width: 110px;">
281 <label class="new-input-label"><b>Address</b></label> 281 <label class="new-input-label"><b>Address</b></label>
282 </div> 282 </div>
283 <div class="pull-right" style="width: calc(100% - 123px);"> 283 <div class="pull-right" style="width: calc(100% - 123px);">
284 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 284 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
285 </div> 285 </div>
286 <div class="clearfix"></div> 286 <div class="clearfix"></div>
287 </div> 287 </div>
288 </div> 288 </div>
289 <div class="clearfix"></div><br> 289 <div class="clearfix"></div><br>
290 <div class="col-xs-12"> 290 <div class="col-xs-12">
291 <div class="col-md-12"> 291 <div class="col-md-12">
292 <div class="pull-left" style="width: 110px;"> 292 <div class="pull-left" style="width: 110px;">
293 <label class="new-input-label"><b>Company</b></label> 293 <label class="new-input-label"><b>Company</b></label>
294 </div> 294 </div>
295 <div class="pull-right" style="width: calc(100% - 123px);"> 295 <div class="pull-right" style="width: calc(100% - 123px);">
296 <select class="form-control" ng-model="data.companyId"> 296 <select class="form-control" ng-model="data.companyId">
297 <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option> 297 <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option>
298 </select> 298 </select>
299 </div> 299 </div>
300 <div class="clearfix"></div> 300 <div class="clearfix"></div>
301 </div> 301 </div>
302 </div> 302 </div>
303 303
304 304
305 <div class="clearfix"></div> 305 <div class="clearfix"></div>
306 <br/> 306 <br/>
307 <div class="col-xs-12"> 307 <div class="col-xs-12">
308 <div class="col-md-3"> 308 <div class="col-md-3">
309 <div class="pull-left my-toggle-switch"> 309 <div class="pull-left my-toggle-switch">
310 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 310 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
311 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 311 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
312 </div> 312 </div>
313 </div> 313 </div>
314 <div class="clearfix"></div> 314 <div class="clearfix"></div>
315 </div> 315 </div>
316 <div class="col-md-3"> 316 <div class="col-md-3">
317 <div class="pull-left my-toggle-switch"> 317 <div class="pull-left my-toggle-switch">
318 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 318 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
319 <input type="checkbox" ng-model="data.primaryContact"> 319 <input type="checkbox" ng-model="data.primaryContact">
320 </div> 320 </div>
321 </div> 321 </div>
322 <div class="clearfix"></div> 322 <div class="clearfix"></div>
323 </div> 323 </div>
324 <div class="col-md-6"> 324 <div class="col-md-6">
325 <div class="pull-left" style="width: 110px;"> 325 <div class="pull-left" style="width: 110px;">
326 <label class="new-input-label"><b>Internal Note</b></label> 326 <label class="new-input-label"><b>Internal Note</b></label>
327 </div> 327 </div>
328 <div class="pull-left" style="width: calc(100% - 110px);"> 328 <div class="pull-left" style="width: calc(100% - 110px);">
329 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 329 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
330 </div> 330 </div>
331 </div> 331 </div>
332 <div class="clearfix"></div> 332 <div class="clearfix"></div>
333 </div> 333 </div>
334 <div class="clearfix"></div><br> 334 <div class="clearfix"></div><br>
335 </div> 335 </div>
336 </div> 336 </div>
337 <div class="clearfix"></div> 337 <div class="clearfix"></div>
338 </div> 338 </div>
339 </div> 339 </div>
340 </div> 340 </div>
341 </div> 341 </div>
342 <div class="modal-footer" style="border-top: 0;"> 342 <div class="modal-footer" style="border-top: 0;">
343 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> 343 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
344 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 344 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
345 </div> 345 </div>
346 </div> 346 </div>
347 </div> 347 </div>
348 </form> 348 </form>
349 349
350 <div class="customConfirmPopBackdrop" id="toogleMail"> 350 <div class="customConfirmPopBackdrop" id="toogleMail">
351 <div class="customModalInner" style="max-width: 400px;"> 351 <div class="customModalInner" style="max-width: 400px;">
352 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 352 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
353 <table> 353 <table>
354 <tr> 354 <tr>
355 <!-- <td> 355 <!-- <td>
356 <img src="" style="width: 50px;"> 356 <img src="" style="width: 50px;">
357 </td> --> 357 </td> -->
358 <td> 358 <td>
359 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 359 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
360 </td> 360 </td>
361 </tr> 361 </tr>
362 </table> 362 </table>
363 </div> 363 </div>
364 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 364 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
365 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 365 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
366 </div> 366 </div>
367 </div> 367 </div>
368 </div> 368 </div>
app/partials/FuelVendors/FuelVendors.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
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 71
72 </style> 72 </style>
73 73
74 <div class="myLoader" ng-show="showLoader"> 74 <div class="myLoader" ng-show="showLoader">
75 <img src="../img/hourglass.gif" width="50px;"> 75 <img src="../img/hourglass.gif" width="50px;">
76 </div> 76 </div>
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> 86 <li>
87 <a ui-sref="app.customers">Company View 87 <a ui-sref="app.customers">Company View
88 <i class="fa fa-caret-down" aria-hidden="true"></i> 88 <i class="fa fa-caret-down" aria-hidden="true"></i>
89 </a> 89 </a>
90 </li> 90 </li>
91 <li> 91 <li>
92 <a ui-sref="app.ContactView">Contact View 92 <a ui-sref="app.ContactView">Contact View
93 <i class="fa fa-caret-down" aria-hidden="true"></i> 93 <i class="fa fa-caret-down" aria-hidden="true"></i>
94 </a> 94 </a>
95 </li> 95 </li>
96 <li class="active"> 96 <li class="active">
97 <a ui-sref="app.FuelVendors">Fuel Vendors 97 <a ui-sref="app.FuelVendors">Fuel Vendors
98 <i class="fa fa-caret-down" aria-hidden="true"></i> 98 <i class="fa fa-caret-down" aria-hidden="true"></i>
99 </a> 99 </a>
100 </li> 100 </li>
101 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li> 101 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li>
102 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayVendorList.filter({}); searchText=null">Clear Search And Filters</button></li> 102 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayVendorList.filter({}); searchText=null">Clear Search And Filters</button></li>
103 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</button></li> 103 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</button></li>
104 </ul> 104 </ul>
105 <br> 105 <br>
106 <div class="tab-content customer-table" style="margin:0px"> 106 <div class="tab-content customer-table" style="margin:0px">
107 <div class="tab-pane active" id="companyView"> 107 <div class="tab-pane active" id="companyView">
108 <table ng-table="displayVendorList" class="table table-striped table-condensed" show-filter="true"> 108 <table ng-table="displayVendorList" class="table table-striped table-condensed" show-filter="true">
109 <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;"> 109 <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;">
110 <td data-title="'Vendor Name'" filter="{vendorName: 'text'}" sortable="'vendorName'" ui-sref="app.viewFuelVendor({id : row.id})"> 110 <td data-title="'Vendor Name'" filter="{vendorName: 'text'}" sortable="'vendorName'" ui-sref="app.viewFuelVendor({id : row.id})">
111 {{row.vendorName}} 111 {{row.vendorName}}
112 </td> 112 </td>
113 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewFuelVendor({id : row.id})"> 113 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewFuelVendor({id : row.id})">
114 {{row.newContactNumber}} 114 {{row.newContactNumber}}
115 </td> 115 </td>
116 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewFuelVendor({id : row.id})"> 116 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewFuelVendor({id : row.id})">
117 {{row.primaryContactName}} 117 {{row.primaryContactName}}
118 </td> 118 </td>
119 119
120 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewFuelVendor({id : row.id})"> 120 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewFuelVendor({id : row.id})">
121 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 121 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
122 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 122 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
123 </td> 123 </td>
124 <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'" ui-sref="app.viewFuelVendor({id : row.id})"> 124 <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'" ui-sref="app.viewFuelVendor({id : row.id})">
125 {{row.source}} 125 {{row.source}}
126 </td> 126 </td>
127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
129 </td> 129 </td>
130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewFuelVendor({id : row.id})"> 130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewFuelVendor({id : row.id})">
131 {{row.marginAllIn | number : 4}} 131 {{row.marginAllIn | number : 4}}
132 </td> 132 </td>
133 </tr> 133 </tr>
134 </table> 134 </table>
135 135
136 <button type="button" ng-click="exportVendors()" class="btn btn-warning exportBtn">Export CSV</button> 136 <button type="button" ng-click="exportVendors()" class="btn btn-warning exportBtn">Export CSV</button>
137 137
138 <!-- <table class="table table-striped"> 138 <!-- <table class="table table-striped">
139 <thead> 139 <thead>
140 <tr> 140 <tr>
141 <th> 141 <th>
142 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 142 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
143 <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label> 143 <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label>
144 </th> 144 </th>
145 145
146 <th> 146 <th>
147 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 147 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
148 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 148 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
149 </th> 149 </th>
150 <th> 150 <th>
151 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 151 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
152 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label> 152 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
153 </th> 153 </th>
154 154
155 <th> 155 <th>
156 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 156 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
157 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label> 157 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
158 <th> 158 <th>
159 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 159 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
160 <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label> 160 <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label>
161 </th> 161 </th>
162 <th> 162 <th>
163 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 163 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
164 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label> 164 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
165 </th> 165 </th>
166 <th> 166 <th>
167 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 167 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
168 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label> 168 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
169 </th> 169 </th>
170 </tr> 170 </tr>
171 </thead> 171 </thead>
172 <tbody> 172 <tbody>
173 <tr ng-repeat="vendor in vendorList"> 173 <tr ng-repeat="vendor in vendorList">
174 <td class="font-company"> 174 <td class="font-company">
175 <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a> 175 <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a>
176 </td> 176 </td>
177 <td class="font-company">{{vendor.phone}}</td> 177 <td class="font-company">{{vendor.phone}}</td>
178 <td class="font-company">{{vendor.contact}}</td> 178 <td class="font-company">{{vendor.contact}}</td>
179 <td class="font-company"> 179 <td class="font-company">
180 <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button> 180 <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button>
181 <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button> 181 <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button>
182 </td> 182 </td>
183 <td class="font-company">{{vendor.source}}</td> 183 <td class="font-company">{{vendor.source}}</td>
184 <td class="font-company"> 184 <td class="font-company">
185 <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select> 185 <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
186 186
187 <select class="form-control" style="height:31px;"> 187 <select class="form-control" style="height:31px;">
188 <option>Margin1</option> 188 <option>Margin1</option>
189 <option>Margin2</option> 189 <option>Margin2</option>
190 </select> 190 </select>
191 </td> 191 </td>
192 <td class="font-company">{{vendor.allIn}}</td> 192 <td class="font-company">{{vendor.allIn}}</td>
193 </tr> 193 </tr>
194 </tbody> 194 </tbody>
195 </table> --> 195 </table> -->
196 </div> 196 </div>
197 </div> 197 </div>
198 </div> 198 </div>
199 </div> 199 </div>
200 <!-- /widget-content --> 200 <!-- /widget-content -->
201 </div> 201 </div>
202 <!-- /widget --> 202 <!-- /widget -->
203 </div> 203 </div>
204 <!-- /span8 --> 204 <!-- /span8 -->
205 </div> 205 </div>
206 <!-- /row --> 206 <!-- /row -->
207 </div> 207 </div>
208 <!-- /container --> 208 <!-- /container -->
209 </div> 209 </div>
210 <!-- /main --> 210 <!-- /main -->
211 211
212 <form class="modal multi-step" id="vendor-modal-3" name="vendorForm"> 212 <form class="modal multi-step" id="vendor-modal-3" name="vendorForm">
213 <div class="modal-dialog modal-lg"> 213 <div class="modal-dialog modal-lg">
214 <div class="modal-content"> 214 <div class="modal-content">
215 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 215 <div class="modal-body step-1" data-step="1" style="padding: 0;">
216 <div> 216 <div>
217 <div class="row" style="margin: 0;"> 217 <div class="row" style="margin: 0;">
218 <div> 218 <div>
219 <div class="widget" style="margin-bottom: 0;"> 219 <div class="widget" style="margin-bottom: 0;">
220 <div class="widget-header"> 220 <div class="widget-header">
221 <i class="icon-pencil"></i> 221 <i class="icon-pencil"></i>
222 <i class="fa fa-tasks" aria-hidden="true"></i> 222 <i class="fa fa-tasks" aria-hidden="true"></i>
223 <h3>Add a New Vendor</h3> 223 <h3>Add a New Vendor</h3>
224 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 224 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
225 <div style="color: #ff9a01;">Activate &nbsp &nbsp 225 <div style="color: #ff9a01;">Activate &nbsp &nbsp
226 <toggle ng-model="data.activate" size="customToogle"></toggle> 226 <toggle ng-model="data.activate" size="customToogle"></toggle>
227 </div> 227 </div>
228 </div> 228 </div>
229 <div class="clearfix"></div> 229 <div class="clearfix"></div>
230 </div> 230 </div>
231 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 231 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
232 <div class="col-xs-12"> 232 <div class="col-xs-12">
233 <div class="col-md-8"> 233 <div class="col-md-8">
234 <div class="pull-left"> 234 <div class="pull-left">
235 <label class="new-input-label"><b>Vendor Name</b></label> 235 <label class="new-input-label"><b>Vendor Name</b></label>
236 </div> 236 </div>
237 <div class="pull-left" style="margin-left: 15px;"> 237 <div class="pull-left" style="margin-left: 15px;">
238 <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> 238 <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
239 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 239 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
240 </div> 240 </div>
241 <div class="clearfix"></div> 241 <div class="clearfix"></div>
242 </div> 242 </div>
243 <div class="col-md-4"> 243 <div class="col-md-4">
244 </div> 244 </div>
245 </div> 245 </div>
246 <div class="clearfix"></div><br> 246 <div class="clearfix"></div><br>
247 <br/> 247 <br/>
248 <div class="col-xs-12"> 248 <div class="col-xs-12">
249 <div class="col-md-6"> 249 <div class="col-md-6">
250 <div class="pull-left" style="width: 110px;"> 250 <div class="pull-left" style="width: 110px;">
251 <b>JET A Margin</b> 251 <b>JET A Margin</b>
252 </div> 252 </div>
253 <div class="pull-left"> 253 <div class="pull-left">
254 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 254 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
255 <option value="" disabled>Select...</option> 255 <option value="" disabled>Select...</option>
256 </select> 256 </select>
257 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 257 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
258 </div> 258 </div>
259 <div class="clearfix"></div> 259 <div class="clearfix"></div>
260 </div> 260 </div>
261 261
262 <div class="col-md-3 Airport" style="text-align: right;"> 262 <div class="col-md-3 Airport" style="text-align: right;">
263 <b>AVGAS 100LL Margin</b> 263 <b>AVGAS 100LL Margin</b>
264 </div> 264 </div>
265 <div class="col-md-3 Airport"> 265 <div class="col-md-3 Airport">
266 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 266 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
267 <option value="" disabled>Select...</option> 267 <option value="" disabled>Select...</option>
268 </select> 268 </select>
269 </div> 269 </div>
270 <div class="clearfix"></div> 270 <div class="clearfix"></div>
271 </div> 271 </div>
272 <div class="clearfix"></div> 272 <div class="clearfix"></div>
273 <br/> 273 <br/>
274 <div class="col-xs-12"> 274 <div class="col-xs-12">
275 <div class="col-md-12"> 275 <div class="col-md-12">
276 <div class="pull-left" style="width: 110px;"> 276 <div class="pull-left" style="width: 110px;">
277 <label class="new-input-label"><b>Address</b></label> 277 <label class="new-input-label"><b>Address</b></label>
278 </div> 278 </div>
279 <div class="pull-left" style="width: calc(100% - 110px);"> 279 <div class="pull-left" style="width: calc(100% - 110px);">
280 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder=""> 280 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder="">
281 </div> 281 </div>
282 <div class="clearfix"></div> 282 <div class="clearfix"></div>
283 </div> 283 </div>
284 </div> 284 </div>
285 <div class="clearfix"></div> 285 <div class="clearfix"></div>
286 <br/> 286 <br/>
287 <div class="col-xs-12"> 287 <div class="col-xs-12">
288 <div class="col-md-12"> 288 <div class="col-md-12">
289 <div class="pull-left" style="width: 110px;"> 289 <div class="pull-left" style="width: 110px;">
290 <label class="new-input-label"><b>Address2</b></label> 290 <label class="new-input-label"><b>Address2</b></label>
291 </div> 291 </div>
292 <div class="pull-left" style="width: calc(100% - 110px);"> 292 <div class="pull-left" style="width: calc(100% - 110px);">
293 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder=""> 293 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder="">
294 </div> 294 </div>
295 <div class="clearfix"></div> 295 <div class="clearfix"></div>
296 </div> 296 </div>
297 </div> 297 </div>
298 <div class="clearfix"></div> 298 <div class="clearfix"></div>
299 <br/> 299 <br/>
300 <div class="col-xs-12"> 300 <div class="col-xs-12">
301 301
302 <div class="col-md-6"> 302 <div class="col-md-6">
303 <div class="pull-left" style="width: 110px;"> 303 <div class="pull-left" style="width: 110px;">
304 <label class="new-input-label"><b>City</b></label> 304 <label class="new-input-label"><b>City</b></label>
305 </div> 305 </div>
306 <div class="pull-left" style="width: calc(100% - 110px);"> 306 <div class="pull-left" style="width: calc(100% - 110px);">
307 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder=""> 307 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder="">
308 </div> 308 </div>
309 <div class="clearfix"></div> 309 <div class="clearfix"></div>
310 </div> 310 </div>
311 <div class="col-md-3"> 311 <div class="col-md-3">
312 <div class="pull-left" style="width: 40px;"> 312 <div class="pull-left" style="width: 40px;">
313 <label class="new-input-label"><b>State</b></label> 313 <label class="new-input-label"><b>State</b></label>
314 </div> 314 </div>
315 <div class="pull-left" style="width: calc(100% - 110px);"> 315 <div class="pull-left" style="width: calc(100% - 110px);">
316 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder=""> 316 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder="">
317 </div> 317 </div>
318 <div class="clearfix"></div> 318 <div class="clearfix"></div>
319 </div> 319 </div>
320 <div class="col-md-3"> 320 <div class="col-md-3">
321 <div class="pull-left"> 321 <div class="pull-left">
322 <label class="new-input-label"><b>Zip Code</b></label> 322 <label class="new-input-label"><b>Zip Code</b></label>
323 </div> 323 </div>
324 <div class="pull-right" style="width: calc(100% - 60px);"> 324 <div class="pull-right" style="width: calc(100% - 60px);">
325 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder=""> 325 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder="">
326 </div> 326 </div>
327 <div class="clearfix"></div> 327 <div class="clearfix"></div>
328 </div> 328 </div>
329 </div> 329 </div>
330 <div class="clearfix"></div> 330 <div class="clearfix"></div>
331 <br/> 331 <br/>
332 <div class="col-xs-12"> 332 <div class="col-xs-12">
333 333
334 <div class="col-md-6"> 334 <div class="col-md-6">
335 <div class="pull-left" style="width: 110px;"> 335 <div class="pull-left" style="width: 110px;">
336 <label class="new-input-label"><b>Country</b></label> 336 <label class="new-input-label"><b>Country</b></label>
337 </div> 337 </div>
338 <div class="pull-left" style="width: calc(100% - 110px);"> 338 <div class="pull-left" style="width: calc(100% - 110px);">
339 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder=""> 339 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder="">
340 </div> 340 </div>
341 <div class="clearfix"></div> 341 <div class="clearfix"></div>
342 </div> 342 </div>
343 <div class="col-md-6"> 343 <div class="col-md-6">
344 <div class="pull-left" style="width: 110px;"> 344 <div class="pull-left" style="width: 110px;">
345 <label class="new-input-label"><b>Internal Note</b></label> 345 <label class="new-input-label"><b>Internal Note</b></label>
346 </div> 346 </div>
347 <div class="pull-left" style="width: calc(100% - 110px);"> 347 <div class="pull-left" style="width: calc(100% - 110px);">
348 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 348 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
349 </div> 349 </div>
350 <div class="clearfix"></div> 350 <div class="clearfix"></div>
351 </div> 351 </div>
352 </div> 352 </div>
353 <div class="clearfix"></div> 353 <div class="clearfix"></div>
354 </div> 354 </div>
355 </div> 355 </div>
356 <div class="clearfix"></div> 356 <div class="clearfix"></div>
357 </div> 357 </div>
358 </div> 358 </div>
359 </div> 359 </div>
360 </div> 360 </div>
361 <div class="modal-footer" style="border-top: 0;"> 361 <div class="modal-footer" style="border-top: 0;">
362 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> 362 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
363 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button> 363 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button>
364 </div> 364 </div>
365 </div> 365 </div>
366 </div> 366 </div>
367 </form> 367 </form>
368 <div class="myLoader" ng-show="showLoader"> 368 <div class="myLoader" ng-show="showLoader">
369 <img src="../img/hourglass.gif" width="50px;"> 369 <img src="../img/hourglass.gif" width="50px;">
370 </div> 370 </div>
371 <script src="js/multi-step-modal.js"></script> 371 <script src="js/multi-step-modal.js"></script>
372 <script> 372 <script>
373 sendEvent = function(sel, step) { 373 sendEvent = function(sel, step) {
374 $(sel).trigger('next.m.' + step); 374 $(sel).trigger('next.m.' + step);
375 } 375 }
376 </script> 376 </script>
app/partials/account/account.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
4 } 4 }
5 </style> 5 </style>
6 <div class="main"> 6 <div class="main">
7 <div class="container"> 7 <div class="container">
8 <div class="row"> 8 <div class="row">
9 <div class="col-md-8"> 9 <div class="col-md-8">
10 <div class="widget stacked "> 10 <div class="widget stacked ">
11 <div class="widget-header"> 11 <div class="widget-header">
12 <i class="icon-user"></i> 12 <i class="icon-user"></i>
13 <h3>Your Account</h3> 13 <h3>Your Account</h3>
14 </div> 14 </div>
15 <!-- /widget-header --> 15 <!-- /widget-header -->
16 <div class="widget-content"> 16 <div class="widget-content">
17 <div class="tabbable"> 17 <div class="tabbable">
18 <ul class="nav nav-tabs"> 18 <ul class="nav nav-tabs">
19 <li class="active"> 19 <li class="active">
20 <a id="profileTab" style="cursor: pointer;" data-toggle="tab">Profile</a> 20 <a id="profileTab" style="cursor: pointer;" data-toggle="tab">Profile</a>
21 </li> 21 </li>
22 <li><a id="settingsTab" style="cursor: pointer;" data-toggle="tab">Settings</a></li> 22 <li><a id="settingsTab" style="cursor: pointer;" data-toggle="tab">Settings</a></li>
23 </ul> 23 </ul>
24 <br> 24 <br>
25 <div class="tab-content"> 25 <div class="tab-content">
26 <div class="tab-pane active" id="profile"> 26 <div class="tab-pane active" id="profile">
27 <form id="edit-profile" class="form-horizontal col-md-8"> 27 <form id="edit-profile" class="form-horizontal col-md-8">
28 <fieldset> 28 <fieldset>
29 <div class="form-group"> 29 <div class="form-group">
30 <label for="username" class="col-md-4">Username</label> 30 <label for="username" class="col-md-4">Username</label>
31 <div class="col-md-8"> 31 <div class="col-md-8">
32 <input type="text" class="form-control" id="username" value="jumpstartui" disabled> 32 <input type="text" class="form-control" id="username" value="jumpstartui" disabled>
33 <p class="help-block">Your username is for logging in and cannot be changed.</p> 33 <p class="help-block">Your username is for logging in and cannot be changed.</p>
34 </div> 34 </div>
35 <!-- /controls --> 35 <!-- /controls -->
36 </div> 36 </div>
37 <!-- /control-group --> 37 <!-- /control-group -->
38 <div class="form-group"> 38 <div class="form-group">
39 <label for="firstname" class="col-md-4">First Name</label> 39 <label for="firstname" class="col-md-4">First Name</label>
40 <div class="col-md-8"> 40 <div class="col-md-8">
41 <input type="text" class="form-control" id="firstname" value="Rod"> 41 <input type="text" class="form-control" id="firstname" value="Rod">
42 </div> 42 </div>
43 <!-- /controls --> 43 <!-- /controls -->
44 </div> 44 </div>
45 <!-- /control-group --> 45 <!-- /control-group -->
46 <div class="form-group"> 46 <div class="form-group">
47 <label class="col-md-4" for="lastname">Last Name</label> 47 <label class="col-md-4" for="lastname">Last Name</label>
48 <div class="col-md-8"> 48 <div class="col-md-8">
49 <input type="text" class="form-control" id="lastname" value="Howard"> 49 <input type="text" class="form-control" id="lastname" value="Howard">
50 </div> 50 </div>
51 <!-- /controls --> 51 <!-- /controls -->
52 </div> 52 </div>
53 customers <!-- /control-group --> 53 customers <!-- /control-group -->
54 <div class="form-group"> 54 <div class="form-group">
55 <label class="col-md-4" for="email">Email Address</label> 55 <label class="col-md-4" for="email">Email Address</label>
56 <div class="col-md-8"> 56 <div class="col-md-8">
57 <input type="text" class="form-control" id="email" value="rod.howard@example.com"> 57 <input type="text" class="form-control" id="email" value="rod.howard@example.com">
58 </div> 58 </div>
59 <!-- /controls --> 59 <!-- /controls -->
60 </div> 60 </div>
61 <!-- /control-group --> 61 <!-- /control-group -->
62 <hr /> 62 <hr />
63 <br /> 63 <br />
64 <div class="form-group"> 64 <div class="form-group">
65 <label class="col-md-4" for="password1">Password</label> 65 <label class="col-md-4" for="password1">Password</label>
66 <div class="col-md-8"> 66 <div class="col-md-8">
67 <input type="password" class="form-control" id="password1" value="password"> 67 <input type="password" class="form-control" id="password1" value="password">
68 </div> 68 </div>
69 <!-- /controls --> 69 <!-- /controls -->
70 </div> 70 </div>
71 <!-- /control-group --> 71 <!-- /control-group -->
72 <div class="form-group"> 72 <div class="form-group">
73 <label class="col-md-4" for="password2">Confirm</label> 73 <label class="col-md-4" for="password2">Confirm</label>
74 <div class="col-md-8"> 74 <div class="col-md-8">
75 <input type="password" class="form-control" id="password2" value="password"> 75 <input type="password" class="form-control" id="password2" value="password">
76 </div> 76 </div>
77 <!-- /controls --> 77 <!-- /controls -->
78 </div> 78 </div>
79 <!-- /control-group --> 79 <!-- /control-group -->
80 <br /> 80 <br />
81 <div class="form-group"> 81 <div class="form-group">
82 <div class="col-md-offset-4 col-md-8"> 82 <div class="col-md-offset-4 col-md-8">
83 <button type="submit" class="btn btn-primary">Save</button> 83 <button type="submit" class="btn btn-primary">Save</button>
84 <button class="btn btn-default">Cancel</button> 84 <button class="btn btn-default">Cancel</button>
85 </div> 85 </div>
86 </div> 86 </div>
87 <!-- /form-actions --> 87 <!-- /form-actions -->
88 </fieldset> 88 </fieldset>
89 </form> 89 </form>
90 </div> 90 </div>
91 <div class="tab-pane" id="settings"> 91 <div class="tab-pane" id="settings">
92 <form id="edit-profile2" class="form-horizontal col-md-8"> 92 <form id="edit-profile2" class="form-horizontal col-md-8">
93 <fieldset> 93 <fieldset>
94 <div class="form-group"> 94 <div class="form-group">
95 <label class="col-md-4" for="accounttype">Account Type</label> 95 <label class="col-md-4" for="accounttype">Account Type</label>
96 <div class="col-md-8"> 96 <div class="col-md-8">
97 <div class="radio"> 97 <div class="radio">
98 <label> 98 <label>
99 <input type="radio" name="accounttype" value="option1" checked="checked" id="accounttype"> 99 <input type="radio" name="accounttype" value="option1" checked="checked" id="accounttype">
100 POP3 100 POP3
101 </label> 101 </label>
102 </div> 102 </div>
103 <div class="radio"> 103 <div class="radio">
104 <label> 104 <label>
105 <input type="radio" name="accounttype" value="option2"> 105 <input type="radio" name="accounttype" value="option2">
106 IMAP 106 IMAP
107 </label> 107 </label>
108 </div> 108 </div>
109 </div> 109 </div>
110 </div> 110 </div>
111 <div class="form-group"> 111 <div class="form-group">
112 <label class="col-md-4" for="accountusername">Account Username</label> 112 <label class="col-md-4" for="accountusername">Account Username</label>
113 <div class="col-md-8"> 113 <div class="col-md-8">
114 <input type="text" class="form-control" id="accountusername" value="rod.howard@example.com"> 114 <input type="text" class="form-control" id="accountusername" value="rod.howard@example.com">
115 <p class="help-block">Leave blank to use your profile email address.</p> 115 <p class="help-block">Leave blank to use your profile email address.</p>
116 </div> 116 </div>
117 </div> 117 </div>
118 <div class="form-group"> 118 <div class="form-group">
119 <label class="col-md-4" for="emailserver">Email Server</label> 119 <label class="col-md-4" for="emailserver">Email Server</label>
120 <div class="col-md-8"> 120 <div class="col-md-8">
121 <input type="text" class="form-control" id="emailserver" value="mail.example.com"> 121 <input type="text" class="form-control" id="emailserver" value="mail.example.com">
122 </div> 122 </div>
123 </div> 123 </div>
124 <div class="form-group"> 124 <div class="form-group">
125 <label class="col-md-4" for="accountpassword">Password</label> 125 <label class="col-md-4" for="accountpassword">Password</label>
126 <div class="col-md-8"> 126 <div class="col-md-8">
127 <input type="text" class="form-control" id="accountpassword" value="password"> 127 <input type="text" class="form-control" id="accountpassword" value="password">
128 </div> 128 </div>
129 </div> 129 </div>
130 <div class="form-group"> 130 <div class="form-group">
131 <label class="col-md-4" for="accountadvanced">Advanced Settings</label> 131 <label class="col-md-4" for="accountadvanced">Advanced Settings</label>
132 <div class="col-md-8"> 132 <div class="col-md-8">
133 <div class="checkbox"> 133 <div class="checkbox">
134 <label> 134 <label>
135 <input type="checkbox" name="accountadvanced" value="option1" checked="checked" id="accountadvanced"> 135 <input type="checkbox" name="accountadvanced" value="option1" checked="checked" id="accountadvanced">
136 User encrypted connection when accessing this server 136 User encrypted connection when accessing this server
137 </label> 137 </label>
138 </div> 138 </div>
139 <div class="checkbox"> 139 <div class="checkbox">
140 <label> 140 <label>
141 <input type="checkbox" name="accounttype" value="option2"> 141 <input type="checkbox" name="accounttype" value="option2">
142 Download all message on connection 142 Download all message on connection
143 </label> 143 </label>
144 </div> 144 </div>
145 </div> 145 </div>
146 </div> 146 </div>
147 <div class="form-group"> 147 <div class="form-group">
148 <div class="col-md-offset-4 col-md-8"> 148 <div class="col-md-offset-4 col-md-8">
149 <button type="submit" class="btn btn-primary">Save</button> <button class="btn btn-default">Cancel</button> 149 <button type="submit" class="btn btn-primary">Save</button> <button class="btn btn-default">Cancel</button>
150 </div> 150 </div>
151 </div> 151 </div>
152 </fieldset> 152 </fieldset>
153 </form> 153 </form>
154 </div> 154 </div>
155 </div> 155 </div>
156 </div> 156 </div>
157 </div> 157 </div>
158 <!-- /widget-content --> 158 <!-- /widget-content -->
159 </div> 159 </div>
160 <!-- /widget --> 160 <!-- /widget -->
161 </div> 161 </div>
162 <!-- /span8 --> 162 <!-- /span8 -->
163 <div class="col-md-4"> 163 <div class="col-md-4">
164 <div class="well"> 164 <div class="well">
165 <h4>Extra Info</h4> 165 <h4>Extra Info</h4>
166 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 166 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
167 <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 167 <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
168 </div> 168 </div>
169 </div> 169 </div>
170 <!-- /span4 --> 170 <!-- /span4 -->
171 </div> 171 </div>
172 <!-- /row --> 172 <!-- /row -->
173 </div> 173 </div>
174 <!-- /container --> 174 <!-- /container -->
175 </div> 175 </div>
app/partials/analytics/analytics.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .chart-holder { 2 .chart-holder {
3 height: 325px; 3 height: 325px;
4 } 4 }
5 .cirque-stats { 5 .cirque-stats {
6 text-align: center; 6 text-align: center;
7 } 7 }
8 .cirque-stats .cirque-container { 8 .cirque-stats .cirque-container {
9 margin-top: 1.5em; 9 margin-top: 1.5em;
10 margin-bottom: 1.5em; 10 margin-bottom: 1.5em;
11 margin-right: 2em; 11 margin-right: 2em;
12 margin-left: 2em; 12 margin-left: 2em;
13 } 13 }
14 .subnavbar .mainnav > li:nth-child(5) > a{ 14 .subnavbar .mainnav > li:nth-child(6) > a{
15 color: #ca5c6a; 15 color: #ca5c6a;
16 } 16 }
17 .table { 17 .table {
18 border-collapse: separate; 18 border-collapse: separate;
19 padding: 0px; 19 padding: 0px;
20 20
21 } 21 }
22 22
23 23
24 24
25 25
26 </style> 26 </style>
27 <div class="main"> 27 <div class="main">
28 <div style="padding: 0 3%; margin-left: 15px;"> 28 <div style="padding: 0 3%; margin-left: 15px;">
29 <div class="row"> 29 <div class="row">
30 <div class="col-md-6"> 30 <div class="col-md-6">
31 <div class="customInputWrap"> 31 <div class="customInputWrap">
32 <div style="margin-left: 0px;"> 32 <div style="margin-left: 0px;">
33 <label>Date Range Filter</label> 33 <label>Date Range Filter</label>
34 <form name="myForm"> 34 <form name="myForm">
35 <input type="text" ng-model="drf.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/> 35 <input type="text" ng-model="drf.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
36 <input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;"> 36 <input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
37 <button class="btn btn-primary" ng-disabled="myForm.$invalid" ng-click="submitDate()" style="float: left; display: none;">Apply</button> 37 <button class="btn btn-primary" ng-disabled="myForm.$invalid" ng-click="submitDate()" style="float: left; display: none;">Apply</button>
38 <button class="btn btn-primary" ng-click="submitDate()" style="float: left;">Apply</button> 38 <button class="btn btn-primary" ng-click="submitDate()" style="float: left;">Apply</button>
39 <div class="clearfix"></div> 39 <div class="clearfix"></div>
40 </form> 40 </form>
41 </div> 41 </div>
42 <div class="clearfix"></div> 42 <div class="clearfix"></div>
43 </div> 43 </div>
44 <div class="widget stacked"> 44 <div class="widget stacked">
45 <div class="widget-header"> 45 <div class="widget-header">
46 <i class="icon-bar-chart"></i> 46 <i class="icon-bar-chart"></i>
47 <h3>${{ordersCost | number :2}}/{{ordersCount}} Fuel Sales</h3> 47 <h3>${{ordersCost | number :2}}/{{ordersCount}} Fuel Sales</h3>
48 </div> 48 </div>
49 <!-- /widget-header --> 49 <!-- /widget-header -->
50 <div class="widget-content"> 50 <div class="widget-content">
51 <nvd3 options="optionsmfs" data="datamfs"></nvd3> 51 <nvd3 options="optionsmfs" data="datamfs"></nvd3>
52 <!-- /bar-chart --> 52 <!-- /bar-chart -->
53 </div> 53 </div>
54 <!-- /widget-content --> 54 <!-- /widget-content -->
55 </div> 55 </div>
56 <!-- /widget --> 56 <!-- /widget -->
57 </div> 57 </div>
58 <!-- /.span6 --> 58 <!-- /.span6 -->
59 <div class="col-md-6"> 59 <div class="col-md-6">
60 <div class="customInputWrap"> 60 <div class="customInputWrap">
61 <div style="margin-left: 0px;"> 61 <div style="margin-left: 0px;">
62 <label>Date Range Filter</label> 62 <label>Date Range Filter</label>
63 <form name="myForm1"> 63 <form name="myForm1">
64 <input type="text" ng-model="hfp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/> 64 <input type="text" ng-model="hfp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
65 <input type="text" ng-model="hfp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;"> 65 <input type="text" ng-model="hfp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
66 <button class="btn btn-primary" ng-disabled="myForm1.$invalid" ng-click="submitDateHfp()" style="float: left; display: none;">Apply</button> 66 <button class="btn btn-primary" ng-disabled="myForm1.$invalid" ng-click="submitDateHfp()" style="float: left; display: none;">Apply</button>
67 <button class="btn btn-primary" ng-click="submitDateHfp()" style="float: left;">Apply</button> 67 <button class="btn btn-primary" ng-click="submitDateHfp()" style="float: left;">Apply</button>
68 <div class="clearfix"></div> 68 <div class="clearfix"></div>
69 </form> 69 </form>
70 </div> 70 </div>
71 <div class="clearfix"></div> 71 <div class="clearfix"></div>
72 </div> 72 </div>
73 <div class="widget stacked"> 73 <div class="widget stacked">
74 <div class="widget-header"> 74 <div class="widget-header">
75 <i class="icon-bar-chart"></i> 75 <i class="icon-bar-chart"></i>
76 <h3>Historic Fuel Pricing</h3> 76 <h3>Historic Fuel Pricing</h3>
77 </div> 77 </div>
78 <!-- /widget-header --> 78 <!-- /widget-header -->
79 <div class="widget-content"> 79 <div class="widget-content">
80 <nvd3 options="optionshfp" data="datahfp"></nvd3> 80 <nvd3 options="optionshfp" data="datahfp"></nvd3>
81 <!-- /pie-chart --> 81 <!-- /pie-chart -->
82 </div> 82 </div>
83 <!-- /widget-content --> 83 <!-- /widget-content -->
84 </div> 84 </div>
85 <!-- /widget --> 85 <!-- /widget -->
86 </div> 86 </div>
87 <!-- /span6 --> 87 <!-- /span6 -->
88 </div> 88 </div>
89 <div class="row"></div> 89 <div class="row"></div>
90 <div class="row"> 90 <div class="row">
91 <div class="col-md-6"> 91 <div class="col-md-6">
92 <div class="customInputWrap"> 92 <div class="customInputWrap">
93 <div style="margin-left: 0px;"> 93 <div style="margin-left: 0px;">
94 <label>Date Range Filter</label> 94 <label>Date Range Filter</label>
95 <form name="myForm2"> 95 <form name="myForm2">
96 <input type="text" ng-model="cs.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/> 96 <input type="text" ng-model="cs.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
97 <input type="text" ng-model="cs.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;"> 97 <input type="text" ng-model="cs.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
98 <button class="btn btn-primary" ng-disabled="myForm2.$invalid" ng-click="submitDateCs()" style="float: left; display: none;">Apply</button> 98 <button class="btn btn-primary" ng-disabled="myForm2.$invalid" ng-click="submitDateCs()" style="float: left; display: none;">Apply</button>
99 <button class="btn btn-primary" ng-click="submitDateCs()" style="float: left;">Apply</button> 99 <button class="btn btn-primary" ng-click="submitDateCs()" style="float: left;">Apply</button>
100 <div class="clearfix"></div> 100 <div class="clearfix"></div>
101 </form> 101 </form>
102 </div> 102 </div>
103 <div class="clearfix"></div> 103 <div class="clearfix"></div>
104 </div> 104 </div>
105 <div class="widget stacked"> 105 <div class="widget stacked">
106 <div class="widget-header"> 106 <div class="widget-header">
107 <i class="icon-bar-chart"></i> 107 <i class="icon-bar-chart"></i>
108 <h3>Customer Sources</h3> 108 <h3>Customer Sources</h3>
109 </div> 109 </div>
110 <!-- /widget-header --> 110 <!-- /widget-header -->
111 <div class="widget-content"> 111 <div class="widget-content">
112 <div style="margin-left: -15px;"> 112 <div style="margin-left: -15px;">
113 <nvd3 options="optionscs" class="custom-graph" data="datacs"></nvd3> 113 <nvd3 options="optionscs" class="custom-graph" data="datacs"></nvd3>
114 </div> 114 </div>
115 <!-- /pie-chart --> 115 <!-- /pie-chart -->
116 </div> 116 </div>
117 <!-- /widget-content --> 117 <!-- /widget-content -->
118 </div> 118 </div>
119 <!-- /widget --> 119 <!-- /widget -->
120 </div> 120 </div>
121 <!-- /span6 --> 121 <!-- /span6 -->
122 <div class="col-md-6"> 122 <div class="col-md-6">
123 <div class="customInputWrap"> 123 <div class="customInputWrap">
124 <div style="margin-top: 75px"> 124 <div style="margin-top: 75px">
125 <!-- <label>Date Range Filter</label> 125 <!-- <label>Date Range Filter</label>
126 <form name="myForm3"> 126 <form name="myForm3">
127 <input type="text" ng-model="rpp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/> 127 <input type="text" ng-model="rpp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
128 <input type="text" ng-model="rpp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;"> 128 <input type="text" ng-model="rpp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
129 <button class="btn btn-primary" ng-disabled="myForm3.$invalid" ng-click="submitDateRpp()" style="float: left; display: none;">Apply</button> 129 <button class="btn btn-primary" ng-disabled="myForm3.$invalid" ng-click="submitDateRpp()" style="float: left; display: none;">Apply</button>
130 <button class="btn btn-primary" ng-click="submitDateRpp()" style="float: left;">Apply</button> 130 <button class="btn btn-primary" ng-click="submitDateRpp()" style="float: left;">Apply</button>
131 <div class="clearfix"></div> 131 <div class="clearfix"></div>
132 </form> --> 132 </form> -->
133 </div> 133 </div>
134 <div class="clearfix"></div> 134 <div class="clearfix"></div>
135 </div> 135 </div>
136 <div class="widget stacked"> 136 <div class="widget stacked">
137 <div class="widget-header"> 137 <div class="widget-header">
138 <i class="icon-bar-chart"></i> 138 <i class="icon-bar-chart"></i>
139 <h3>Regional PAP Pricing</h3> 139 <h3>Regional PAP Pricing</h3>
140 </div> 140 </div>
141 <!-- /widget-header --> 141 <!-- /widget-header -->
142 <div class="widget-content"> 142 <div class="widget-content">
143 <div id="map" style="width: 100%; height: 325px;"></div> 143 <div id="map" style="width: 100%; height: 325px;"></div>
144 </div> 144 </div>
145 <!-- /widget-content --> 145 <!-- /widget-content -->
146 </div> 146 </div>
147 <!-- /widget --> 147 <!-- /widget -->
148 </div> 148 </div>
149 <!-- /.span6 --> 149 <!-- /.span6 -->
150 </div> 150 </div>
151 </div> 151 </div>
152 <!-- /container --> 152 <!-- /container -->
153 </div> 153 </div>
154 <!-- /main --> 154 <!-- /main -->
155 <div class="customConfirmPopBackdrop" id="popup1"> 155 <div class="customConfirmPopBackdrop" id="popup1">
156 <div class="customModalInner" style="max-width: 400px;"> 156 <div class="customModalInner" style="max-width: 400px;">
157 <div class="customModelBody" style="border-radius: 5px 5px 0 0;max-height: 200px;overflow: hidden;overflow-y: auto;""> 157 <div class="customModelBody" style="border-radius: 5px 5px 0 0;max-height: 200px;overflow: hidden;overflow-y: auto;"">
158 <table border="1"> 158 <table border="1">
159 159
160 <tr> 160 <tr>
161 <th style="padding: 5px">Region</th> 161 <th style="padding: 5px">Region</th>
162 <th style="padding: 5px">Average PAP</th> 162 <th style="padding: 5px">Average PAP</th>
163 </tr> 163 </tr>
164 <tr ng-repeat="data in rppData"> 164 <tr ng-repeat="data in rppData">
165 <td style="padding: 5px"> 165 <td style="padding: 5px">
166 {{data.region}} 166 {{data.region}}
167 </td> 167 </td>
168 <td style="padding: 5px"> 168 <td style="padding: 5px">
169 {{data.averagePAP | number :4 }} 169 {{data.averagePAP | number :4 }}
170 </td> 170 </td>
171 </tr> 171 </tr>
172 </table> 172 </table>
173 </div> 173 </div>
174 <div class="customModelFooter text-right" style="border-top: 0px !important"> 174 <div class="customModelFooter text-right" style="border-top: 0px !important">
175 <button class="btn btn-primary" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Close</button> 175 <button class="btn btn-primary" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Close</button>
176 </div> 176 </div>
177 </div> 177 </div>
178 </div> 178 </div>
179 <div class="myLoader" ng-show="showLoader"> 179 <div class="myLoader" ng-show="showLoader">
180 <img src="../img/hourglass.gif" width="50px;"> 180 <img src="../img/hourglass.gif" width="50px;">
181 </div> 181 </div>
182 182
183 183
184 184
app/partials/customers/customers.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
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 <div class="myLoader" ng-show="showLoader"> 72 <div class="myLoader" ng-show="showLoader">
73 <img src="../img/hourglass.gif" width="50px;"> 73 <img src="../img/hourglass.gif" width="50px;">
74 </div> 74 </div>
75 75
76 <div class="main"> 76 <div class="main">
77 <div class="container"> 77 <div class="container">
78 <div class="row"> 78 <div class="row">
79 <div class="col-md-12"> 79 <div class="col-md-12">
80 <div class="widget stacked "> 80 <div class="widget stacked ">
81 <div class="widget-content"> 81 <div class="widget-content">
82 <div class="tabbable"> 82 <div class="tabbable">
83 <ul class="nav nav-tabs"> 83 <ul class="nav nav-tabs">
84 <li class="active"> 84 <li class="active">
85 <a ui-sref="app.customers">Customer View 85 <a ui-sref="app.customers">Customer View
86 <i class="fa fa-caret-down" aria-hidden="true"></i> 86 <i class="fa fa-caret-down" aria-hidden="true"></i>
87 </a> 87 </a>
88 </li> 88 </li>
89 <li> 89 <li>
90 <a ui-sref="app.ContactView">Contact View 90 <a ui-sref="app.ContactView">Contact View
91 <i class="fa fa-caret-down" aria-hidden="true"></i> 91 <i class="fa fa-caret-down" aria-hidden="true"></i>
92 </a> 92 </a>
93 </li> 93 </li>
94 <li> 94 <li>
95 <a ui-sref="app.FuelVendors">Fuel Vendors 95 <a ui-sref="app.FuelVendors">Fuel Vendors
96 <i class="fa fa-caret-down" aria-hidden="true"></i> 96 <i class="fa fa-caret-down" aria-hidden="true"></i>
97 </a> 97 </a>
98 </li> 98 </li>
99 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li> 99 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li>
100 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayCompanyList.filter({}); searchText=null">Clear Search And Filters</button></li> 100 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayCompanyList.filter({}); searchText=null">Clear Search And Filters</button></li>
101 <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> 101 <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>
102 </ul> 102 </ul>
103 <br> 103 <br>
104 <div class="tab-content customer-table" style="margin:0px"> 104 <div class="tab-content customer-table" style="margin:0px">
105 <div class="tab-pane active" id="companyView"> 105 <div class="tab-pane active" id="companyView">
106 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true"> 106 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true">
107 <tr ng-repeat="row in $data | filter:searchText:strict"" style="cursor: pointer;"> 107 <tr ng-repeat="row in $data | filter:searchText:strict"" style="cursor: pointer;">
108 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ui-sref="app.viewCompany({id : row.id})"> 108 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ui-sref="app.viewCompany({id : row.id})">
109 {{row.companyName}} 109 {{row.companyName}}
110 </td> 110 </td>
111 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'" ui-sref="app.viewCompany({id : row.id})"> 111 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'" ui-sref="app.viewCompany({id : row.id})">
112 {{row.companyAircraftSize}} 112 {{row.companyAircraftSize}}
113 </td> 113 </td>
114 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewCompany({id : row.id})"> 114 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewCompany({id : row.id})">
115 {{row.newContactNumber}} 115 {{row.newContactNumber}}
116 </td> 116 </td>
117 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewCompany({id : row.id})"> 117 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewCompany({id : row.id})">
118 {{row.primaryContactName}} 118 {{row.primaryContactName}}
119 </td> 119 </td>
120 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'" ui-sref="app.viewCompany({id : row.id})"> 120 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'" ui-sref="app.viewCompany({id : row.id})">
121 {{row.baseIcao}} 121 {{row.baseIcao}}
122 </td> 122 </td>
123 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewCompany({id : row.id})"> 123 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewCompany({id : row.id})">
124 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 124 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
125 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 125 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
126 </td> 126 </td>
127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
129 </td> 129 </td>
130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewCompany({id : row.id})"> 130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewCompany({id : row.id})">
131 {{row.marginAllIn | number : 4}} 131 {{row.marginAllIn | number : 4}}
132 </td> 132 </td>
133 <td data-title="''"> 133 <td data-title="''">
134 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 134 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
135 </td> 135 </td>
136 </tr> 136 </tr>
137 </table> 137 </table>
138 138
139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button> 139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button>
140 140
141 </div> 141 </div>
142 </div> 142 </div>
143 </div> 143 </div>
144 </div> 144 </div>
145 <!-- /widget-content --> 145 <!-- /widget-content -->
146 </div> 146 </div>
147 <!-- /widget --> 147 <!-- /widget -->
148 </div> 148 </div>
149 <!-- /span8 --> 149 <!-- /span8 -->
150 </div> 150 </div>
151 <!-- /row --> 151 <!-- /row -->
152 </div> 152 </div>
153 <!-- /container --> 153 <!-- /container -->
154 </div> 154 </div>
155 <!-- /main --> 155 <!-- /main -->
156 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 156 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
157 <div class="modal-dialog modal-lg"> 157 <div class="modal-dialog modal-lg">
158 <div class="modal-content"> 158 <div class="modal-content">
159 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 159 <div class="modal-body step-1" data-step="1" style="padding: 0;">
160 <div> 160 <div>
161 <div class="row" style="margin: 0;"> 161 <div class="row" style="margin: 0;">
162 <div> 162 <div>
163 <div class="widget" style="margin-bottom: 0;"> 163 <div class="widget" style="margin-bottom: 0;">
164 <div class="widget-header"> 164 <div class="widget-header">
165 <i class="icon-pencil"></i> 165 <i class="icon-pencil"></i>
166 <i class="fa fa-tasks" aria-hidden="true"></i> 166 <i class="fa fa-tasks" aria-hidden="true"></i>
167 <h3>Add a New Company</h3> 167 <h3>Add a New Company</h3>
168 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 168 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
169 <div style="color: #ff9a01;">Activate &nbsp &nbsp 169 <div style="color: #ff9a01;">Activate &nbsp &nbsp
170 <toggle ng-model="data.activate" size="customToogle"></toggle> 170 <toggle ng-model="data.activate" size="customToogle"></toggle>
171 </div> 171 </div>
172 </div> 172 </div>
173 <div class="clearfix"></div> 173 <div class="clearfix"></div>
174 </div> 174 </div>
175 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 175 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
176 <div class="col-xs-12"> 176 <div class="col-xs-12">
177 <div class="col-md-8"> 177 <div class="col-md-8">
178 <div class="pull-left"> 178 <div class="pull-left">
179 <label class="new-input-label"><b>Company Name *</b></label> 179 <label class="new-input-label"><b>Company Name *</b></label>
180 </div> 180 </div>
181 <div class="pull-left" style="margin-left: 15px;"> 181 <div class="pull-left" style="margin-left: 15px;">
182 <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"> 182 <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">
183 183
184 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 184 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
185 </div> 185 </div>
186 <div class="clearfix"></div> 186 <div class="clearfix"></div>
187 </div> 187 </div>
188 <div class="col-md-4"> 188 <div class="col-md-4">
189 189
190 <div class="pull-right"> 190 <div class="pull-right">
191 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 191 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
192 </div> 192 </div>
193 <div class="pull-right"> 193 <div class="pull-right">
194 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 194 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
195 </div> 195 </div>
196 <div class="clearfix"></div> 196 <div class="clearfix"></div>
197 </div> 197 </div>
198 </div> 198 </div>
199 <div class="clearfix"></div><br> 199 <div class="clearfix"></div><br>
200 <div class="col-xs-12"> 200 <div class="col-xs-12">
201 <div class="col-md-7"> 201 <div class="col-md-7">
202 <div class="pull-left"> 202 <div class="pull-left">
203 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 203 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
204 </div> 204 </div>
205 <div class="pull-left" style="margin-left: 32px;"> 205 <div class="pull-left" style="margin-left: 32px;">
206 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 206 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
207 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 207 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
208 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 208 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
209 </div> 209 </div>
210 <div class="clearfix"></div> 210 <div class="clearfix"></div>
211 </div> 211 </div>
212 <div class="col-md-2 Airport" style="text-align: right;"> 212 <div class="col-md-2 Airport" style="text-align: right;">
213 <b>Certificate Type</b> 213 <b>Certificate Type</b>
214 </div> 214 </div>
215 <div class="col-md-3 Airport"> 215 <div class="col-md-3 Airport">
216 <select required class="form-control" ng-model="data.certificateType"> 216 <select required class="form-control" ng-model="data.certificateType">
217 <option value="" disabled selected hidden>Select...</option> 217 <option value="" disabled selected hidden>Select...</option>
218 <option value="corporate">Part 91 (Corporate)</option> 218 <option value="corporate">Part 91 (Corporate)</option>
219 <option value="charter">Part 135 (Charter)</option> 219 <option value="charter">Part 135 (Charter)</option>
220 <option value="scheduled">Part 121 (Scheduled)</option> 220 <option value="scheduled">Part 121 (Scheduled)</option>
221 <option value="military">Military</option> 221 <option value="military">Military</option>
222 <option value="government">Government</option> 222 <option value="government">Government</option>
223 </select> 223 </select>
224 </div> 224 </div>
225 <div class="clearfix"></div> 225 <div class="clearfix"></div>
226 </div> 226 </div>
227 <div class="clearfix"></div> 227 <div class="clearfix"></div>
228 <br/> 228 <br/>
229 <div class="col-xs-12"> 229 <div class="col-xs-12">
230 <div class="col-md-6"> 230 <div class="col-md-6">
231 <div class="pull-left" style="width: 110px;"> 231 <div class="pull-left" style="width: 110px;">
232 <b>JET A Margin *</b> 232 <b>JET A Margin *</b>
233 </div> 233 </div>
234 <div class="pull-left"> 234 <div class="pull-left">
235 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 235 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
236 <option value="" disabled>Select...</option> 236 <option value="" disabled>Select...</option>
237 </select> 237 </select>
238 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 238 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
239 239
240 <div class="clearfix"></div> 240 <div class="clearfix"></div>
241 </div> 241 </div>
242 </div> 242 </div>
243 243
244 <div class="col-md-3 Airport" style="text-align: right;"> 244 <div class="col-md-3 Airport" style="text-align: right;">
245 <b>AVGAS 100LL Margin</b> 245 <b>AVGAS 100LL Margin</b>
246 </div> 246 </div>
247 <div class="col-md-3 Airport"> 247 <div class="col-md-3 Airport">
248 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 248 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
249 <option value="" disabled>Select...</option> 249 <option value="" disabled>Select...</option>
250 </select> 250 </select>
251 </div> 251 </div>
252 <div class="clearfix"></div> 252 <div class="clearfix"></div>
253 </div> 253 </div>
254 <div class="clearfix"></div> 254 <div class="clearfix"></div>
255 <br/> 255 <br/>
256 <div class="col-xs-12"> 256 <div class="col-xs-12">
257 <div class="col-md-12"> 257 <div class="col-md-12">
258 <div class="pull-left" style="width: 110px;"> 258 <div class="pull-left" style="width: 110px;">
259 <label class="new-input-label"><b>Address</b></label> 259 <label class="new-input-label"><b>Address</b></label>
260 </div> 260 </div>
261 <div class="pull-left" style="width: calc(100% - 110px);"> 261 <div class="pull-left" style="width: calc(100% - 110px);">
262 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 262 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
263 </div> 263 </div>
264 <div class="clearfix"></div> 264 <div class="clearfix"></div>
265 </div> 265 </div>
266 </div> 266 </div>
267 <div class="clearfix"></div> 267 <div class="clearfix"></div>
268 <br/> 268 <br/>
269 <div class="col-xs-12"> 269 <div class="col-xs-12">
270 <div class="col-md-12"> 270 <div class="col-md-12">
271 <div class="pull-left" style="width: 110px;"> 271 <div class="pull-left" style="width: 110px;">
272 <label class="new-input-label"><b>Address2</b></label> 272 <label class="new-input-label"><b>Address2</b></label>
273 </div> 273 </div>
274 <div class="pull-left" style="width: calc(100% - 110px);"> 274 <div class="pull-left" style="width: calc(100% - 110px);">
275 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 275 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
276 </div> 276 </div>
277 <div class="clearfix"></div> 277 <div class="clearfix"></div>
278 </div> 278 </div>
279 </div> 279 </div>
280 <div class="clearfix"></div> 280 <div class="clearfix"></div>
281 <br/> 281 <br/>
282 <div class="col-xs-12"> 282 <div class="col-xs-12">
283 283
284 <div class="col-md-6"> 284 <div class="col-md-6">
285 <div class="pull-left" style="width: 110px;"> 285 <div class="pull-left" style="width: 110px;">
286 <label class="new-input-label"><b>City</b></label> 286 <label class="new-input-label"><b>City</b></label>
287 </div> 287 </div>
288 <div class="pull-left" style="width: calc(100% - 110px);"> 288 <div class="pull-left" style="width: calc(100% - 110px);">
289 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 289 <input type="text" ng-model="data.city" class="form-control" placeholder="">
290 </div> 290 </div>
291 <div class="clearfix"></div> 291 <div class="clearfix"></div>
292 </div> 292 </div>
293 <div class="col-md-3"> 293 <div class="col-md-3">
294 <div class="pull-left" style="width: 40px;"> 294 <div class="pull-left" style="width: 40px;">
295 <label class="new-input-label"><b>State</b></label> 295 <label class="new-input-label"><b>State</b></label>
296 </div> 296 </div>
297 <div class="pull-left" style="width: calc(100% - 110px);"> 297 <div class="pull-left" style="width: calc(100% - 110px);">
298 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 298 <input type="text" ng-model="data.state" class="form-control" placeholder="">
299 </div> 299 </div>
300 <div class="clearfix"></div> 300 <div class="clearfix"></div>
301 </div> 301 </div>
302 <div class="col-md-3"> 302 <div class="col-md-3">
303 <div class="pull-left"> 303 <div class="pull-left">
304 <label class="new-input-label"><b>Zip Code</b></label> 304 <label class="new-input-label"><b>Zip Code</b></label>
305 </div> 305 </div>
306 <div class="pull-right" style="width: calc(100% - 60px);"> 306 <div class="pull-right" style="width: calc(100% - 60px);">
307 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 307 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
308 </div> 308 </div>
309 <div class="clearfix"></div> 309 <div class="clearfix"></div>
310 </div> 310 </div>
311 </div> 311 </div>
312 <div class="clearfix"></div> 312 <div class="clearfix"></div>
313 <br/> 313 <br/>
314 <div class="col-xs-12"> 314 <div class="col-xs-12">
315 315
316 <div class="col-md-6"> 316 <div class="col-md-6">
317 <div class="pull-left" style="width: 110px;"> 317 <div class="pull-left" style="width: 110px;">
318 <label class="new-input-label"><b>Country</b></label> 318 <label class="new-input-label"><b>Country</b></label>
319 </div> 319 </div>
320 <div class="pull-left" style="width: calc(100% - 110px);"> 320 <div class="pull-left" style="width: calc(100% - 110px);">
321 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 321 <input type="text" ng-model="data.country" class="form-control" placeholder="">
322 </div> 322 </div>
323 <div class="clearfix"></div> 323 <div class="clearfix"></div>
324 </div> 324 </div>
325 <div class="col-md-6"> 325 <div class="col-md-6">
326 <div class="pull-left" style="width: 110px;"> 326 <div class="pull-left" style="width: 110px;">
327 <label class="new-input-label"><b>Internal Note</b></label> 327 <label class="new-input-label"><b>Internal Note</b></label>
328 </div> 328 </div>
329 <div class="pull-left" style="width: calc(100% - 110px);"> 329 <div class="pull-left" style="width: calc(100% - 110px);">
330 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 330 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
331 </div> 331 </div>
332 <div class="clearfix"></div> 332 <div class="clearfix"></div>
333 </div> 333 </div>
334 </div> 334 </div>
335 <div class="clearfix"></div> 335 <div class="clearfix"></div>
336 <!-- <br/> 336 <!-- <br/>
337 <div class="col-xs-12"> 337 <div class="col-xs-12">
338 <div class="col-md-2 Airport"></div> 338 <div class="col-md-2 Airport"></div>
339 <div class="col-md-10 Airport"> 339 <div class="col-md-10 Airport">
340 <div class="pull-right"> 340 <div class="pull-right">
341 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 341 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
342 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 342 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
343 </div> 343 </div>
344 </div> 344 </div>
345 </div> --> 345 </div> -->
346 </div> 346 </div>
347 </div> 347 </div>
348 <div class="clearfix"></div> 348 <div class="clearfix"></div>
349 </div> 349 </div>
350 </div> 350 </div>
351 </div> 351 </div>
352 </div> 352 </div>
353 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 353 <div class="modal-body step-2" data-step="2" style="padding: 0;">
354 <div> 354 <div>
355 <div class="row" style="margin: 0;"> 355 <div class="row" style="margin: 0;">
356 <div> 356 <div>
357 <div class="widget" style="margin-bottom: 0;"> 357 <div class="widget" style="margin-bottom: 0;">
358 <div class="widget-header"> 358 <div class="widget-header">
359 <i class="icon-pencil"></i> 359 <i class="icon-pencil"></i>
360 <i class="fa fa-tasks" aria-hidden="true"></i> 360 <i class="fa fa-tasks" aria-hidden="true"></i>
361 <h3>Add a New Company</h3> 361 <h3>Add a New Company</h3>
362 <div class="clearfix"></div> 362 <div class="clearfix"></div>
363 </div> 363 </div>
364 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 364 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
365 <div class="col-xs-12"> 365 <div class="col-xs-12">
366 <div class="widget-header"> 366 <div class="widget-header">
367 <i class="fa fa-list"></i> 367 <i class="fa fa-list"></i>
368 <h3>Aircraft List</h3> 368 <h3>Aircraft List</h3>
369 </div> 369 </div>
370 <div class="widget-content" style="padding:0px;border: 0px; "> 370 <div class="widget-content" style="padding:0px;border: 0px; ">
371 <div class="table-responsive"> 371 <div class="table-responsive">
372 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 372 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
373 <thead> 373 <thead>
374 <tr> 374 <tr>
375 <th>Tail</th> 375 <th>Tail</th>
376 <th>Make</th> 376 <th>Make</th>
377 <th>Model</th> 377 <th>Model</th>
378 <th>Size</th> 378 <th>Size</th>
379 <th>Margin</th> 379 <th>Margin</th>
380 </tr> 380 </tr>
381 </thead> 381 </thead>
382 <tbody> 382 <tbody>
383 <tr> 383 <tr>
384 <td> 384 <td>
385 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 385 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
386 </td> 386 </td>
387 <td style="width: 25%;"> 387 <td style="width: 25%;">
388 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 388 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
389 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 389 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
390 </select> 390 </select>
391 </td> 391 </td>
392 <td style="width: 20%;"> 392 <td style="width: 20%;">
393 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 393 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
394 <option ng-repeat="model in aircraftModalList">{{model}}</option> 394 <option ng-repeat="model in aircraftModalList">{{model}}</option>
395 </select> 395 </select>
396 </td> 396 </td>
397 <td style="width: 25%;"> 397 <td style="width: 25%;">
398 <select class="form-control" ng-model="aircraft.size"> 398 <select class="form-control" ng-model="aircraft.size">
399 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 399 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
400 </select> 400 </select>
401 </td> 401 </td>
402 <td> 402 <td>
403 <select class="form-control"> 403 <select class="form-control">
404 <option>Margin1</option> 404 <option>Margin1</option>
405 <option>Margin2</option> 405 <option>Margin2</option>
406 </select> 406 </select>
407 </td> 407 </td>
408 </tr> 408 </tr>
409 </tbody> 409 </tbody>
410 410
411 </table> --> 411 </table> -->
412 <table class="table table-striped table-bordered"> 412 <table class="table table-striped table-bordered">
413 <thead> 413 <thead>
414 <tr> 414 <tr>
415 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 415 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
416 <th>Tail</th> 416 <th>Tail</th>
417 <th>Make</th> 417 <th>Make</th>
418 <th>Model</th> 418 <th>Model</th>
419 <th>Size</th> 419 <th>Size</th>
420 <th>JET A Margin</th> 420 <th>JET A Margin</th>
421 <th>AVGS 100LL Margin</th> 421 <th>AVGS 100LL Margin</th>
422 </tr> 422 </tr>
423 </thead> 423 </thead>
424 <tbody> 424 <tbody>
425 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 425 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
426 <!-- <td> 426 <!-- <td>
427 <input type="checkbox" ng-model="aircraftData.selected"/> 427 <input type="checkbox" ng-model="aircraftData.selected"/>
428 </td> --> 428 </td> -->
429 <td style="width: 15%"> 429 <td style="width: 15%">
430 <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> 430 <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/>
431 </td> 431 </td>
432 <td style="width: 17%"> 432 <td style="width: 17%">
433 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 433 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
434 <option ng-repeat="make in aircraftMakeList | orderBy ">{{make}}</option> 434 <option ng-repeat="make in aircraftMakeList | orderBy ">{{make}}</option>
435 <option value="" disabled>Select...</option> 435 <option value="" disabled>Select...</option>
436 </select> 436 </select>
437 </td> 437 </td>
438 <td style="width: 17%"> 438 <td style="width: 17%">
439 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 439 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
440 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> 440 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option>
441 <option value="" disabled>Select...</option> 441 <option value="" disabled>Select...</option>
442 </select> 442 </select>
443 </td><!-- {{size.aircraftSize.id}} --> 443 </td><!-- {{size.aircraftSize.id}} -->
444 <td style="width: 17%"> 444 <td style="width: 17%">
445 <select class="form-control" ng-model="aircraftData.sizeId"> 445 <select class="form-control" ng-model="aircraftData.sizeId">
446 <option value="" disabled>Select</option> 446 <option value="" disabled>Select</option>
447 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> 447 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option>
448 </select> 448 </select>
449 449
450 </td> 450 </td>
451 <td style="width: 17%"> 451 <td style="width: 17%">
452 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> 452 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]">
453 <option value="" disabled>Select</option> 453 <option value="" disabled>Select</option>
454 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 454 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
455 </select> 455 </select>
456 456
457 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]" ng-options="margin.id as margin.marginName for margin in jetMarginList"> 457 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]" ng-options="margin.id as margin.marginName for margin in jetMarginList">
458 <option value="" disabled>Select...</option> 458 <option value="" disabled>Select...</option>
459 </select> --> 459 </select> -->
460 </td> 460 </td>
461 <td style="width: 17%"> 461 <td style="width: 17%">
462 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> 462 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]">
463 <option value="" disabled>Select</option> 463 <option value="" disabled>Select</option>
464 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> 464 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option>
465 </select> 465 </select>
466 <!-- 466 <!--
467 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 467 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
468 <option value="" disabled>Select...</option> 468 <option value="" disabled>Select...</option>
469 </select> --> 469 </select> -->
470 </td> 470 </td>
471 </tr> 471 </tr>
472 </tbody> 472 </tbody>
473 </table> 473 </table>
474 </div> 474 </div>
475 <div class="clearfix"></div> 475 <div class="clearfix"></div>
476 </div> 476 </div>
477 </div> 477 </div>
478 <div class="clearfix"></div> 478 <div class="clearfix"></div>
479 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 479 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
480 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 480 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
481 </div> 481 </div>
482 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 482 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
483 <div class="pull-right"> 483 <div class="pull-right">
484 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 484 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
485 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 485 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
486 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 486 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
487 </div> 487 </div>
488 </div> --> 488 </div> -->
489 </div> 489 </div>
490 </div> 490 </div>
491 <div class="clearfix"></div> 491 <div class="clearfix"></div>
492 </div> 492 </div>
493 </div> 493 </div>
494 </div> 494 </div>
495 </div> 495 </div>
496 <!-- <div class="modal-body step-3" data-step="3"> 496 <!-- <div class="modal-body step-3" data-step="3">
497 This is the final step. 497 This is the final step.
498 </div> --> 498 </div> -->
499 <div class="modal-footer" style="border-top: 0;"> 499 <div class="modal-footer" style="border-top: 0;">
500 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 500 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
501 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 501 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
502 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 502 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
503 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> 503 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
504 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 504 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
505 </div> 505 </div>
506 </div> 506 </div>
507 </div> 507 </div>
508 </form> 508 </form>
509 509
510 <!-- SetUp fuel order --> 510 <!-- SetUp fuel order -->
511 <form class="modal" id="demo-modal-4" name="orderform"> 511 <form class="modal" id="demo-modal-4" name="orderform">
512 <div class="modal-dialog modal-md"> 512 <div class="modal-dialog modal-md">
513 <div class="modal-content"> 513 <div class="modal-content">
514 <div class="modal-body" data-step="1" style="padding: 0;"> 514 <div class="modal-body" data-step="1" style="padding: 0;">
515 <div> 515 <div>
516 <div class="row" style="margin: 0;"> 516 <div class="row" style="margin: 0;">
517 <div> 517 <div>
518 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 518 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
519 <div class="widget-header"> 519 <div class="widget-header">
520 <i class="icon-pencil"></i> 520 <i class="icon-pencil"></i>
521 <i class="fa fa-tasks" aria-hidden="true"></i> 521 <i class="fa fa-tasks" aria-hidden="true"></i>
522 <h3>Search and Dispatch Fuel</h3> 522 <h3>Search and Dispatch Fuel</h3>
523 <div class="clearfix"></div> 523 <div class="clearfix"></div>
524 </div> 524 </div>
525 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 525 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
526 <div class="col-xs-12"> 526 <div class="col-xs-12">
527 <div class="col-xs-12"> 527 <div class="col-xs-12">
528 <div class="pull-left" style="width: 110px;"> 528 <div class="pull-left" style="width: 110px;">
529 <label class="new-input-label"><b>Company</b></label> 529 <label class="new-input-label"><b>Company</b></label>
530 </div> 530 </div>
531 <div class="pull-left" style="width: calc(100% - 110px);"> 531 <div class="pull-left" style="width: calc(100% - 110px);">
532 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required> 532 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required>
533 <option value="" selected disabled>Select Company</option> 533 <option value="" selected disabled>Select Company</option>
534 <option ng-repeat="list in companyList">{{list.companyName}}</option> 534 <option ng-repeat="list in companyList">{{list.companyName}}</option>
535 </select> 535 </select>
536 </div> 536 </div>
537 <div class="clearfix"></div> 537 <div class="clearfix"></div>
538 </div> 538 </div>
539 <div class="clearfix"></div> 539 <div class="clearfix"></div>
540 <br> 540 <br>
541 541
542 <div class="col-xs-12"> 542 <div class="col-xs-12">
543 <div class="col-md-6"> 543 <div class="col-md-6">
544 <div class="pull-left" style="width: 110px;"> 544 <div class="pull-left" style="width: 110px;">
545 <label class="new-input-label"><b>Aircraft</b></label> 545 <label class="new-input-label"><b>Aircraft</b></label>
546 </div> 546 </div>
547 <div class="pull-left" style="width: calc(100% - 110px);"> 547 <div class="pull-left" style="width: calc(100% - 110px);">
548 <select class="form-control" ng-model="order.aircraftName" required> 548 <select class="form-control" ng-model="order.aircraftName" required>
549 <option selected disabled value="">Select Aircraft</option> 549 <option selected disabled value="">Select Aircraft</option>
550 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option> 550 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option>
551 </select> 551 </select>
552 </div> 552 </div>
553 <div class="clearfix"></div> 553 <div class="clearfix"></div>
554 </div> 554 </div>
555 <div class="col-md-6"> 555 <div class="col-md-6">
556 <div class="pull-left" style="width: 110px;"> 556 <div class="pull-left" style="width: 110px;">
557 <label class="new-input-label"><b>Requested Volume</b></label> 557 <label class="new-input-label"><b>Requested Volume</b></label>
558 </div> 558 </div>
559 <div class="pull-left" style="width: calc(100% - 110px);"> 559 <div class="pull-left" style="width: calc(100% - 110px);">
560 <input type="text" ng-model="order.volume" class="form-control" required> 560 <input type="text" ng-model="order.volume" class="form-control" required>
561 </div> 561 </div>
562 <div class="clearfix"></div> 562 <div class="clearfix"></div>
563 </div> 563 </div>
564 </div> 564 </div>
565 <div class="clearfix"></div> 565 <div class="clearfix"></div>
566 <br/> 566 <br/>
567 <div class="col-xs-12"> 567 <div class="col-xs-12">
568 <div class="pull-left" style="width: 110px;"> 568 <div class="pull-left" style="width: 110px;">
569 <label class="new-input-label"><b>Price Quote</b></label> 569 <label class="new-input-label"><b>Price Quote</b></label>
570 </div> 570 </div>
571 <div class="pull-left" style="width: calc(100% - 110px);"> 571 <div class="pull-left" style="width: calc(100% - 110px);">
572 <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote); tiervalue()" required> 572 <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote); tiervalue()" required>
573 <option value="" selected disabled>Select Price Quote</option> 573 <option value="" selected disabled>Select Price Quote</option>
574 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option> 574 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option>
575 </select> 575 </select>
576 </div> 576 </div>
577 <div class="clearfix"></div> 577 <div class="clearfix"></div>
578 </div> 578 </div>
579 <div class="clearfix"></div> 579 <div class="clearfix"></div>
580 <br/> 580 <br/>
581 <div class="col-xs-12"> 581 <div class="col-xs-12">
582 <div class="pull-left" style="width: 110px;"> 582 <div class="pull-left" style="width: 110px;">
583 <label class="new-input-label"><b>Tier Break</b></label> 583 <label class="new-input-label"><b>Tier Break</b></label>
584 </div> 584 </div>
585 <div class="pull-left" style="width: calc(100% - 110px);"> 585 <div class="pull-left" style="width: calc(100% - 110px);">
586 <select class="form-control" ng-model="order.tierBreak"> 586 <select class="form-control" ng-model="order.tierBreak">
587 <option value="" selected disabled>Select Tier Break</option> 587 <option value="" selected disabled>Select Tier Break</option>
588 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}"> 588 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}">
589 {{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}} 589 {{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}}
590 </option> 590 </option>
591 </select> 591 </select>
592 </div> 592 </div>
593 <div class="clearfix"></div> 593 <div class="clearfix"></div>
594 </div> 594 </div>
595 <div class="clearfix"></div> 595 <div class="clearfix"></div>
596 <br/> 596 <br/>
597 <div class="col-xs-12"> 597 <div class="col-xs-12">
598 <div class="pull-left" style="width: 110px;"> 598 <div class="pull-left" style="width: 110px;">
599 <label class="new-input-label"><b>Uplift Date</b></label> 599 <label class="new-input-label"><b>Uplift Date</b></label>
600 </div> 600 </div>
601 <div class="pull-left" style="width: calc(100% - 110px);"> 601 <div class="pull-left" style="width: calc(100% - 110px);">
602 <input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required> 602 <input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required>
603 </div> 603 </div>
604 <div class="clearfix"></div> 604 <div class="clearfix"></div>
605 </div> 605 </div>
606 <div class="clearfix"></div> 606 <div class="clearfix"></div>
607 <br/> 607 <br/>
608 </div> 608 </div>
609 </div> 609 </div>
610 <div class="clearfix"></div> 610 <div class="clearfix"></div>
611 </div> 611 </div>
612 </div> 612 </div>
613 </div> 613 </div>
614 </div> 614 </div>
615 615
616 <div class="modal-footer" style="border-top: 0;"> 616 <div class="modal-footer" style="border-top: 0;">
617 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> 617 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button>
618 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="dispatchFuel()">Dispatch</button> 618 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="dispatchFuel()">Dispatch</button>
619 </div> 619 </div>
620 </div> 620 </div>
621 </div> 621 </div>
622 </div> 622 </div>
623 </form> 623 </form>
624 624
625 625
626 <div class="myLoader" ng-show="showLoader"> 626 <div class="myLoader" ng-show="showLoader">
627 <img src="../img/hourglass.gif" width="50px;"> 627 <img src="../img/hourglass.gif" width="50px;">
628 </div> 628 </div>
629 <script src="js/multi-step-modal.js"></script> 629 <script src="js/multi-step-modal.js"></script>
630 <script> 630 <script>
631 sendEvent = function(sel, step) { 631 sendEvent = function(sel, step) {
632 $(sel).trigger('next.m.' + step); 632 $(sel).trigger('next.m.' + step);
633 } 633 }
634 </script> 634 </script>
app/partials/enterFuelOrder/enterFuelOrder.html
Diff comments   View file @8fc0ea8
1 <style type="text/css"> 1 <style type="text/css">
2 .subnavbar .mainnav > li:nth-child(2) > a{ 2 .subnavbar .mainnav > li:nth-child(4) > a{
3 color: #c44646; 3 color: #c44646;
4 } 4 }
5 .customInputWrap{ 5 .customInputWrap{
6 margin-top: 15px; 6 margin-top: 15px;
7 } 7 }
8 .customInputWrap label{ 8 .customInputWrap label{
9 font-weight: normal; 9 font-weight: normal;
10 margin-bottom: 0; 10 margin-bottom: 0;
11 } 11 }
12 </style> 12 </style>
13 <div class="myLoader" ng-show="showLoader"> 13 <div class="myLoader" ng-show="showLoader">
14 <img src="../img/hourglass.gif" width="50px;"> 14 <img src="../img/hourglass.gif" width="50px;">
15 </div> 15 </div>
16 16
17 <div class="container"> 17 <div class="container">
18 <div class="row"> 18 <div class="row">
19 <div class="col-md-5"> 19 <div class="col-md-5">
20 <div class="widget stacked"> 20 <div class="widget stacked">
21 <div class="widget-header"> 21 <div class="widget-header">
22 <i class="fa fa-search" aria-hidden="true"></i> 22 <i class="fa fa-search" aria-hidden="true"></i>
23 <h3>Search and Dispatch Fuel</h3> 23 <h3>Search and Dispatch Fuel</h3>
24 </div> 24 </div>
25 <div class="widget-content new-widget-content"> 25 <div class="widget-content new-widget-content">
26 <form name="orderform" novalidate> 26 <form name="orderform" novalidate>
27 27
28 <div class="customInputWrap"> 28 <div class="customInputWrap">
29 <div class="col-md-3 text-right"> 29 <div class="col-md-3 text-right">
30 <label>Company</label> 30 <label>Company</label>
31 </div> 31 </div>
32 <div class="col-md-9"> 32 <div class="col-md-9">
33 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required> 33 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;" required>
34 <option value="" selected disabled>Select Company</option> 34 <option value="" selected disabled>Select Company</option>
35 <option ng-repeat="list in companyList">{{list.companyName}}</option> 35 <option ng-repeat="list in companyList">{{list.companyName}}</option>
36 </select> 36 </select>
37 </div> 37 </div>
38 <div class="clearfix"></div> 38 <div class="clearfix"></div>
39 </div> 39 </div>
40 40
41 <div class="customInputWrap"> 41 <div class="customInputWrap">
42 <div class="col-md-3 text-right"> 42 <div class="col-md-3 text-right">
43 <label>Aircraft</label> 43 <label>Aircraft</label>
44 </div> 44 </div>
45 <div class="col-md-3"> 45 <div class="col-md-3">
46 <select class="form-control" ng-model="order.aircraftName" required> 46 <select class="form-control" ng-model="order.aircraftName" required>
47 <option selected disabled value="">Select Aircraft</option> 47 <option selected disabled value="">Select Aircraft</option>
48 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option> 48 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option>
49 </select> 49 </select>
50 </div> 50 </div>
51 <div class="col-md-3 text-right"> 51 <div class="col-md-3 text-right">
52 <label>Requested Volume</label> 52 <label>Requested Volume</label>
53 </div> 53 </div>
54 <div class="col-md-3"> 54 <div class="col-md-3">
55 <input type="text" ng-model="order.volume" class="form-control" required> 55 <input type="text" ng-model="order.volume" class="form-control" required>
56 </div> 56 </div>
57 <div class="clearfix"></div> 57 <div class="clearfix"></div>
58 </div> 58 </div>
59 59
60 <div class="customInputWrap"> 60 <div class="customInputWrap">
61 <div class="col-md-3 text-right"> 61 <div class="col-md-3 text-right">
62 <label>Price Quote</label> 62 <label>Price Quote</label>
63 </div> 63 </div>
64 <div class="col-md-8 col-md-offset-1"> 64 <div class="col-md-8 col-md-offset-1">
65 <select class="form-control" ng-model="order.priceQuote" required> 65 <select class="form-control" ng-model="order.priceQuote" required>
66 <option value="" selected disabled>Select Price Quote</option> 66 <option value="" selected disabled>Select Price Quote</option>
67 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option> 67 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option>
68 </select> 68 </select>
69 </div> 69 </div>
70 <div class="clearfix"></div> 70 <div class="clearfix"></div>
71 </div> 71 </div>
72 72
73 <div class="customInputWrap"> 73 <div class="customInputWrap">
74 <div class="col-md-3 text-right"> 74 <div class="col-md-3 text-right">
75 <label>Tier Break</label> 75 <label>Tier Break</label>
76 </div> 76 </div>
77 <div class="col-md-8 col-md-offset-1"> 77 <div class="col-md-8 col-md-offset-1">
78 <select class="form-control" ng-model="order.tierBreak"> 78 <select class="form-control" ng-model="order.tierBreak">
79 <option value="" selected disabled>Select Tier Break</option> 79 <option value="" selected disabled>Select Tier Break</option>
80 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}"> 80 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}">
81 {{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}} 81 {{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}}
82 </option> 82 </option>
83 </select> 83 </select>
84 </div> 84 </div>
85 <div class="clearfix"></div> 85 <div class="clearfix"></div>
86 </div> 86 </div>
87 87
88 <div class="customInputWrap"> 88 <div class="customInputWrap">
89 <div class="col-md-3 text-right"> 89 <div class="col-md-3 text-right">
90 <label>Uplift Date</label> 90 <label>Uplift Date</label>
91 </div> 91 </div>
92 <div class="col-md-3"> 92 <div class="col-md-3">
93 <input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required> 93 <input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required>
94 </div> 94 </div>
95 <div class="col-md-3 text-right"> 95 <div class="col-md-3 text-right">
96 <!-- <label>Departing FBO</label> --> 96 <!-- <label>Departing FBO</label> -->
97 </div> 97 </div>
98 <div class="col-md-3"> 98 <div class="col-md-3">
99 <!-- <input type="text" ng-model="order.departingDate" datepicker class="form-control"> --> 99 <!-- <input type="text" ng-model="order.departingDate" datepicker class="form-control"> -->
100 </div> 100 </div>
101 <div class="clearfix"></div> 101 <div class="clearfix"></div>
102 </div> 102 </div>
103 103
104 <div class="customInputWrap text-right"> 104 <div class="customInputWrap text-right">
105 <div class="col-xs-12"> 105 <div class="col-xs-12">
106 <input type="cancel" value="Cancel" ng-click="cancelOrder()" class="btn btn-default" style="margin-right: 15px; width: 100px;"> 106 <input type="cancel" value="Cancel" ng-click="cancelOrder()" class="btn btn-default" style="margin-right: 15px; width: 100px;">
107 <input type="submit" value="Dispatch" ng-click="dispatchFuel()" class="btn btn-primary" ng-disabled="orderform.$invalid"> 107 <input type="submit" value="Dispatch" ng-click="dispatchFuel()" class="btn btn-primary" ng-disabled="orderform.$invalid">
108 </div> 108 </div>
109 <div class="clearfix"></div> 109 <div class="clearfix"></div>
110 </div> 110 </div>
111 111
112 </form> 112 </form>
113 </div> 113 </div>
114 </div> 114 </div>
115 </div> 115 </div>
116 </div> 116 </div>
117 </div> 117 </div>
118 118
app/partials/flightDepOrders/flightDepOrders.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
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="main"> 73 <div class="main">
74 <div class="container"> 74 <div class="container">
75 <div class="row"> 75 <div class="row">
76 <div class="col-md-12"> 76 <div class="col-md-12">
77 <div class="widget stacked "> 77 <div class="widget stacked ">
78 <div class="widget-content"> 78 <div class="widget-content">
79 <div class="tabbable"> 79 <div class="tabbable">
80 <ul class="nav nav-tabs"> 80 <ul class="nav nav-tabs">
81 <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> 81 <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>
82 <li><button type="button" class="btn btn-default btn-sm " ng-click="displayFuelOrderList.filter({}); searchText=null">Clear Search And Filters</button></li> 82 <li><button type="button" class="btn btn-default btn-sm " ng-click="displayFuelOrderList.filter({}); searchText=null">Clear Search And Filters</button></li>
83 83
84 </ul> 84 </ul>
85 <br> 85 <br>
86 <div class="tab-content customer-table" style="margin:0px"> 86 <div class="tab-content customer-table" style="margin:0px">
87 <div class="tab-pane active" id="companyView"> 87 <div class="tab-pane active" id="companyView">
88 <table ng-table="displayFuelOrderList" class="table table-striped table-condensed" show-filter="true"> 88 <table ng-table="displayFuelOrderList" class="table table-striped table-condensed" show-filter="true">
89 <tr ng-repeat="row in $data | filter:searchText"> 89 <tr ng-repeat="row in $data | filter:searchText">
90 <td data-title="'Fueling date'" filter="{departingDate: 'text'}" sortable="'departingDate'"> 90 <td data-title="'Fueling date'" filter="{departingDate: 'text'}" sortable="'departingDate'">
91 {{row.departingDateString}} 91 {{row.departingDateString}}
92 </td> 92 </td>
93 <td data-title="'Tail #'" filter="{aircraftName: 'text'}" sortable="'aircraftName'"> 93 <td data-title="'Tail #'" filter="{aircraftName: 'text'}" sortable="'aircraftName'">
94 {{row.aircraftName}} 94 {{row.aircraftName}}
95 </td> 95 </td>
96 <td data-title="'FBO Name'" filter="{source: 'text'}" sortable="'source'"> 96 <td data-title="'FBO Name'" filter="{source: 'text'}" sortable="'source'">
97 {{row.orderOwner.name}} 97 {{row.orderOwner.name}}
98 </td> 98 </td>
99 <td data-title="'Volume'" filter="{requestedVolume: 'text'}" sortable="'requestedVolume'"> 99 <td data-title="'Volume'" filter="{requestedVolume: 'text'}" sortable="'requestedVolume'">
100 {{row.requestedVolume}} 100 {{row.requestedVolume}}
101 </td> 101 </td>
102 <td data-title="'FBO Cost'" filter="{fboCost: 'text'}" sortable="'fboCost'"> 102 <td data-title="'FBO Cost'" filter="{fboCost: 'text'}" sortable="'fboCost'">
103 {{row.fboCost}} 103 {{row.fboCost}}
104 </td> 104 </td>
105 <td data-title="'Quoted'" filter="{priceQuote: 'text'}" sortable="'priceQuote'"> 105 <td data-title="'Quoted'" filter="{priceQuote: 'text'}" sortable="'priceQuote'">
106 {{row.priceQuote}} 106 {{row.priceQuote}}
107 </td> 107 </td>
108 <td data-title="'Invoiced'" filter="{invoiced: 'text'}" sortable="'invoiced'"> 108 <td data-title="'Invoiced'" filter="{invoiced: 'text'}" sortable="'invoiced'">
109 {{row.invoiced}} 109 {{row.invoiced}}
110 </td> 110 </td>
111 <td data-title="'Total'" filter="{total: 'text'}" sortable="'total'"> 111 <td data-title="'Total'" filter="{total: 'text'}" sortable="'total'">
112 {{row.total}} 112 {{row.total}}
113 </td> 113 </td>
114 <td data-title="'Status'" filter="{status: 'text'}" sortable="'status'"> 114 <td data-title="'Status'" filter="{status: 'text'}" sortable="'status'">
115 {{row.status}} 115 {{row.status}}
116 </td> 116 </td>
117 <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '"> 117 <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '">
118 <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i> 118 <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i>
119 </td> 119 </td>
120 </tr> 120 </tr>
121 </table> 121 </table>
122 <button type="button" ng-click="exportOrder()" class="btn btn-warning exportBtn">Export Fuel Orders</button> 122 <button type="button" ng-click="exportOrder()" class="btn btn-warning exportBtn">Export Fuel Orders</button>
123 </div> 123 </div>
124 </div> 124 </div>
125 </div> 125 </div>
126 </div> 126 </div>
127 <!-- /widget-content --> 127 <!-- /widget-content -->
128 </div> 128 </div>
129 <!-- /widget --> 129 <!-- /widget -->
130 </div> 130 </div>
131 <!-- /span8 --> 131 <!-- /span8 -->
132 </div> 132 </div>
133 <!-- /row --> 133 <!-- /row -->
134 </div> 134 </div>
135 <!-- /container --> 135 <!-- /container -->
136 136
137 137
138 </div> 138 </div>
139 <!-- /main --> 139 <!-- /main -->
140 140
141 141
142 142
143 143
144 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm"> 144 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm">
145 <div class="modal-dialog modal-lg"> 145 <div class="modal-dialog modal-lg">
146 <div class="modal-content"> 146 <div class="modal-content">
147 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 147 <div class="modal-body step-1" data-step="1" style="padding: 0;">
148 <div> 148 <div>
149 <div class="row" style="margin: 0;"> 149 <div class="row" style="margin: 0;">
150 <div> 150 <div>
151 <div class="widget" style="margin-bottom: 0;"> 151 <div class="widget" style="margin-bottom: 0;">
152 <div class="widget-header"> 152 <div class="widget-header">
153 <i class="icon-pencil"></i> 153 <i class="icon-pencil"></i>
154 <i class="fa fa-tasks" aria-hidden="true"></i> 154 <i class="fa fa-tasks" aria-hidden="true"></i>
155 <h3>Add a Fuel Order</h3> 155 <h3>Add a Fuel Order</h3>
156 <div class="clearfix"></div> 156 <div class="clearfix"></div>
157 </div> 157 </div>
158 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 158 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
159 <div class="col-xs-12"> 159 <div class="col-xs-12">
160 <div class="col-xs-12"> 160 <div class="col-xs-12">
161 161
162 <div class="col-md-6"> 162 <div class="col-md-6">
163 <div class="pull-left" style="width: 110px;"> 163 <div class="pull-left" style="width: 110px;">
164 <label class="new-input-label"><b>Fueling Date</b></label> 164 <label class="new-input-label"><b>Fueling Date</b></label>
165 </div> 165 </div>
166 <div class="pull-left" style="width: calc(100% - 110px);"> 166 <div class="pull-left" style="width: calc(100% - 110px);">
167 <input type="date" ng-model="data.date" class="form-control" placeholder=""> 167 <input type="date" ng-model="data.date" class="form-control" placeholder="">
168 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> 168 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>-->
169 </div> 169 </div>
170 <div class="clearfix"></div> 170 <div class="clearfix"></div>
171 </div> 171 </div>
172 <div class="col-md-6"> 172 <div class="col-md-6">
173 <div class="pull-left" style="width: 110px;"> 173 <div class="pull-left" style="width: 110px;">
174 <label class="new-input-label"><b>Tail #</b></label> 174 <label class="new-input-label"><b>Tail #</b></label>
175 </div> 175 </div>
176 <div class="pull-left" style="width: calc(100% - 110px);"> 176 <div class="pull-left" style="width: calc(100% - 110px);">
177 <input type="text" ng-model="data.tail" class="form-control" placeholder=""> 177 <input type="text" ng-model="data.tail" class="form-control" placeholder="">
178 </div> 178 </div>
179 <div class="clearfix"></div> 179 <div class="clearfix"></div>
180 </div> 180 </div>
181 </div> 181 </div>
182 <div class="clearfix"></div><br> 182 <div class="clearfix"></div><br>
183 183
184 <div class="col-xs-12"> 184 <div class="col-xs-12">
185 185
186 <div class="col-md-6"> 186 <div class="col-md-6">
187 <div class="pull-left" style="width: 110px;"> 187 <div class="pull-left" style="width: 110px;">
188 <label class="new-input-label"><b>Company</b></label> 188 <label class="new-input-label"><b>Company</b></label>
189 </div> 189 </div>
190 <div class="pull-left" style="width: calc(100% - 110px);"> 190 <div class="pull-left" style="width: calc(100% - 110px);">
191 <select ui-select2 ng-model="data.company" style="width: 100%;"> 191 <select ui-select2 ng-model="data.company" style="width: 100%;">
192 <option value="" selected disabled>Select Company</option> 192 <option value="" selected disabled>Select Company</option>
193 <option ng-repeat="list in companyList">{{list.companyName}}</option> 193 <option ng-repeat="list in companyList">{{list.companyName}}</option>
194 </select> 194 </select>
195 </div> 195 </div>
196 <div class="clearfix"></div> 196 <div class="clearfix"></div>
197 </div> 197 </div>
198 <div class="col-md-6"> 198 <div class="col-md-6">
199 <div class="pull-left" style="width: 110px;"> 199 <div class="pull-left" style="width: 110px;">
200 <label class="new-input-label"><b>Source</b></label> 200 <label class="new-input-label"><b>Source</b></label>
201 </div> 201 </div>
202 <div class="pull-left" style="width: calc(100% - 110px);"> 202 <div class="pull-left" style="width: calc(100% - 110px);">
203 <select ui-select2 ng-model="data.source" style="width: 100%;"> 203 <select ui-select2 ng-model="data.source" style="width: 100%;">
204 <option value="" selected disabled>Select Source</option> 204 <option value="" selected disabled>Select Source</option>
205 <option ng-repeat="list in sourceList">{{list.source}}</option> 205 <option ng-repeat="list in sourceList">{{list.source}}</option>
206 </select> 206 </select>
207 </div> 207 </div>
208 <div class="clearfix"></div> 208 <div class="clearfix"></div>
209 </div> 209 </div>
210 </div> 210 </div>
211 <div class="clearfix"></div> 211 <div class="clearfix"></div>
212 <br/> 212 <br/>
213 213
214 214
215 <div class="col-xs-12"> 215 <div class="col-xs-12">
216 216
217 <div class="col-md-6"> 217 <div class="col-md-6">
218 <div class="pull-left" style="width: 110px;"> 218 <div class="pull-left" style="width: 110px;">
219 <label class="new-input-label"><b>Volume</b></label> 219 <label class="new-input-label"><b>Volume</b></label>
220 </div> 220 </div>
221 <div class="pull-left" style="width: calc(100% - 110px);"> 221 <div class="pull-left" style="width: calc(100% - 110px);">
222 <input type="text" ng-model="data.volume" class="form-control" placeholder=""> 222 <input type="text" ng-model="data.volume" class="form-control" placeholder="">
223 </div> 223 </div>
224 <div class="clearfix"></div> 224 <div class="clearfix"></div>
225 </div> 225 </div>
226 <div class="col-md-6"> 226 <div class="col-md-6">
227 <div class="pull-left" style="width: 110px;"> 227 <div class="pull-left" style="width: 110px;">
228 <label class="new-input-label"><b>Invoiced</b></label> 228 <label class="new-input-label"><b>Invoiced</b></label>
229 </div> 229 </div>
230 <div class="pull-left" style="width: calc(100% - 110px);"> 230 <div class="pull-left" style="width: calc(100% - 110px);">
231 <input type="text" ng-model="data.invoiced" class="form-control" placeholder=""> 231 <input type="text" ng-model="data.invoiced" class="form-control" placeholder="">
232 </div> 232 </div>
233 <div class="clearfix"></div> 233 <div class="clearfix"></div>
234 </div> 234 </div>
235 </div> 235 </div>
236 <div class="clearfix"></div> 236 <div class="clearfix"></div>
237 <br/> 237 <br/>
238 <div class="col-xs-12"> 238 <div class="col-xs-12">
239 239
240 <div class="col-md-6"> 240 <div class="col-md-6">
241 <div class="pull-left" style="width: 110px;"> 241 <div class="pull-left" style="width: 110px;">
242 <label class="new-input-label"><b>Total</b></label> 242 <label class="new-input-label"><b>Total</b></label>
243 </div> 243 </div>
244 <div class="pull-left" style="width: calc(100% - 110px);"> 244 <div class="pull-left" style="width: calc(100% - 110px);">
245 <input type="text" class="form-control" placeholder="0.0" value="{{data.volume * data.invoiced}}"> 245 <input type="text" class="form-control" placeholder="0.0" value="{{data.volume * data.invoiced}}">
246 246
247 </div> 247 </div>
248 <div class="clearfix"></div> 248 <div class="clearfix"></div>
249 </div> 249 </div>
250 <div class="col-md-6"> 250 <div class="col-md-6">
251 <div class="pull-left" style="width: 110px;"> 251 <div class="pull-left" style="width: 110px;">
252 <label class="new-input-label"><b>FBO Cost</b></label> 252 <label class="new-input-label"><b>FBO Cost</b></label>
253 </div> 253 </div>
254 <div class="pull-left" style="width: calc(100% - 110px);"> 254 <div class="pull-left" style="width: calc(100% - 110px);">
255 <input type="text" ng-model="data.fbo" class="form-control" placeholder=""> 255 <input type="text" ng-model="data.fbo" class="form-control" placeholder="">
256 </div> 256 </div>
257 <div class="clearfix"></div> 257 <div class="clearfix"></div>
258 </div> 258 </div>
259 </div> 259 </div>
260 <div class="clearfix"></div> 260 <div class="clearfix"></div>
261 <br/> 261 <br/>
262 <div class="col-xs-12"> 262 <div class="col-xs-12">
263 263
264 264
265 <div class="col-md-6"> 265 <div class="col-md-6">
266 <div class="pull-left" style="width: 110px;"> 266 <div class="pull-left" style="width: 110px;">
267 <label class="new-input-label"><b>Status</b></label> 267 <label class="new-input-label"><b>Status</b></label>
268 </div> 268 </div>
269 <div class="pull-left" style="width: calc(100% - 110px);"> 269 <div class="pull-left" style="width: calc(100% - 110px);">
270 <select ui-select2 ng-model="data.status" style="width: 100%;"> 270 <select ui-select2 ng-model="data.status" style="width: 100%;">
271 <option value="" selected disabled>Select Status</option> 271 <option value="" selected disabled>Select Status</option>
272 <option>Pending</option> 272 <option>Pending</option>
273 <option>Invoiced</option> 273 <option>Invoiced</option>
274 <option>Paid</option> 274 <option>Paid</option>
275 <option>Cancelled</option> 275 <option>Cancelled</option>
276 <option>Archived</option> 276 <option>Archived</option>
277 </select> 277 </select>
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 285
286 286
287 </div> 287 </div>
288 <div class="clearfix"></div> 288 <div class="clearfix"></div>
289 <br/> 289 <br/>
290 <div class="col-xs-12"> 290 <div class="col-xs-12">
291 291
292 </div> 292 </div>
293 <div class="clearfix"></div> 293 <div class="clearfix"></div>
294 294
295 </div> 295 </div>
296 </div> 296 </div>
297 <div class="clearfix"></div> 297 <div class="clearfix"></div>
298 </div> 298 </div>
299 </div> 299 </div>
300 </div> 300 </div>
301 </div> 301 </div>
302 302
303 <div class="modal-footer" style="border-top: 0;"> 303 <div class="modal-footer" style="border-top: 0;">
304 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> 304 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button>
305 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addData">Save</button> 305 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addData">Save</button>
306 </div> 306 </div>
307 </div> 307 </div>
308 </div> 308 </div>
309 </div> 309 </div>
310 </form> 310 </form>
311 311
312 312
313 <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm"> 313 <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm">
314 <div class="modal-dialog modal-lg"> 314 <div class="modal-dialog modal-lg">
315 <div class="modal-content"> 315 <div class="modal-content">
316 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 316 <div class="modal-body step-1" data-step="1" style="padding: 0;">
317 <div> 317 <div>
318 <div class="row" style="margin: 0;"> 318 <div class="row" style="margin: 0;">
319 <div> 319 <div>
320 <div class="widget" style="margin-bottom: 0;"> 320 <div class="widget" style="margin-bottom: 0;">
321 <div class="widget-header"> 321 <div class="widget-header">
322 <i class="icon-pencil"></i> 322 <i class="icon-pencil"></i>
323 <i class="fa fa-tasks" aria-hidden="true"></i> 323 <i class="fa fa-tasks" aria-hidden="true"></i>
324 <h3>Update Fuel Order</h3> 324 <h3>Update Fuel Order</h3>
325 <div class="clearfix"></div> 325 <div class="clearfix"></div>
326 </div> 326 </div>
327 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 327 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
328 <div class="col-xs-12"> 328 <div class="col-xs-12">
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>Fueling Date</b></label> 333 <label class="new-input-label"><b>Fueling Date</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="date" ng-model="editdata.departingDate" class="form-control" placeholder=""> 336 <input type="date" ng-model="editdata.departingDate" class="form-control" placeholder="">
337 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> 337 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>-->
338 </div> 338 </div>
339 <div class="clearfix"></div> 339 <div class="clearfix"></div>
340 </div> 340 </div>
341 <div class="col-md-6"> 341 <div class="col-md-6">
342 <div class="pull-left" style="width: 110px;"> 342 <div class="pull-left" style="width: 110px;">
343 <label class="new-input-label"><b>Tail #</b></label> 343 <label class="new-input-label"><b>Tail #</b></label>
344 </div> 344 </div>
345 <div class="pull-left" style="width: calc(100% - 110px);"> 345 <div class="pull-left" style="width: calc(100% - 110px);">
346 <input type="text" ng-model="editdata.aircraftName" class="form-control" placeholder=""> 346 <input type="text" ng-model="editdata.aircraftName" class="form-control" placeholder="">
347 </div> 347 </div>
348 <div class="clearfix"></div> 348 <div class="clearfix"></div>
349 </div> 349 </div>
350 </div> 350 </div>
351 <div class="clearfix"></div><br> 351 <div class="clearfix"></div><br>
352 352
353 <div class="col-xs-12"> 353 <div class="col-xs-12">
354 354
355 <div class="col-md-6"> 355 <div class="col-md-6">
356 <div class="pull-left" style="width: 110px;"> 356 <div class="pull-left" style="width: 110px;">
357 <label class="new-input-label"><b>Company</b></label> 357 <label class="new-input-label"><b>Company</b></label>
358 </div> 358 </div>
359 <div class="pull-left" style="width: calc(100% - 110px);"> 359 <div class="pull-left" style="width: calc(100% - 110px);">
360 <select ui-select2 ng-model="editdata.companyName" style="width: 100%;"> 360 <select ui-select2 ng-model="editdata.companyName" style="width: 100%;">
361 <option value="" selected disabled>Select Company</option> 361 <option value="" selected disabled>Select Company</option>
362 <option ng-repeat="list in companyList">{{list.companyName}}</option> 362 <option ng-repeat="list in companyList">{{list.companyName}}</option>
363 </select> 363 </select>
364 </div> 364 </div>
365 <div class="clearfix"></div> 365 <div class="clearfix"></div>
366 </div> 366 </div>
367 <div class="col-md-6"> 367 <div class="col-md-6">
368 <div class="pull-left" style="width: 110px;"> 368 <div class="pull-left" style="width: 110px;">
369 <label class="new-input-label"><b>Source</b></label> 369 <label class="new-input-label"><b>Source</b></label>
370 </div> 370 </div>
371 <div class="pull-left" style="width: calc(100% - 110px);"> 371 <div class="pull-left" style="width: calc(100% - 110px);">
372 <select ui-select2 ng-model="editdata.source" style="width: 100%;"> 372 <select ui-select2 ng-model="editdata.source" style="width: 100%;">
373 <option value="" selected disabled>Select Source</option> 373 <option value="" selected disabled>Select Source</option>
374 <option ng-repeat="list in sourceList">{{list.source}}</option> 374 <option ng-repeat="list in sourceList">{{list.source}}</option>
375 </select> 375 </select>
376 </div> 376 </div>
377 <div class="clearfix"></div> 377 <div class="clearfix"></div>
378 </div> 378 </div>
379 </div> 379 </div>
380 <div class="clearfix"></div> 380 <div class="clearfix"></div>
381 <br/> 381 <br/>
382 382
383 383
384 <div class="col-xs-12"> 384 <div class="col-xs-12">
385 385
386 <div class="col-md-6"> 386 <div class="col-md-6">
387 <div class="pull-left" style="width: 110px;"> 387 <div class="pull-left" style="width: 110px;">
388 <label class="new-input-label"><b>Volume</b></label> 388 <label class="new-input-label"><b>Volume</b></label>
389 </div> 389 </div>
390 <div class="pull-left" style="width: calc(100% - 110px);"> 390 <div class="pull-left" style="width: calc(100% - 110px);">
391 <input type="text" ng-model="editdata.requestedVolume" class="form-control" placeholder=""> 391 <input type="text" ng-model="editdata.requestedVolume" class="form-control" placeholder="">
392 </div> 392 </div>
393 <div class="clearfix"></div> 393 <div class="clearfix"></div>
394 </div> 394 </div>
395 <div class="col-md-6"> 395 <div class="col-md-6">
396 <div class="pull-left" style="width: 110px;"> 396 <div class="pull-left" style="width: 110px;">
397 <label class="new-input-label"><b>Invoiced</b></label> 397 <label class="new-input-label"><b>Invoiced</b></label>
398 </div> 398 </div>
399 <div class="pull-left" style="width: calc(100% - 110px);"> 399 <div class="pull-left" style="width: calc(100% - 110px);">
400 <input type="text" ng-model="editdata.invoiced" class="form-control" placeholder=""> 400 <input type="text" ng-model="editdata.invoiced" class="form-control" placeholder="">
401 </div> 401 </div>
402 <div class="clearfix"></div> 402 <div class="clearfix"></div>
403 </div> 403 </div>
404 </div> 404 </div>
405 <div class="clearfix"></div> 405 <div class="clearfix"></div>
406 <br/> 406 <br/>
407 <div class="col-xs-12"> 407 <div class="col-xs-12">
408 408
409 <div class="col-md-6"> 409 <div class="col-md-6">
410 <div class="pull-left" style="width: 110px;"> 410 <div class="pull-left" style="width: 110px;">
411 <label class="new-input-label"><b>Total</b></label> 411 <label class="new-input-label"><b>Total</b></label>
412 </div> 412 </div>
413 <div class="pull-left" style="width: calc(100% - 110px);"> 413 <div class="pull-left" style="width: calc(100% - 110px);">
414 <input type="text" class="form-control" placeholder="0.0" value="{{editdata.requestedVolume * editdata.invoiced}}"> 414 <input type="text" class="form-control" placeholder="0.0" value="{{editdata.requestedVolume * editdata.invoiced}}">
415 415
416 </div> 416 </div>
417 <div class="clearfix"></div> 417 <div class="clearfix"></div>
418 </div> 418 </div>
419 <div class="col-md-6"> 419 <div class="col-md-6">
420 <div class="pull-left" style="width: 110px;"> 420 <div class="pull-left" style="width: 110px;">
421 <label class="new-input-label"><b>FBO Cost</b></label> 421 <label class="new-input-label"><b>FBO Cost</b></label>
422 </div> 422 </div>
423 <div class="pull-left" style="width: calc(100% - 110px);"> 423 <div class="pull-left" style="width: calc(100% - 110px);">
424 <input type="text" ng-model="editdata.fboCost" class="form-control" placeholder=""> 424 <input type="text" ng-model="editdata.fboCost" class="form-control" placeholder="">
425 </div> 425 </div>
426 <div class="clearfix"></div> 426 <div class="clearfix"></div>
427 </div> 427 </div>
428 </div> 428 </div>
429 <div class="clearfix"></div> 429 <div class="clearfix"></div>
430 <br/> 430 <br/>
431 <div class="col-xs-12"> 431 <div class="col-xs-12">
432 432
433 433
434 <div class="col-md-6"> 434 <div class="col-md-6">
435 <div class="pull-left" style="width: 110px;"> 435 <div class="pull-left" style="width: 110px;">
436 <label class="new-input-label"><b>Status</b></label> 436 <label class="new-input-label"><b>Status</b></label>
437 </div> 437 </div>
438 <div class="pull-left" style="width: calc(100% - 110px);"> 438 <div class="pull-left" style="width: calc(100% - 110px);">
439 <select ui-select2 ng-model="editdata.status" style="width: 100%;"> 439 <select ui-select2 ng-model="editdata.status" style="width: 100%;">
440 <option value="" selected disabled>Select Status</option> 440 <option value="" selected disabled>Select Status</option>
441 <option>Pending</option> 441 <option>Pending</option>
442 <option>Invoiced</option> 442 <option>Invoiced</option>
443 <option>Paid</option> 443 <option>Paid</option>
444 <option>Cancelled</option> 444 <option>Cancelled</option>
445 <option>Archived</option> 445 <option>Archived</option>
446 </select> 446 </select>
447 </div> 447 </div>
448 <div class="clearfix"></div> 448 <div class="clearfix"></div>
449 </div> 449 </div>
450 </div> 450 </div>
451 <div class="clearfix"></div> 451 <div class="clearfix"></div>
452 <br/> 452 <br/>
453 <div class="col-xs-12"> 453 <div class="col-xs-12">
454 454
455 455
456 </div> 456 </div>
457 <div class="clearfix"></div> 457 <div class="clearfix"></div>
458 <br/> 458 <br/>
459 <div class="col-xs-12"> 459 <div class="col-xs-12">
460 460
461 </div> 461 </div>
462 <div class="clearfix"></div> 462 <div class="clearfix"></div>
463 463
464 </div> 464 </div>
465 </div> 465 </div>
466 <div class="clearfix"></div> 466 <div class="clearfix"></div>
467 </div> 467 </div>
468 </div> 468 </div>
469 </div> 469 </div>
470 </div> 470 </div>
471 471
472 <div class="modal-footer" style="border-top: 0;"> 472 <div class="modal-footer" style="border-top: 0;">
473 <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button> 473 <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button>
474 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData">Save</button> 474 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData">Save</button>
475 </div> 475 </div>
476 </div> 476 </div>
477 </div> 477 </div>
478 </div> 478 </div>
479 </form> 479 </form>
480 480
481 481
482 482
483 <div class="myLoader" ng-show="showLoader"> 483 <div class="myLoader" ng-show="showLoader">
484 <img src="../img/hourglass.gif" width="50px;"> 484 <img src="../img/hourglass.gif" width="50px;">
485 </div> 485 </div>
486 <script src="js/multi-step-modal.js"></script> 486 <script src="js/multi-step-modal.js"></script>
487 <script> 487 <script>
488 sendEvent = function(sel, step) { 488 sendEvent = function(sel, step) {
489 $(sel).trigger('next.m.' + step); 489 $(sel).trigger('next.m.' + step);
490 } 490 }
491 </script> 491 </script>
492 492
app/partials/flightTracking/flightTracking.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(6) > a{ 2 .subnavbar .mainnav > li:nth-child(7) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
4 } 4 }
5 5
6 #map { 6 #map {
7 height: 100%; 7 height: 100%;
8 width: 100%; 8 width: 100%;
9 margin: 0px; 9 margin: 0px;
10 padding: 0px 10 padding: 0px
11 } 11 }
12 12
13 .button1 { 13 .button1 {
14 display: inline-block; 14 display: inline-block;
15 height: 35px; 15 height: 35px;
16 line-height: 35px; 16 line-height: 35px;
17 padding-right: 15px; 17 padding-right: 15px;
18 padding-left: 50px; 18 padding-left: 50px;
19 position: relative; 19 position: relative;
20 background-color:rgb(41,127,184); 20 background-color:rgb(41,127,184);
21 color:rgb(255,255,255); 21 color:rgb(255,255,255);
22 text-decoration: none; 22 text-decoration: none;
23 text-transform: uppercase; 23 text-transform: uppercase;
24 letter-spacing: 1px; 24 letter-spacing: 1px;
25 margin-bottom: 15px; 25 margin-bottom: 15px;
26 border: 0; 26 border: 0;
27 27
28 28
29 border-radius: 5px; 29 border-radius: 5px;
30 -moz-border-radius: 5px; 30 -moz-border-radius: 5px;
31 -webkit-border-radius: 5px; 31 -webkit-border-radius: 5px;
32 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 32 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
33 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 33 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
34 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 34 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
35 35
36 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 36 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
37 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 37 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
38 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 38 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
39 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 39 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
40 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 40 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
41 } 41 }
42 42
43 .button1 span { 43 .button1 span {
44 position: absolute; 44 position: absolute;
45 left: 0; 45 left: 0;
46 top: 0; 46 top: 0;
47 width: 35px; 47 width: 35px;
48 background-color:rgba(0,0,0,0.5); 48 background-color:rgba(0,0,0,0.5);
49 49
50 -webkit-border-top-left-radius: 5px; 50 -webkit-border-top-left-radius: 5px;
51 -webkit-border-bottom-left-radius: 5px; 51 -webkit-border-bottom-left-radius: 5px;
52 -moz-border-radius-topleft: 5px; 52 -moz-border-radius-topleft: 5px;
53 -moz-border-radius-bottomleft: 5px; 53 -moz-border-radius-bottomleft: 5px;
54 border-top-left-radius: 5px; 54 border-top-left-radius: 5px;
55 border-bottom-left-radius: 5px; 55 border-bottom-left-radius: 5px;
56 border-right: 1px solid rgba(0,0,0,0.15); 56 border-right: 1px solid rgba(0,0,0,0.15);
57 } 57 }
58 58
59 .button1:hover span, .button1.active span { 59 .button1:hover span, .button1.active span {
60 background-color:rgb(0,102,26); 60 background-color:rgb(0,102,26);
61 border-right: 1px solid rgba(0,0,0,0.3); 61 border-right: 1px solid rgba(0,0,0,0.3);
62 } 62 }
63 63
64 .button1:active { 64 .button1:active {
65 margin-top: 2px; 65 margin-top: 2px;
66 margin-bottom: 13px; 66 margin-bottom: 13px;
67 67
68 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 68 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
69 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 69 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
70 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 70 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
71 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 71 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
72 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 72 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
73 } 73 }
74 74
75 .button1.turquoise { 75 .button1.turquoise {
76 background: #449d44; 76 background: #449d44;
77 } 77 }
78 78
79 /** style for popup sidebar **/ 79 /** style for popup sidebar **/
80 .left-panel{ 80 .left-panel{
81 width: 0; 81 width: 0;
82 height: 100%; 82 height: 100%;
83 position: absolute; 83 position: absolute;
84 top: 1; 84 top: 1;
85 background-color: White; 85 background-color: White;
86 overflow-x: hidden; 86 overflow-x: hidden;
87 left: 2px; 87 left: 2px;
88 padding: 0; 88 padding: 0;
89 border-radius: 4px 0 0 4px; 89 border-radius: 4px 0 0 4px;
90 } 90 }
91 .left-panel table th, td{ 91 .left-panel table th, td{
92 padding: 10px 0; 92 padding: 10px 0;
93 } 93 }
94 </style> 94 </style>
95 95
96 96
97 97
98 98
99 <div class="main"> 99 <div class="main">
100 <div class="container"> 100 <div class="container">
101 <div class="row"> 101 <div class="row">
102 <div class="col-md-12"> 102 <div class="col-md-12">
103 <div class="widget stacked "> 103 <div class="widget stacked ">
104 <div class="widget-content" style="min-height: 500px"> 104 <div class="widget-content" style="min-height: 500px">
105 <div id="map" style="border: 2px solid #3872ac;"></div> 105 <div id="map" style="border: 2px solid #3872ac;"></div>
106 <div class="left-panel"> 106 <div class="left-panel">
107 <span class="close-left-panel" style="float:right;"><img src="img/back.png"/></span> 107 <span class="close-left-panel" style="float:right;"><img src="img/back.png"/></span>
108 <br><br><br><br> 108 <br><br><br><br>
109 <h1>Aircraft </h1> 109 <h1>Aircraft </h1>
110 <h2><p id="flightid"></p></h2> 110 <h2><p id="flightid"></p></h2>
111 <table class="table-responsive table-striped" style="border-collapse: separate;border-spacing: 2px 2px;"> 111 <table class="table-responsive table-striped" style="border-collapse: separate;border-spacing: 2px 2px;">
112 <tbody> 112 <tbody>
113 <tr> 113 <tr>
114 <td>Path: </td> 114 <td>Path: </td>
115 <td class="text-nowrap"><strong><span id="depid"/>&nbsp;&nbsp; <span class="glyphicon glyphicon-arrow-right"></span>&nbsp;&nbsp; <span id="arrid"/></strong></td> 115 <td class="text-nowrap"><strong><span id="depid"/>&nbsp;&nbsp; <span class="glyphicon glyphicon-arrow-right"></span>&nbsp;&nbsp; <span id="arrid"/></strong></td>
116 </tr> 116 </tr>
117 <tr> 117 <tr>
118 <td>Altitude: </td> 118 <td>Altitude: </td>
119 <td class="text-nowrap"><strong><span id="altid"/>&nbsp;&nbsp; ft </strong></td> 119 <td class="text-nowrap"><strong><span id="altid"/>&nbsp;&nbsp; ft </strong></td>
120 </tr> 120 </tr>
121 <tr> 121 <tr>
122 <td>Speed: </td> 122 <td>Speed: </td>
123 <td class="text-nowrap"><strong><span id="speedid"/> &nbsp;&nbsp;Knots</strong></td> 123 <td class="text-nowrap"><strong><span id="speedid"/> &nbsp;&nbsp;Knots</strong></td>
124 </tr> 124 </tr>
125 <tr> 125 <tr>
126 <td>Departure Time : </td> 126 <td>Departure Time : </td>
127 <td><strong><span id="deptimeid"/><span class="text-muted">(Actual)</span></strong></td> 127 <td><strong><span id="deptimeid"/><span class="text-muted">(Actual)</span></strong></td>
128 </tr> 128 </tr>
129 <tr> 129 <tr>
130 <td>Arrival Time : </td> 130 <td>Arrival Time : </td>
131 <td><strong><span id="arrtimeid"/><span class="text-muted">(Estimated)</span></strong></td> 131 <td><strong><span id="arrtimeid"/><span class="text-muted">(Estimated)</span></strong></td>
132 </tr> 132 </tr>
133 </tbody> 133 </tbody>
134 </table> 134 </table>
135 </div> 135 </div>
136 136
137 <!-- /widget-content --> 137 <!-- /widget-content -->
138 </div> 138 </div>
139 <!-- /widget --> 139 <!-- /widget -->
140 </div> 140 </div>
141 <!-- /span8 --> 141 <!-- /span8 -->
142 </div> 142 </div>
143 <!-- /row --> 143 <!-- /row -->
144 </div> 144 </div>
145 <!-- /container --> 145 <!-- /container -->
146 </div> 146 </div>
147 147
148 <!-- /main --> 148 <!-- /main -->
app/partials/fuelManager/fuelManager.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(2) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #c44646; 3 color: #c44646;
4 } 4 }
5 button > i{ 5 button > i{
6 cursor: pointer !important; 6 cursor: pointer !important;
7 } 7 }
8 button[disabled] > i{ 8 button[disabled] > i{
9 cursor: not-allowed !important; 9 cursor: not-allowed !important;
10 } 10 }
11 </style> 11 </style>
12 <div class="myLoader" ng-show="showLoader"> 12 <div class="myLoader" ng-show="showLoader">
13 <img src="../img/hourglass.gif" width="50px;"> 13 <img src="../img/hourglass.gif" width="50px;">
14 </div> 14 </div>
15 15
16 16
17 17
18 18
19 <div class="container"> 19 <div class="container">
20 <div class="row"> 20 <div class="row">
21 <div class="col-md-10"> 21 <div class="col-md-10">
22 <div class="widget stacked"> 22 <div class="widget stacked">
23 <div class="widget-header"> 23 <div class="widget-header">
24 <i class="fa fa-pencil"></i> 24 <i class="fa fa-pencil"></i>
25 <h3>Ramp Fee Manager</h3> 25 <h3>Ramp Fee Manager</h3>
26 <select style="float: right; margin: 8px 10px;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 26 <select style="float: right; margin: 8px 10px;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
27 <option disabled selected value="">Ramp Fee By Category</option> 27 <option disabled selected value="">Ramp Fee By Category</option>
28 <option ng-repeat="modals in dropOptions" value="{{modals.size}}">{{modals.size}}</option> 28 <option ng-repeat="modals in dropOptions" value="{{modals.size}}">{{modals.size}}</option>
29 </select> 29 </select>
30 </div> 30 </div>
31 <!-- /widget-header --> 31 <!-- /widget-header -->
32 <div class="widget-content new-widget-content"> 32 <div class="widget-content new-widget-content">
33 <section id="accordions1"> 33 <section id="accordions1">
34 <div class="newCustomAccordian"> 34 <div class="newCustomAccordian">
35 35
36 <div class="col-md-9 feeManagerLeft" style="padding: 0;"> 36 <div class="col-md-9 feeManagerLeft" style="padding: 0;">
37 37
38 <div ng-repeat="list in fullJetList"> 38 <div ng-repeat="list in fullJetList">
39 <div class="new-tab-heading"> 39 <div class="new-tab-heading">
40 <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i> 40 <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i>
41 <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i> 41 <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i>
42 <span>{{list.type}}</span> 42 <span>{{list.type}}</span>
43 </div> 43 </div>
44 <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;"> 44 <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;">
45 <div class="new-tab-body-th"> 45 <div class="new-tab-body-th">
46 <div class="col-md-4"> 46 <div class="col-md-4">
47 Aircraft Size 47 Aircraft Size
48 </div> 48 </div>
49 <div class="col-md-2"> 49 <div class="col-md-2">
50 Ramp/Facil. Fee 50 Ramp/Facil. Fee
51 </div> 51 </div>
52 <div class="col-md-2"> 52 <div class="col-md-2">
53 Avoidance 53 Avoidance
54 </div> 54 </div>
55 <div class="col-md-2" ng-if="list.type != 'CUSTOM'"> 55 <div class="col-md-2" ng-if="list.type != 'CUSTOM'">
56 Expiration Date 56 Expiration Date
57 </div> 57 </div>
58 <div class="col-md-2"> 58 <div class="col-md-2">
59 Applicable 59 Applicable
60 </div> 60 </div>
61 <div class="col-md-1" ng-if="list.type == 'CUSTOM'"> 61 <div class="col-md-1" ng-if="list.type == 'CUSTOM'">
62 &nbsp; 62 &nbsp;
63 </div> 63 </div>
64 <div class="clearfix"></div> 64 <div class="clearfix"></div>
65 </div> 65 </div>
66 <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize"> 66 <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize">
67 <div> 67 <div>
68 <div class="col-md-4"> 68 <div class="col-md-4">
69 <i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i> 69 <i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i>
70 <span style="margin-left: 5px;">{{jets.size}}</span> 70 <span style="margin-left: 5px;">{{jets.size}}</span>
71 </div> 71 </div>
72 <div class="col-md-2"> 72 <div class="col-md-2">
73 <div style="width: 50px; margin: auto; position: relative;"> 73 <div style="width: 50px; margin: auto; position: relative;">
74 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" ng-blur="force2decimals(jets.rampFeesAndAvoidance.rampFees)" placeholder="0.00" style="padding: 5px 5px;" decimal-number /> 74 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" ng-blur="force2decimals(jets.rampFeesAndAvoidance.rampFees)" placeholder="0.00" style="padding: 5px 5px;" decimal-number />
75 <span style="position: absolute; top: 0; left: -10;">$</span> 75 <span style="position: absolute; top: 0; left: -10;">$</span>
76 </div> 76 </div>
77 </div> 77 </div>
78 <div class="col-md-2"> 78 <div class="col-md-2">
79 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" style="padding: 5px 5px;"> 79 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" style="padding: 5px 5px;">
80 </div> 80 </div>
81 <div class="col-md-2" ng-if="list.type != 'CUSTOM'"> 81 <div class="col-md-2" ng-if="list.type != 'CUSTOM'">
82 <!-- <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> --> 82 <!-- <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> -->
83 83
84 84
85 <input type="text" ng-if="list.type != 'CUSTOM'" datepicker ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.expirationDate" style="width: 90px; padding: 5px 5px;" /> 85 <input type="text" ng-if="list.type != 'CUSTOM'" datepicker ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.expirationDate" style="width: 90px; padding: 5px 5px;" />
86 86
87 </div> 87 </div>
88 <div class="col-md-2"> 88 <div class="col-md-2">
89 <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> --> 89 <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> -->
90 <div class="onoffswitch"> 90 <div class="onoffswitch">
91 <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable" ng-init="jets.rampFeesAndAvoidance.applicable=true"> 91 <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable" ng-init="jets.rampFeesAndAvoidance.applicable=true">
92 <label class="onoffswitch-label" for="{{jets.id}}{{$index}}"> 92 <label class="onoffswitch-label" for="{{jets.id}}{{$index}}">
93 <span class="onoffswitch-inner"></span> 93 <span class="onoffswitch-inner"></span>
94 <span class="onoffswitch-switch"> 94 <span class="onoffswitch-switch">
95 <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> 95 <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i>
96 <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> 96 <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i>
97 </span> 97 </span>
98 </label> 98 </label>
99 </div> 99 </div>
100 </div> 100 </div>
101 <div class="col-md-1" ng-if="list.type == 'CUSTOM'"> 101 <div class="col-md-1" ng-if="list.type == 'CUSTOM'">
102 <button type="button" ng-disabled="jets.rampFeesAndAvoidance == null" ng-click="deleteCustomJet(jets.rampFeesAndAvoidance.id)" style="border: none; background-color: transparent; padding: 0;"> 102 <button type="button" ng-disabled="jets.rampFeesAndAvoidance == null" ng-click="deleteCustomJet(jets.rampFeesAndAvoidance.id)" style="border: none; background-color: transparent; padding: 0;">
103 <i class="fa fa-trash-o deleteTierIcon" style="cursor: default;" aria-hidden="true"></i> 103 <i class="fa fa-trash-o deleteTierIcon" style="cursor: default;" aria-hidden="true"></i>
104 </button> 104 </button>
105 </div> 105 </div>
106 <div class="clearfix"></div> 106 <div class="clearfix"></div>
107 </div> 107 </div>
108 <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}"> 108 <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}">
109 <div class="col-xs-12"> 109 <div class="col-xs-12">
110 <div class="col-xs-12"> 110 <div class="col-xs-12">
111 <div class="appliesTableHeading">Applies To:</div> 111 <div class="appliesTableHeading">Applies To:</div>
112 <div class="appliesTableBody"> 112 <div class="appliesTableBody">
113 <div class="firstDiv"> 113 <div class="firstDiv">
114 <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts" class="checkLabel">{{aircraftList.model}}<span>,&nbsp;</span></label> 114 <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts" class="checkLabel">{{aircraftList.model}}<span>,&nbsp;</span></label>
115 </div> 115 </div>
116 <div class="lastDiv"> 116 <div class="lastDiv">
117 <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea> 117 <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea>
118 <div class="reportedByTag"> 118 <div class="reportedByTag">
119 <div class="confirmedTag">Confirmed</div> 119 <div class="confirmedTag">Confirmed</div>
120 <table> 120 <table>
121 <tr> 121 <tr>
122 <td width="50%"> 122 <td width="50%">
123 Reported By: 123 Reported By:
124 </td> 124 </td>
125 <td width="50%"> 125 <td width="50%">
126 {{jets.rampFeesAndAvoidance.reportedBy}} 126 {{jets.rampFeesAndAvoidance.reportedBy}}
127 </td> 127 </td>
128 </tr> 128 </tr>
129 <tr> 129 <tr>
130 <td width="50%"> 130 <td width="50%">
131 Reported On: 131 Reported On:
132 </td> 132 </td>
133 <td width="50%"> 133 <td width="50%">
134 <!-- {{jets.rampFeesAndAvoidance.reportedOn}} --> 134 <!-- {{jets.rampFeesAndAvoidance.reportedOn}} -->
135 {{todayDateNew}} 135 {{todayDateNew}}
136 </td> 136 </td>
137 </tr> 137 </tr>
138 <tr> 138 <tr>
139 <td colspan="2"> 139 <td colspan="2">
140 <i>Click the Save Form button to Re-Confirm</i> 140 <i>Click the Save Form button to Re-Confirm</i>
141 </td> 141 </td>
142 </tr> 142 </tr>
143 </table> 143 </table>
144 </div> 144 </div>
145 </div> 145 </div>
146 <div class="clearfix"></div> 146 <div class="clearfix"></div>
147 </div> 147 </div>
148 </div> 148 </div>
149 <div class="clearfix"></div> 149 <div class="clearfix"></div>
150 </div> 150 </div>
151 <div class="clearfix"></div> 151 <div class="clearfix"></div>
152 </div> 152 </div>
153 </div> 153 </div>
154 </div> 154 </div>
155 </div> 155 </div>
156 </div> 156 </div>
157 <div class="col-md-3 text-center feeManagerRight" style="padding: 0;"> 157 <div class="col-md-3 text-center feeManagerRight" style="padding: 0;">
158 <div class="text-center"> 158 <div class="text-center">
159 <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 159 <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
160 <button type="reset" class="btn btn-default">Cancel</button> 160 <button type="reset" class="btn btn-default">Cancel</button>
161 </div> 161 </div>
162 </div> 162 </div>
163 <div class="clearfix"></div> 163 <div class="clearfix"></div>
164 <br/> 164 <br/>
165 </div> 165 </div>
166 </section> 166 </section>
167 </div> 167 </div>
168 <!-- /widget-content --> 168 <!-- /widget-content -->
169 </div> 169 </div>
170 <!-- /widget --> 170 <!-- /widget -->
171 </div> 171 </div>
172 <!-- /span6 --> 172 <!-- /span6 -->
173 </div> 173 </div>
174 <!-- /span12 --> 174 <!-- /span12 -->
175 </div> <!-- /container 2 --> 175 </div> <!-- /container 2 -->
176 176
177 <div ng-show="openRampFeeModal"> 177 <div ng-show="openRampFeeModal">
178 <div class="customBackdrop"> 178 <div class="customBackdrop">
179 <div class="customModalInner"> 179 <div class="customModalInner">
180 <div class="customModelHead"> 180 <div class="customModelHead">
181 <p class="pull-left"> 181 <p class="pull-left">
182 <i class="fa fa-list-alt" aria-hidden="true"></i> 182 <i class="fa fa-list-alt" aria-hidden="true"></i>
183 Add Ramp Fee 183 Add Ramp Fee
184 </p> 184 </p>
185 <p class="pull-right"> 185 <p class="pull-right">
186 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeRampFeeModel()"></i> 186 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeRampFeeModel()"></i>
187 </p> 187 </p>
188 <div class="clearfix"></div> 188 <div class="clearfix"></div>
189 </div> 189 </div>
190 <div class="customModelBody"> 190 <div class="customModelBody">
191 191
192 <div ng-show="showWeightForm"> 192 <div ng-show="showWeightForm">
193 193
194 <div class="col-xs-12 col-sm-4"> 194 <div class="col-xs-12 col-sm-4">
195 Type: 195 Type:
196 </div> 196 </div>
197 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 197 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
198 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 198 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
199 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 199 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
200 </select> 200 </select>
201 </div> 201 </div>
202 <div class="clearfix"></div> 202 <div class="clearfix"></div>
203 <br/> 203 <br/>
204 204
205 <div> 205 <div>
206 <div class="col-xs-12 col-sm-4"> 206 <div class="col-xs-12 col-sm-4">
207 Weight Range Min: 207 Weight Range Min:
208 </div> 208 </div>
209 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 209 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
210 <input type="number" value="0.00" ng-model="customRampData.weightRangeMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 210 <input type="number" value="0.00" ng-model="customRampData.weightRangeMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
211 </div> 211 </div>
212 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 212 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
213 lbs. 213 lbs.
214 </div> 214 </div>
215 <div class="clearfix"></div> 215 <div class="clearfix"></div>
216 <br/> 216 <br/>
217 <div class="col-xs-12 col-sm-4"> 217 <div class="col-xs-12 col-sm-4">
218 Weight Range Max: 218 Weight Range Max:
219 </div> 219 </div>
220 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 220 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
221 <input type="number" value="0.00" ng-model="customRampData.weightRangeMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 221 <input type="number" value="0.00" ng-model="customRampData.weightRangeMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
222 </div> 222 </div>
223 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 223 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
224 lbs. 224 lbs.
225 </div> 225 </div>
226 <div class="clearfix"></div> 226 <div class="clearfix"></div>
227 <br/> 227 <br/>
228 </div> 228 </div>
229 229
230 <div> 230 <div>
231 <div class="col-xs-12 col-sm-4"> 231 <div class="col-xs-12 col-sm-4">
232 Ramp/Facil. Fee($): 232 Ramp/Facil. Fee($):
233 </div> 233 </div>
234 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 234 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
235 <input type="number" value="0" ng-model="customRampData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 235 <input type="number" value="0" ng-model="customRampData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
236 </div> 236 </div>
237 <div class="clearfix"></div> 237 <div class="clearfix"></div>
238 <br/> 238 <br/>
239 </div> 239 </div>
240 <div> 240 <div>
241 <div class="col-xs-12 col-sm-4"> 241 <div class="col-xs-12 col-sm-4">
242 Avoidance: 242 Avoidance:
243 </div> 243 </div>
244 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 244 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
245 <input type="number" value="0" ng-model="customRampData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 245 <input type="number" value="0" ng-model="customRampData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
246 </div> 246 </div>
247 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 247 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
248 gal. 248 gal.
249 </div> 249 </div>
250 <div class="clearfix"></div> 250 <div class="clearfix"></div>
251 </div> 251 </div>
252 252
253 </div> 253 </div>
254 254
255 <div ng-show="showMakeModelForm"> 255 <div ng-show="showMakeModelForm">
256 256
257 <div class="col-xs-12 col-sm-4"> 257 <div class="col-xs-12 col-sm-4">
258 Type: 258 Type:
259 </div> 259 </div>
260 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 260 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
261 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 261 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
262 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 262 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
263 </select> 263 </select>
264 </div> 264 </div>
265 <div class="clearfix"></div> 265 <div class="clearfix"></div>
266 <br/> 266 <br/>
267 267
268 <div> 268 <div>
269 <div class="col-xs-12 col-sm-4"> 269 <div class="col-xs-12 col-sm-4">
270 Aircraft Make: 270 Aircraft Make:
271 </div> 271 </div>
272 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 272 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
273 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customMakeData.aircraftMake"> 273 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customMakeData.aircraftMake">
274 <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> 274 <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option>
275 </select> 275 </select>
276 </div> 276 </div>
277 <div class="clearfix"></div> 277 <div class="clearfix"></div>
278 <br/> 278 <br/>
279 </div> 279 </div>
280 280
281 <div> 281 <div>
282 <div class="col-xs-12 col-sm-4"> 282 <div class="col-xs-12 col-sm-4">
283 Ramp/Facil. Fee($): 283 Ramp/Facil. Fee($):
284 </div> 284 </div>
285 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 285 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
286 <input type="number" value="0" ng-model="customMakeData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 286 <input type="number" value="0" ng-model="customMakeData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
287 </div> 287 </div>
288 <div class="clearfix"></div> 288 <div class="clearfix"></div>
289 <br/> 289 <br/>
290 </div> 290 </div>
291 <div> 291 <div>
292 <div class="col-xs-12 col-sm-4"> 292 <div class="col-xs-12 col-sm-4">
293 Avoidance: 293 Avoidance:
294 </div> 294 </div>
295 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 295 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
296 <input type="number" value="0" ng-model="customMakeData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 296 <input type="number" value="0" ng-model="customMakeData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
297 </div> 297 </div>
298 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 298 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
299 gal. 299 gal.
300 </div> 300 </div>
301 <div class="clearfix"></div> 301 <div class="clearfix"></div>
302 </div> 302 </div>
303 303
304 </div> 304 </div>
305 305
306 <div ng-show="showWingspanForm"> 306 <div ng-show="showWingspanForm">
307 307
308 <div class="col-xs-12 col-sm-4"> 308 <div class="col-xs-12 col-sm-4">
309 Type: 309 Type:
310 </div> 310 </div>
311 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 311 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
312 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 312 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
313 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 313 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
314 </select> 314 </select>
315 </div> 315 </div>
316 <div class="clearfix"></div> 316 <div class="clearfix"></div>
317 <br/> 317 <br/>
318 318
319 <div> 319 <div>
320 <div class="col-xs-12 col-sm-4"> 320 <div class="col-xs-12 col-sm-4">
321 Wingspan Min: 321 Wingspan Min:
322 </div> 322 </div>
323 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 323 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
324 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 324 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
325 </div> 325 </div>
326 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 326 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
327 ft. 327 ft.
328 </div> 328 </div>
329 <div class="clearfix"></div> 329 <div class="clearfix"></div>
330 <br/> 330 <br/>
331 <div class="col-xs-12 col-sm-4"> 331 <div class="col-xs-12 col-sm-4">
332 Wingspan Max: 332 Wingspan Max:
333 </div> 333 </div>
334 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 334 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
335 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 335 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
336 </div> 336 </div>
337 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 337 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
338 ft. 338 ft.
339 </div> 339 </div>
340 <div class="clearfix"></div> 340 <div class="clearfix"></div>
341 <br/> 341 <br/>
342 </div> 342 </div>
343 343
344 <div> 344 <div>
345 <div class="col-xs-12 col-sm-4"> 345 <div class="col-xs-12 col-sm-4">
346 Ramp/Facil. Fee($): 346 Ramp/Facil. Fee($):
347 </div> 347 </div>
348 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 348 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
349 <input type="number" value="0" ng-model="customWingspanData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 349 <input type="number" value="0" ng-model="customWingspanData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
350 </div> 350 </div>
351 <div class="clearfix"></div> 351 <div class="clearfix"></div>
352 <br/> 352 <br/>
353 </div> 353 </div>
354 <div> 354 <div>
355 <div class="col-xs-12 col-sm-4"> 355 <div class="col-xs-12 col-sm-4">
356 Avoidance: 356 Avoidance:
357 </div> 357 </div>
358 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 358 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
359 <input type="number" value="0" ng-model="customWingspanData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 359 <input type="number" value="0" ng-model="customWingspanData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
360 </div> 360 </div>
361 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 361 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
362 gal. 362 gal.
363 </div> 363 </div>
364 <div class="clearfix"></div> 364 <div class="clearfix"></div>
365 </div> 365 </div>
366 366
367 </div> 367 </div>
368 368
369 <div ng-show="showTailForm"> 369 <div ng-show="showTailForm">
370 370
371 <div class="col-xs-12 col-sm-4"> 371 <div class="col-xs-12 col-sm-4">
372 Type: 372 Type:
373 </div> 373 </div>
374 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 374 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
375 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 375 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
376 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 376 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
377 </select> 377 </select>
378 </div> 378 </div>
379 <div class="clearfix"></div> 379 <div class="clearfix"></div>
380 <br/> 380 <br/>
381 381
382 <div> 382 <div>
383 <div class="col-xs-12 col-sm-4"> 383 <div class="col-xs-12 col-sm-4">
384 Tail Numbers: 384 Tail Numbers:
385 </div> 385 </div>
386 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 386 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
387 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customTailData.tailNumber"> 387 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customTailData.tailNumber">
388 <!-- <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> --> 388 <!-- <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> -->
389 </select> 389 </select>
390 </div> 390 </div>
391 <div class="clearfix"></div> 391 <div class="clearfix"></div>
392 <br/> 392 <br/>
393 </div> 393 </div>
394 394
395 <div> 395 <div>
396 <div class="col-xs-12 col-sm-4"> 396 <div class="col-xs-12 col-sm-4">
397 Ramp/Facil. Fee($): 397 Ramp/Facil. Fee($):
398 </div> 398 </div>
399 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 399 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
400 <input type="number" value="0" ng-model="customTailData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 400 <input type="number" value="0" ng-model="customTailData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
401 </div> 401 </div>
402 <div class="clearfix"></div> 402 <div class="clearfix"></div>
403 <br/> 403 <br/>
404 </div> 404 </div>
405 <div> 405 <div>
406 <div class="col-xs-12 col-sm-4"> 406 <div class="col-xs-12 col-sm-4">
407 Avoidance: 407 Avoidance:
408 </div> 408 </div>
409 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 409 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
410 <input type="number" value="0" ng-model="customTailData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 410 <input type="number" value="0" ng-model="customTailData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
411 </div> 411 </div>
412 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 412 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
413 gal. 413 gal.
414 </div> 414 </div>
415 <div class="clearfix"></div> 415 <div class="clearfix"></div>
416 </div> 416 </div>
417 417
418 </div> 418 </div>
419 419
420 </div> 420 </div>
421 <div class="customModelFooter text-center"> 421 <div class="customModelFooter text-center">
422 <input type="submit" value="Save" class="btn" ng-show="showWeightForm" ng-click="addCustomRampNew(customRampData)"> 422 <input type="submit" value="Save" class="btn" ng-show="showWeightForm" ng-click="addCustomRampNew(customRampData)">
423 <input type="submit" value="Save" class="btn" ng-show="showMakeModelForm" ng-click="addCustomRampNew(customMakeData)"> 423 <input type="submit" value="Save" class="btn" ng-show="showMakeModelForm" ng-click="addCustomRampNew(customMakeData)">
424 <input type="submit" value="Save" class="btn" ng-show="showWingspanForm" ng-click="addCustomRampNew(customWingspanData)"> 424 <input type="submit" value="Save" class="btn" ng-show="showWingspanForm" ng-click="addCustomRampNew(customWingspanData)">
425 <input type="submit" value="Save" class="btn" ng-show="showTailForm" ng-click="addCustomRampNew(customTailData)"> 425 <input type="submit" value="Save" class="btn" ng-show="showTailForm" ng-click="addCustomRampNew(customTailData)">
426 <button class="btn" ng-click="closeRampFeeModel()">Cancel</button> 426 <button class="btn" ng-click="closeRampFeeModel()">Cancel</button>
427 </div> 427 </div>
428 </div> 428 </div>
429 </div> 429 </div>
430 </div> 430 </div>
431 431
432 <div class="customConfirmPopBackdrop" id="confirm1"> 432 <div class="customConfirmPopBackdrop" id="confirm1">
433 <div class="customModalInner"> 433 <div class="customModalInner">
434 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 434 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
435 <table> 435 <table>
436 <tr> 436 <tr>
437 <td> 437 <td>
438 <img src="img/info.png" style="width: 50px;"> 438 <img src="img/info.png" style="width: 50px;">
439 </td> 439 </td>
440 <td> 440 <td>
441 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Ramp Fee Template ?</p> 441 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Ramp Fee Template ?</p>
442 </td> 442 </td>
443 </tr> 443 </tr>
444 </table> 444 </table>
445 </div> 445 </div>
446 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 446 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
447 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 447 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
448 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 448 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
449 </div> 449 </div>
450 </div> 450 </div>
451 </div> 451 </div>
452 452
453 453
454 454
455 455
456 <!-- Le javascript 456 <!-- Le javascript
457 ================================================== --> 457 ================================================== -->
458 <!-- Placed at the end of the document so the pages load faster --> 458 <!-- Placed at the end of the document so the pages load faster -->
459 459
460 460
461 461
462 <script src="js/jquery-3.1.1.min.js"></script> 462 <script src="js/jquery-3.1.1.min.js"></script>
463 <script src="js/plugins/bootstrap-datepicker.js"></script> 463 <script src="js/plugins/bootstrap-datepicker.js"></script>
464 <script type="text/javascript"> 464 <script type="text/javascript">
465 $(document).ready(function(){ 465 $(document).ready(function(){
466 $('#data_1 .input-group.date').datepicker({ 466 $('#data_1 .input-group.date').datepicker({
467 todayBtn: "linked", 467 todayBtn: "linked",
468 keyboardNavigation: false, 468 keyboardNavigation: false,
469 forceParse: false, 469 forceParse: false,
470 calendarWeeks: true, 470 calendarWeeks: true,
471 autoclose: true 471 autoclose: true
472 }); 472 });
473 }) 473 })
474 </script> 474 </script>
app/partials/fuelOrders/fuelOrders.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(2) > 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 | 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="{departingDate: 'text'}" sortable="'departingDate'" ng-click="editTableRow(row)"> 98 <td data-title="'Fueling date'" filter="{departingDate: 'text'}" sortable="'departingDate'" ng-click="editTableRow(row)">
99 {{row.upliftDateString}} 99 {{row.upliftDateString}}
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)"> 123 <select class="btn btn-regular colorfulSelectbox" ng-model="row.status" ng-style="abc" ng-change="updateStatus(row, row.status)">
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 </td> 130 </td>
131 <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '"> 131 <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '">
132 <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" > 132 <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" >
133 <option value="" disabled selected="selected" >Invoice</option> 133 <option value="" disabled selected="selected" >Invoice</option>
134 <option value="viewAttachment" ng-if="row.orderInvoice !== null" >View</option> 134 <option value="viewAttachment" ng-if="row.orderInvoice !== null" >View</option>
135 <option value="deleteAttachment" ng-if="row.orderInvoice !== null">Delete</option> 135 <option value="deleteAttachment" ng-if="row.orderInvoice !== null">Delete</option>
136 <option value="0" disabled >_____________</option> 136 <option value="0" disabled >_____________</option>
137 <option value="uploadAttachment" >Upload</option> 137 <option value="uploadAttachment" >Upload</option>
138 </select> 138 </select>
139 <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i> 139 <i class="fa fa-paperclip" ng-if="row.orderInvoice !== null"></i>
140 </td> 140 </td>
141 </tr> 141 </tr>
142 </table> 142 </table>
143 143
144 <select class="btn btn-primary exportBtn" ng-model="optionSelected" ng-change="onFWSelect()"> 144 <select class="btn btn-primary exportBtn" ng-model="optionSelected" ng-change="onFWSelect()">
145 <option value="" disabled selected="selected">Fuel Widget</option> 145 <option value="" disabled selected="selected">Fuel Widget</option>
146 <option value="dt" >Direct Transaction</option> 146 <option value="dt" >Direct Transaction</option>
147 <option value="efo" >Export Fuel Orders</option> 147 <option value="efo" >Export Fuel Orders</option>
148 </select> 148 </select>
149 149
150 </div> 150 </div>
151 </div> 151 </div>
152 </div> 152 </div>
153 </div> 153 </div>
154 <!-- /widget-content --> 154 <!-- /widget-content -->
155 </div> 155 </div>
156 <!-- /widget --> 156 <!-- /widget -->
157 </div> 157 </div>
158 <!-- /span8 --> 158 <!-- /span8 -->
159 </div> 159 </div>
160 <!-- /row --> 160 <!-- /row -->
161 </div> 161 </div>
162 <!-- /container --> 162 <!-- /container -->
163 163
164 164
165 </div> 165 </div>
166 <!-- /main --> 166 <!-- /main -->
167 167
168 168
169 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 169 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
170 <div class="modal-dialog modal-lg"> 170 <div class="modal-dialog modal-lg">
171 <div class="modal-content"> 171 <div class="modal-content">
172 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 172 <div class="modal-body step-1" data-step="1" style="padding: 0;">
173 <div> 173 <div>
174 <div class="row" style="margin: 0;"> 174 <div class="row" style="margin: 0;">
175 <div> 175 <div>
176 <div class="widget" style="margin-bottom: 0;"> 176 <div class="widget" style="margin-bottom: 0;">
177 <div class="widget-header"> 177 <div class="widget-header">
178 <i class="icon-pencil"></i> 178 <i class="icon-pencil"></i>
179 <i class="fa fa-tasks" aria-hidden="true"></i> 179 <i class="fa fa-tasks" aria-hidden="true"></i>
180 <h3>Add a New Company</h3> 180 <h3>Add a New Company</h3>
181 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 181 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
182 <div style="color: #ff9a01;">Activate &nbsp &nbsp 182 <div style="color: #ff9a01;">Activate &nbsp &nbsp
183 <toggle ng-model="data.activate" size="customToogle"></toggle> 183 <toggle ng-model="data.activate" size="customToogle"></toggle>
184 </div> 184 </div>
185 </div> 185 </div>
186 <div class="clearfix"></div> 186 <div class="clearfix"></div>
187 </div> 187 </div>
188 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 188 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
189 <div class="col-xs-12"> 189 <div class="col-xs-12">
190 <div class="col-md-8"> 190 <div class="col-md-8">
191 <div class="pull-left"> 191 <div class="pull-left">
192 <label class="new-input-label"><b>Company Name *</b></label> 192 <label class="new-input-label"><b>Company Name *</b></label>
193 </div> 193 </div>
194 <div class="pull-left" style="margin-left: 15px;"> 194 <div class="pull-left" style="margin-left: 15px;">
195 <!-- <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> --> 195 <!-- <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> -->
196 <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"> 196 <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 197
198 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 198 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
199 </div> 199 </div>
200 <div class="clearfix"></div> 200 <div class="clearfix"></div>
201 </div> 201 </div>
202 <div class="col-md-4"> 202 <div class="col-md-4">
203 203
204 <div class="pull-right"> 204 <div class="pull-right">
205 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 205 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
206 </div> 206 </div>
207 <div class="pull-right"> 207 <div class="pull-right">
208 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 208 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
209 </div> 209 </div>
210 <div class="clearfix"></div> 210 <div class="clearfix"></div>
211 </div> 211 </div>
212 </div> 212 </div>
213 <div class="clearfix"></div><br> 213 <div class="clearfix"></div><br>
214 <div class="col-xs-12"> 214 <div class="col-xs-12">
215 <div class="col-md-7"> 215 <div class="col-md-7">
216 <div class="pull-left"> 216 <div class="pull-left">
217 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 217 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
218 </div> 218 </div>
219 <div class="pull-left" style="margin-left: 32px;"> 219 <div class="pull-left" style="margin-left: 32px;">
220 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 220 <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.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 221 <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.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 222 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
223 </div> 223 </div>
224 <div class="clearfix"></div> 224 <div class="clearfix"></div>
225 </div> 225 </div>
226 <div class="col-md-2 Airport" style="text-align: right;"> 226 <div class="col-md-2 Airport" style="text-align: right;">
227 <b>Certificate Type</b> 227 <b>Certificate Type</b>
228 </div> 228 </div>
229 <div class="col-md-3 Airport"> 229 <div class="col-md-3 Airport">
230 <select required class="form-control" ng-model="data.certificateType"> 230 <select required class="form-control" ng-model="data.certificateType">
231 <option value="" disabled selected hidden>Select...</option> 231 <option value="" disabled selected hidden>Select...</option>
232 <option value="corporate">Part 91 (Corporate)</option> 232 <option value="corporate">Part 91 (Corporate)</option>
233 <option value="charter">Part 135 (Charter)</option> 233 <option value="charter">Part 135 (Charter)</option>
234 <option value="scheduled">Part 121 (Scheduled)</option> 234 <option value="scheduled">Part 121 (Scheduled)</option>
235 <option value="military">Military</option> 235 <option value="military">Military</option>
236 <option value="government">Government</option> 236 <option value="government">Government</option>
237 </select> 237 </select>
238 </div> 238 </div>
239 <div class="clearfix"></div> 239 <div class="clearfix"></div>
240 </div> 240 </div>
241 <div class="clearfix"></div> 241 <div class="clearfix"></div>
242 <br/> 242 <br/>
243 <div class="col-xs-12"> 243 <div class="col-xs-12">
244 <div class="col-md-6"> 244 <div class="col-md-6">
245 <div class="pull-left" style="width: 110px;"> 245 <div class="pull-left" style="width: 110px;">
246 <b>JET A Margin *</b> 246 <b>JET A Margin *</b>
247 </div> 247 </div>
248 <div class="pull-left"> 248 <div class="pull-left">
249 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 249 <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 <option value="" disabled>Select...</option> 250 <option value="" disabled>Select...</option>
251 </select> 251 </select>
252 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 252 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
253 253
254 <div class="clearfix"></div> 254 <div class="clearfix"></div>
255 </div> 255 </div>
256 </div> 256 </div>
257 257
258 <div class="col-md-3 Airport" style="text-align: right;"> 258 <div class="col-md-3 Airport" style="text-align: right;">
259 <b>AVGAS 100LL Margin</b> 259 <b>AVGAS 100LL Margin</b>
260 </div> 260 </div>
261 <div class="col-md-3 Airport"> 261 <div class="col-md-3 Airport">
262 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 262 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
263 <option value="" disabled>Select...</option> 263 <option value="" disabled>Select...</option>
264 </select> 264 </select>
265 </div> 265 </div>
266 <div class="clearfix"></div> 266 <div class="clearfix"></div>
267 </div> 267 </div>
268 <div class="clearfix"></div> 268 <div class="clearfix"></div>
269 <br/> 269 <br/>
270 <div class="col-xs-12"> 270 <div class="col-xs-12">
271 <div class="col-md-12"> 271 <div class="col-md-12">
272 <div class="pull-left" style="width: 110px;"> 272 <div class="pull-left" style="width: 110px;">
273 <label class="new-input-label"><b>Address</b></label> 273 <label class="new-input-label"><b>Address</b></label>
274 </div> 274 </div>
275 <div class="pull-left" style="width: calc(100% - 110px);"> 275 <div class="pull-left" style="width: calc(100% - 110px);">
276 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 276 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
277 </div> 277 </div>
278 <div class="clearfix"></div> 278 <div class="clearfix"></div>
279 </div> 279 </div>
280 </div> 280 </div>
281 <div class="clearfix"></div> 281 <div class="clearfix"></div>
282 <br/> 282 <br/>
283 <div class="col-xs-12"> 283 <div class="col-xs-12">
284 <div class="col-md-12"> 284 <div class="col-md-12">
285 <div class="pull-left" style="width: 110px;"> 285 <div class="pull-left" style="width: 110px;">
286 <label class="new-input-label"><b>Address2</b></label> 286 <label class="new-input-label"><b>Address2</b></label>
287 </div> 287 </div>
288 <div class="pull-left" style="width: calc(100% - 110px);"> 288 <div class="pull-left" style="width: calc(100% - 110px);">
289 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 289 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
290 </div> 290 </div>
291 <div class="clearfix"></div> 291 <div class="clearfix"></div>
292 </div> 292 </div>
293 </div> 293 </div>
294 <div class="clearfix"></div> 294 <div class="clearfix"></div>
295 <br/> 295 <br/>
296 <div class="col-xs-12"> 296 <div class="col-xs-12">
297 297
298 <div class="col-md-6"> 298 <div class="col-md-6">
299 <div class="pull-left" style="width: 110px;"> 299 <div class="pull-left" style="width: 110px;">
300 <label class="new-input-label"><b>City</b></label> 300 <label class="new-input-label"><b>City</b></label>
301 </div> 301 </div>
302 <div class="pull-left" style="width: calc(100% - 110px);"> 302 <div class="pull-left" style="width: calc(100% - 110px);">
303 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 303 <input type="text" ng-model="data.city" class="form-control" placeholder="">
304 </div> 304 </div>
305 <div class="clearfix"></div> 305 <div class="clearfix"></div>
306 </div> 306 </div>
307 <div class="col-md-3"> 307 <div class="col-md-3">
308 <div class="pull-left" style="width: 40px;"> 308 <div class="pull-left" style="width: 40px;">
309 <label class="new-input-label"><b>State</b></label> 309 <label class="new-input-label"><b>State</b></label>
310 </div> 310 </div>
311 <div class="pull-left" style="width: calc(100% - 110px);"> 311 <div class="pull-left" style="width: calc(100% - 110px);">
312 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 312 <input type="text" ng-model="data.state" class="form-control" placeholder="">
313 </div> 313 </div>
314 <div class="clearfix"></div> 314 <div class="clearfix"></div>
315 </div> 315 </div>
316 <div class="col-md-3"> 316 <div class="col-md-3">
317 <div class="pull-left"> 317 <div class="pull-left">
318 <label class="new-input-label"><b>Zip Code</b></label> 318 <label class="new-input-label"><b>Zip Code</b></label>
319 </div> 319 </div>
320 <div class="pull-right" style="width: calc(100% - 60px);"> 320 <div class="pull-right" style="width: calc(100% - 60px);">
321 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 321 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
322 </div> 322 </div>
323 <div class="clearfix"></div> 323 <div class="clearfix"></div>
324 </div> 324 </div>
325 </div> 325 </div>
326 <div class="clearfix"></div> 326 <div class="clearfix"></div>
327 <br/> 327 <br/>
328 <div class="col-xs-12"> 328 <div class="col-xs-12">
329 329
330 <div class="col-md-6"> 330 <div class="col-md-6">
331 <div class="pull-left" style="width: 110px;"> 331 <div class="pull-left" style="width: 110px;">
332 <label class="new-input-label"><b>Country</b></label> 332 <label class="new-input-label"><b>Country</b></label>
333 </div> 333 </div>
334 <div class="pull-left" style="width: calc(100% - 110px);"> 334 <div class="pull-left" style="width: calc(100% - 110px);">
335 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 335 <input type="text" ng-model="data.country" class="form-control" placeholder="">
336 </div> 336 </div>
337 <div class="clearfix"></div> 337 <div class="clearfix"></div>
338 </div> 338 </div>
339 <div class="col-md-6"> 339 <div class="col-md-6">
340 <div class="pull-left" style="width: 110px;"> 340 <div class="pull-left" style="width: 110px;">
341 <label class="new-input-label"><b>Internal Note</b></label> 341 <label class="new-input-label"><b>Internal Note</b></label>
342 </div> 342 </div>
343 <div class="pull-left" style="width: calc(100% - 110px);"> 343 <div class="pull-left" style="width: calc(100% - 110px);">
344 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 344 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
345 </div> 345 </div>
346 <div class="clearfix"></div> 346 <div class="clearfix"></div>
347 </div> 347 </div>
348 </div> 348 </div>
349 <div class="clearfix"></div> 349 <div class="clearfix"></div>
350 <!-- <br/> 350 <!-- <br/>
351 <div class="col-xs-12"> 351 <div class="col-xs-12">
352 <div class="col-md-2 Airport"></div> 352 <div class="col-md-2 Airport"></div>
353 <div class="col-md-10 Airport"> 353 <div class="col-md-10 Airport">
354 <div class="pull-right"> 354 <div class="pull-right">
355 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 355 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
356 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 356 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
357 </div> 357 </div>
358 </div> 358 </div>
359 </div> --> 359 </div> -->
360 </div> 360 </div>
361 </div> 361 </div>
362 <div class="clearfix"></div> 362 <div class="clearfix"></div>
363 </div> 363 </div>
364 </div> 364 </div>
365 </div> 365 </div>
366 </div> 366 </div>
367 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 367 <div class="modal-body step-2" data-step="2" style="padding: 0;">
368 <div> 368 <div>
369 <div class="row" style="margin: 0;"> 369 <div class="row" style="margin: 0;">
370 <div> 370 <div>
371 <div class="widget" style="margin-bottom: 0;"> 371 <div class="widget" style="margin-bottom: 0;">
372 <div class="widget-header"> 372 <div class="widget-header">
373 <i class="icon-pencil"></i> 373 <i class="icon-pencil"></i>
374 <i class="fa fa-tasks" aria-hidden="true"></i> 374 <i class="fa fa-tasks" aria-hidden="true"></i>
375 <h3>Add a New Company</h3> 375 <h3>Add a New Company</h3>
376 <div class="clearfix"></div> 376 <div class="clearfix"></div>
377 </div> 377 </div>
378 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 378 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
379 <div class="col-xs-12"> 379 <div class="col-xs-12">
380 <div class="widget-header"> 380 <div class="widget-header">
381 <i class="fa fa-list"></i> 381 <i class="fa fa-list"></i>
382 <h3>Aircraft List</h3> 382 <h3>Aircraft List</h3>
383 </div> 383 </div>
384 <div class="widget-content" style="padding:0px;border: 0px; "> 384 <div class="widget-content" style="padding:0px;border: 0px; ">
385 <div class="table-responsive"> 385 <div class="table-responsive">
386 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 386 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
387 <thead> 387 <thead>
388 <tr> 388 <tr>
389 <th>Tail</th> 389 <th>Tail</th>
390 <th>Make</th> 390 <th>Make</th>
391 <th>Model</th> 391 <th>Model</th>
392 <th>Size</th> 392 <th>Size</th>
393 <th>Margin</th> 393 <th>Margin</th>
394 </tr> 394 </tr>
395 </thead> 395 </thead>
396 <tbody> 396 <tbody>
397 <tr> 397 <tr>
398 <td> 398 <td>
399 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 399 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
400 </td> 400 </td>
401 <td style="width: 25%;"> 401 <td style="width: 25%;">
402 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 402 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
403 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 403 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
404 </select> 404 </select>
405 </td> 405 </td>
406 <td style="width: 20%;"> 406 <td style="width: 20%;">
407 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 407 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
408 <option ng-repeat="model in aircraftModalList">{{model}}</option> 408 <option ng-repeat="model in aircraftModalList">{{model}}</option>
409 </select> 409 </select>
410 </td> 410 </td>
411 <td style="width: 25%;"> 411 <td style="width: 25%;">
412 <select class="form-control" ng-model="aircraft.size"> 412 <select class="form-control" ng-model="aircraft.size">
413 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 413 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
414 </select> 414 </select>
415 </td> 415 </td>
416 <td> 416 <td>
417 <select class="form-control"> 417 <select class="form-control">
418 <option>Margin1</option> 418 <option>Margin1</option>
419 <option>Margin2</option> 419 <option>Margin2</option>
420 </select> 420 </select>
421 </td> 421 </td>
422 </tr> 422 </tr>
423 </tbody> 423 </tbody>
424 424
425 </table> --> 425 </table> -->
426 <table class="table table-striped table-bordered"> 426 <table class="table table-striped table-bordered">
427 <thead> 427 <thead>
428 <tr> 428 <tr>
429 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 429 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
430 <th>Tail</th> 430 <th>Tail</th>
431 <th>Make</th> 431 <th>Make</th>
432 <th>Model</th> 432 <th>Model</th>
433 <th>Size</th> 433 <th>Size</th>
434 <th>JET A Margin</th> 434 <th>JET A Margin</th>
435 <th>AVGS 100LL Margin</th> 435 <th>AVGS 100LL Margin</th>
436 </tr> 436 </tr>
437 </thead> 437 </thead>
438 <tbody> 438 <tbody>
439 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 439 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
440 <!-- <td> 440 <!-- <td>
441 <input type="checkbox" ng-model="aircraftData.selected"/> 441 <input type="checkbox" ng-model="aircraftData.selected"/>
442 </td> --> 442 </td> -->
443 <td style="width: 15%"> 443 <td style="width: 15%">
444 <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> 444 <input type="text" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/>
445 </td> 445 </td>
446 <td style="width: 17%"> 446 <td style="width: 17%">
447 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 447 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
448 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option> 448 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option>
449 <option value="" disabled>Select...</option> 449 <option value="" disabled>Select...</option>
450 </select> 450 </select>
451 </td> 451 </td>
452 <td style="width: 17%"> 452 <td style="width: 17%">
453 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 453 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
454 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> 454 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option>
455 <option value="" disabled>Select...</option> 455 <option value="" disabled>Select...</option>
456 </select> 456 </select>
457 </td> 457 </td>
458 <td style="width: 17%"> 458 <td style="width: 17%">
459 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> 459 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList">
460 <option value="" disabled>Select...</option> 460 <option value="" disabled>Select...</option>
461 </select> --> 461 </select> -->
462 <select class="form-control" ng-model="aircraftData.sizeId"> 462 <select class="form-control" ng-model="aircraftData.sizeId">
463 <option value="" disabled>Select</option> 463 <option value="" disabled>Select</option>
464 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> 464 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option>
465 </select> 465 </select>
466 <!-- <select class="form-control" ng-model="aircraftData.size"> 466 <!-- <select class="form-control" ng-model="aircraftData.size">
467 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 467 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
468 </select> --> 468 </select> -->
469 </td> 469 </td>
470 <td style="width: 17%"> 470 <td style="width: 17%">
471 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> 471 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList">
472 <option value="" disabled>Select...</option> 472 <option value="" disabled>Select...</option>
473 </select> --> 473 </select> -->
474 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> 474 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]">
475 <option value="" disabled>Select</option> 475 <option value="" disabled>Select</option>
476 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 476 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
477 </select> 477 </select>
478 </td> 478 </td>
479 <td style="width: 17%"> 479 <td style="width: 17%">
480 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 480 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
481 <option value="" disabled>Select...</option> 481 <option value="" disabled>Select...</option>
482 </select> --> 482 </select> -->
483 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> 483 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]">
484 <option value="" disabled>Select</option> 484 <option value="" disabled>Select</option>
485 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> 485 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option>
486 </select> 486 </select>
487 </td> 487 </td>
488 </tr> 488 </tr>
489 </tbody> 489 </tbody>
490 </table> 490 </table>
491 </div> 491 </div>
492 <div class="clearfix"></div> 492 <div class="clearfix"></div>
493 </div> 493 </div>
494 </div> 494 </div>
495 <div class="clearfix"></div> 495 <div class="clearfix"></div>
496 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 496 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
497 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 497 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
498 </div> 498 </div>
499 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 499 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
500 <div class="pull-right"> 500 <div class="pull-right">
501 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 501 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
502 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 502 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
503 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 503 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
504 </div> 504 </div>
505 </div> --> 505 </div> -->
506 </div> 506 </div>
507 </div> 507 </div>
508 <div class="clearfix"></div> 508 <div class="clearfix"></div>
509 </div> 509 </div>
510 </div> 510 </div>
511 </div> 511 </div>
512 </div> 512 </div>
513 <!-- <div class="modal-body step-3" data-step="3"> 513 <!-- <div class="modal-body step-3" data-step="3">
514 This is the final step. 514 This is the final step.
515 </div> --> 515 </div> -->
516 <div class="modal-footer" style="border-top: 0;"> 516 <div class="modal-footer" style="border-top: 0;">
517 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 517 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
518 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 518 <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-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 519 <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', 3)">Continue</button> --> 520 <!-- <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-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 521 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
522 </div> 522 </div>
523 </div> 523 </div>
524 </div> 524 </div>
525 </form> 525 </form>
526 526
527 527
528 528
529 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm"> 529 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm">
530 <div class="modal-dialog modal-lg"> 530 <div class="modal-dialog modal-lg">
531 <div class="modal-content"> 531 <div class="modal-content">
532 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 532 <div class="modal-body step-1" data-step="1" style="padding: 0;">
533 <div> 533 <div>
534 <div class="row" style="margin: 0;"> 534 <div class="row" style="margin: 0;">
535 <div> 535 <div>
536 <div class="widget" style="margin-bottom: 0;"> 536 <div class="widget" style="margin-bottom: 0;">
537 <div class="widget-header"> 537 <div class="widget-header">
538 <i class="icon-pencil"></i> 538 <i class="icon-pencil"></i>
539 <i class="fa fa-tasks" aria-hidden="true"></i> 539 <i class="fa fa-tasks" aria-hidden="true"></i>
540 <h3>Add a Fuel Order</h3> 540 <h3>Add a Fuel Order</h3>
541 <div class="clearfix"></div> 541 <div class="clearfix"></div>
542 </div> 542 </div>
543 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 543 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
544 <div class="col-xs-12"> 544 <div class="col-xs-12">
545 <div class="col-xs-12"> 545 <div class="col-xs-12">
546 546
547 <div class="col-md-6"> 547 <div class="col-md-6">
548 <div class="pull-left" style="width: 110px;"> 548 <div class="pull-left" style="width: 110px;">
549 <label class="new-input-label"><b>Fueling Date</b></label> 549 <label class="new-input-label"><b>Fueling Date</b></label>
550 </div> 550 </div>
551 <div class="pull-left" style="width: calc(100% - 110px);"> 551 <div class="pull-left" style="width: calc(100% - 110px);">
552 <input type="type" ng-model="order.upliftDate" class="form-control" placeholder="Select Date" datepicker /> 552 <input type="type" ng-model="order.upliftDate" class="form-control" placeholder="Select Date" datepicker />
553 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> 553 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>-->
554 </div> 554 </div>
555 <div class="clearfix"></div> 555 <div class="clearfix"></div>
556 </div> 556 </div>
557 <div class="col-md-6"> 557 <div class="col-md-6">
558 <div class="pull-left" style="width: 110px;"> 558 <div class="pull-left" style="width: 110px;">
559 <label class="new-input-label"><b>Volume</b></label> 559 <label class="new-input-label"><b>Volume</b></label>
560 </div> 560 </div>
561 <div class="pull-left" style="width: calc(100% - 110px);"> 561 <div class="pull-left" style="width: calc(100% - 110px);">
562 <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control" placeholder=""> 562 <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control" placeholder="">
563 </div> 563 </div>
564 <div class="clearfix"></div> 564 <div class="clearfix"></div>
565 </div> 565 </div>
566 </div> 566 </div>
567 <div class="clearfix"></div><br> 567 <div class="clearfix"></div><br>
568 568
569 <div class="col-xs-12"> 569 <div class="col-xs-12">
570 570
571 <div class="col-md-6"> 571 <div class="col-md-6">
572 <div class="pull-left" style="width: 110px;"> 572 <div class="pull-left" style="width: 110px;">
573 <label class="new-input-label"><b>Company</b></label> 573 <label class="new-input-label"><b>Company</b></label>
574 </div> 574 </div>
575 <div class="pull-left" style="width: calc(100% - 110px);"> 575 <div class="pull-left" style="width: calc(100% - 110px);">
576 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;"> 576 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;">
577 <option value="" selected disabled>Select Company</option> 577 <option value="" selected disabled>Select Company</option>
578 <option ng-repeat="list in companyList">{{list.companyName}}</option> 578 <option ng-repeat="list in companyList">{{list.companyName}}</option>
579 </select> 579 </select>
580 </div> 580 </div>
581 <div class="clearfix"></div> 581 <div class="clearfix"></div>
582 </div> 582 </div>
583 <div class="col-md-6"> 583 <div class="col-md-6">
584 <div class="pull-left" style="width: 110px;"> 584 <div class="pull-left" style="width: 110px;">
585 <label class="new-input-label"><b>Invoiced</b></label> 585 <label class="new-input-label"><b>Invoiced</b></label>
586 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 586 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
587 </div> 587 </div>
588 <div class="pull-left" style="width: calc(100% - 110px);"> 588 <div class="pull-left" style="width: calc(100% - 110px);">
589 <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="0.0000" valid-number /> 589 <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="0.0000" valid-number />
590 </div> 590 </div>
591 <div class="clearfix"></div> 591 <div class="clearfix"></div>
592 </div> 592 </div>
593 593
594 </div> 594 </div>
595 <div class="clearfix"></div> 595 <div class="clearfix"></div>
596 <br/> 596 <br/>
597 597
598 598
599 <div class="col-xs-12"> 599 <div class="col-xs-12">
600 600
601 601
602 <div class="col-md-6"> 602 <div class="col-md-6">
603 <div class="pull-left" style="width: 110px;"> 603 <div class="pull-left" style="width: 110px;">
604 <label class="new-input-label"><b>Tail #</b></label> 604 <label class="new-input-label"><b>Tail #</b></label>
605 </div> 605 </div>
606 <div class="pull-left" style="width: calc(100% - 110px);"> 606 <div class="pull-left" style="width: calc(100% - 110px);">
607 <select class="form-control" ng-model="order.aircraftName"> 607 <select class="form-control" ng-model="order.aircraftName">
608 <option selected disabled value="">Select Aircraft</option> 608 <option selected disabled value="">Select Aircraft</option>
609 <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option> 609 <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option>
610 </select> 610 </select>
611 </div> 611 </div>
612 <div class="clearfix"></div> 612 <div class="clearfix"></div>
613 </div> 613 </div>
614 <div class="col-md-6"> 614 <div class="col-md-6">
615 <div class="pull-left" style="width: 110px;"> 615 <div class="pull-left" style="width: 110px;">
616 <label class="new-input-label"><b>Total</b></label> 616 <label class="new-input-label"><b>Total</b></label>
617 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 617 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
618 </div> 618 </div>
619 <div class="pull-left" style="width: calc(100% - 110px);"> 619 <div class="pull-left" style="width: calc(100% - 110px);">
620 <input type="text" disabled ng-model="order.total" class="form-control" placeholder="0.0000" value="{{order.volume * order.invoiced}}" valid-number /> 620 <input type="text" disabled ng-model="order.total" class="form-control" placeholder="0.0000" value="{{order.volume * order.invoiced}}" valid-number />
621 621
622 </div> 622 </div>
623 <div class="clearfix"></div> 623 <div class="clearfix"></div>
624 </div> 624 </div>
625 </div> 625 </div>
626 <div class="clearfix"></div> 626 <div class="clearfix"></div>
627 <br/> 627 <br/>
628 <div class="col-xs-12"> 628 <div class="col-xs-12">
629 629
630 630
631 <div class="col-md-6"> 631 <div class="col-md-6">
632 <div class="pull-left" style="width: 110px;"> 632 <div class="pull-left" style="width: 110px;">
633 <label class="new-input-label"><b>Source</b></label> 633 <label class="new-input-label"><b>Source</b></label>
634 </div> 634 </div>
635 <div class="pull-left" style="width: calc(100% - 110px);"> 635 <div class="pull-left" style="width: calc(100% - 110px);">
636 <select ui-select2 ng-model="order.source" style="width: 100%;"> 636 <select ui-select2 ng-model="order.source" style="width: 100%;">
637 <option value="" selected disabled>Select Source</option> 637 <option value="" selected disabled>Select Source</option>
638 <option ng-repeat="list in sourceList">{{list.source}}</option> 638 <option ng-repeat="list in sourceList">{{list.source}}</option>
639 </select> 639 </select>
640 </div> 640 </div>
641 <div class="clearfix"></div> 641 <div class="clearfix"></div>
642 </div> 642 </div>
643 <div class="col-md-6"> 643 <div class="col-md-6">
644 <div class="pull-left" style="width: 110px;"> 644 <div class="pull-left" style="width: 110px;">
645 <label class="new-input-label"><b>Price Quote</b></label> 645 <label class="new-input-label"><b>Price Quote</b></label>
646 </div> 646 </div>
647 <div class="pull-left" style="width: calc(100% - 110px);"> 647 <div class="pull-left" style="width: calc(100% - 110px);">
648 <select ui-select2 style="width: 100%;" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" class="price-quote-select"> 648 <select ui-select2 style="width: 100%;" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" class="price-quote-select">
649 <option value="" selected disabled>Select Price Quote</option> 649 <option value="" selected disabled>Select Price Quote</option>
650 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option> 650 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option>
651 </select> 651 </select>
652 </div> 652 </div>
653 <div class="clearfix"></div> 653 <div class="clearfix"></div>
654 </div> 654 </div>
655 655
656 </div> 656 </div>
657 <div class="clearfix"></div> 657 <div class="clearfix"></div>
658 <br/> 658 <br/>
659 <div class="col-xs-12"> 659 <div class="col-xs-12">
660 660
661 661
662 <div class="col-md-6"> 662 <div class="col-md-6">
663 <div class="pull-left" style="width: 110px;"> 663 <div class="pull-left" style="width: 110px;">
664 <label class="new-input-label"><b>Status</b></label> 664 <label class="new-input-label"><b>Status</b></label>
665 </div> 665 </div>
666 <div class="pull-left" style="width: calc(100% - 110px);"> 666 <div class="pull-left" style="width: calc(100% - 110px);">
667 <select ui-select2 ng-model="order.status" style="width: 100%;"> 667 <select ui-select2 ng-model="order.status" style="width: 100%;">
668 <option value="" selected disabled>Select Status</option> 668 <option value="" selected disabled>Select Status</option>
669 <option>pending</option> 669 <option>pending</option>
670 <option>Invoiced</option> 670 <option>Invoiced</option>
671 <option>Paid</option> 671 <option>Paid</option>
672 <option>Cancelled</option> 672 <option>Cancelled</option>
673 <option>Archived</option> 673 <option>Archived</option>
674 </select> 674 </select>
675 </div> 675 </div>
676 <div class="clearfix"></div> 676 <div class="clearfix"></div>
677 </div> 677 </div>
678 <div class="col-md-6"> 678 <div class="col-md-6">
679 <div class="pull-left" style="width: 110px;"> 679 <div class="pull-left" style="width: 110px;">
680 <label class="new-input-label"><b>FBO Cost</b></label> 680 <label class="new-input-label"><b>FBO Cost</b></label>
681 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 681 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
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 <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number /> 684 <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number />
685 </div> 685 </div>
686 <div class="clearfix"></div> 686 <div class="clearfix"></div>
687 </div> 687 </div>
688 </div> 688 </div>
689 <div class="clearfix"></div> 689 <div class="clearfix"></div>
690 <br/> 690 <br/>
691 <div class="col-xs-12"> 691 <div class="col-xs-12">
692 692
693 693
694 </div> 694 </div>
695 <div class="clearfix"></div> 695 <div class="clearfix"></div>
696 <br/> 696 <br/>
697 <div class="col-xs-12"> 697 <div class="col-xs-12">
698 698
699 </div> 699 </div>
700 <div class="clearfix"></div> 700 <div class="clearfix"></div>
701 701
702 </div> 702 </div>
703 </div> 703 </div>
704 <div class="clearfix"></div> 704 <div class="clearfix"></div>
705 </div> 705 </div>
706 </div> 706 </div>
707 </div> 707 </div>
708 </div> 708 </div>
709 709
710 <div class="modal-footer" style="border-top: 0;"> 710 <div class="modal-footer" style="border-top: 0;">
711 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> 711 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button>
712 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFuelData()">Save</button> 712 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFuelData()">Save</button>
713 </div> 713 </div>
714 </div> 714 </div>
715 </div> 715 </div>
716 </div> 716 </div>
717 </form> 717 </form>
718 718
719 719
720 <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm"> 720 <form class="modal multi-step" id="demo-modal-5" name="fuelOrderUpdateForm">
721 <div class="modal-dialog modal-lg"> 721 <div class="modal-dialog modal-lg">
722 <div class="modal-content"> 722 <div class="modal-content">
723 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 723 <div class="modal-body step-1" data-step="1" style="padding: 0;">
724 <div> 724 <div>
725 <div class="row" style="margin: 0;"> 725 <div class="row" style="margin: 0;">
726 <div> 726 <div>
727 <div class="widget" style="margin-bottom: 0;"> 727 <div class="widget" style="margin-bottom: 0;">
728 <div class="widget-header"> 728 <div class="widget-header">
729 <i class="icon-pencil"></i> 729 <i class="icon-pencil"></i>
730 <i class="fa fa-tasks" aria-hidden="true"></i> 730 <i class="fa fa-tasks" aria-hidden="true"></i>
731 <h3>Update Fuel Order</h3> 731 <h3>Update Fuel Order</h3>
732 <div class="clearfix"></div> 732 <div class="clearfix"></div>
733 </div> 733 </div>
734 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 734 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
735 <div class="col-xs-12"> 735 <div class="col-xs-12">
736 <div class="col-xs-12"> 736 <div class="col-xs-12">
737 737
738 <div class="col-md-6"> 738 <div class="col-md-6">
739 <div class="pull-left" style="width: 110px;"> 739 <div class="pull-left" style="width: 110px;">
740 <label class="new-input-label"><b>Fueling Date</b></label> 740 <label class="new-input-label"><b>Fueling Date</b></label>
741 </div> 741 </div>
742 <div class="pull-left" style="width: calc(100% - 110px);"> 742 <div class="pull-left" style="width: calc(100% - 110px);">
743 <input type="text" ng-model="editdata.upliftDateString" class="form-control" placeholder="" datepicker/> 743 <input type="text" ng-model="editdata.upliftDateString" class="form-control" placeholder="" datepicker/>
744 <!-- {{editdata.upliftDateString}} --> 744 <!-- {{editdata.upliftDateString}} -->
745 </div> 745 </div>
746 <div class="clearfix"></div> 746 <div class="clearfix"></div>
747 </div> 747 </div>
748 <div class="col-md-6"> 748 <div class="col-md-6">
749 <div class="pull-left" style="width: 110px;"> 749 <div class="pull-left" style="width: 110px;">
750 <label class="new-input-label"><b>Volume</b></label> 750 <label class="new-input-label"><b>Volume</b></label>
751 </div> 751 </div>
752 <div class="pull-left" style="width: calc(100% - 110px);"> 752 <div class="pull-left" style="width: calc(100% - 110px);">
753 <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder=""> 753 <input type="text" ng-model="editdata.requestedVolume" ng-keyup="updateTotal(editdata.requestedVolume,'v')" class="form-control" placeholder="">
754 </div> 754 </div>
755 <div class="clearfix"></div> 755 <div class="clearfix"></div>
756 </div> 756 </div>
757 757
758 </div> 758 </div>
759 <div class="clearfix"></div><br> 759 <div class="clearfix"></div><br>
760 760
761 <div class="col-xs-12"> 761 <div class="col-xs-12">
762 762
763 <div class="col-md-6"> 763 <div class="col-md-6">
764 <div class="pull-left" style="width: 110px;"> 764 <div class="pull-left" style="width: 110px;">
765 <label class="new-input-label"><b>Company</b></label> 765 <label class="new-input-label"><b>Company</b></label>
766 </div> 766 </div>
767 <div class="pull-left" style="width: calc(100% - 110px);"> 767 <div class="pull-left" style="width: calc(100% - 110px);">
768 <!--<select ui-select2 ng-model="editdata.companyName" style="width: 100%;"> 768 <!--<select ui-select2 ng-model="editdata.companyName" style="width: 100%;">
769 <option value="" selected disabled>Select Company</option> 769 <option value="" selected disabled>Select Company</option>
770 <option ng-repeat="list in companyList">{{list.companyName}}</option> 770 <option ng-repeat="list in companyList">{{list.companyName}}</option>
771 </select>--> 771 </select>-->
772 {{editdata.companyName}} 772 {{editdata.companyName}}
773 </div> 773 </div>
774 <div class="clearfix"></div> 774 <div class="clearfix"></div>
775 </div> 775 </div>
776 <div class="col-md-6"> 776 <div class="col-md-6">
777 <div class="pull-left" style="width: 110px;"> 777 <div class="pull-left" style="width: 110px;">
778 <label class="new-input-label"><b>Invoiced</b></label> 778 <label class="new-input-label"><b>Invoiced</b></label>
779 </div> 779 </div>
780 <div class="pull-left" style="width: calc(100% - 110px);"> 780 <div class="pull-left" style="width: calc(100% - 110px);">
781 <input type="text" ng-model="editdata.invoiced" ng-keyup="updateTotal(editdata.invoiced,'i')" class="form-control" placeholder=""> 781 <input type="text" ng-model="editdata.invoiced" ng-keyup="updateTotal(editdata.invoiced,'i')" class="form-control" placeholder="">
782 </div> 782 </div>
783 <div class="clearfix"></div> 783 <div class="clearfix"></div>
784 </div> 784 </div>
785 785
786 </div> 786 </div>
787 <div class="clearfix"></div> 787 <div class="clearfix"></div>
788 <br/> 788 <br/>
789 789
790 790
791 <div class="col-xs-12"> 791 <div class="col-xs-12">
792 792
793 <div class="col-md-6"> 793 <div class="col-md-6">
794 <div class="pull-left" style="width: 110px;"> 794 <div class="pull-left" style="width: 110px;">
795 <label class="new-input-label"><b>Tail #</b></label> 795 <label class="new-input-label"><b>Tail #</b></label>
796 </div> 796 </div>
797 <div class="pull-left" style="width: calc(100% - 110px);"> 797 <div class="pull-left" style="width: calc(100% - 110px);">
798 <!--<input type="text" ng-model="editdata.aircraftName" class="form-control" placeholder="">--> 798 <!--<input type="text" ng-model="editdata.aircraftName" class="form-control" placeholder="">-->
799 {{editdata.aircraftName}} 799 {{editdata.aircraftName}}
800 </div> 800 </div>
801 <div class="clearfix"></div> 801 <div class="clearfix"></div>
802 </div> 802 </div>
803 <div class="col-md-6"> 803 <div class="col-md-6">
804 <div class="pull-left" style="width: 110px;"> 804 <div class="pull-left" style="width: 110px;">
805 <label class="new-input-label"><b>Total</b></label> 805 <label class="new-input-label"><b>Total</b></label>
806 </div> 806 </div>
807 <div class="pull-left" style="width: calc(100% - 110px);"> 807 <div class="pull-left" style="width: calc(100% - 110px);">
808 <input type="text" class="form-control" disabled ng-model="editdata.total" placeholder="0.0" ng-value="{{editdata.requestedVolume * editdata.invoiced}}"> 808 <input type="text" class="form-control" disabled ng-model="editdata.total" placeholder="0.0" ng-value="{{editdata.requestedVolume * editdata.invoiced}}">
809 <!--{{editdata.total }}--> 809 <!--{{editdata.total }}-->
810 </div> 810 </div>
811 <div class="clearfix"></div> 811 <div class="clearfix"></div>
812 </div> 812 </div>
813 </div> 813 </div>
814 <div class="clearfix"></div> 814 <div class="clearfix"></div>
815 <br/> 815 <br/>
816 <div class="col-xs-12"> 816 <div class="col-xs-12">
817 817
818 818
819 <div class="col-md-6"> 819 <div class="col-md-6">
820 <div class="pull-left" style="width: 110px;"> 820 <div class="pull-left" style="width: 110px;">
821 <label class="new-input-label"><b>Source</b></label> 821 <label class="new-input-label"><b>Source</b></label>
822 </div> 822 </div>
823 <div class="pull-left" style="width: calc(100% - 110px);"> 823 <div class="pull-left" style="width: calc(100% - 110px);">
824 <select class="form-control" ng-model="editdata.source" style="width: 100%;"> 824 <select class="form-control" ng-model="editdata.source" style="width: 100%;">
825 <option disabled>Select Source</option> 825 <option disabled>Select Source</option>
826 <option value="Tenant">Tenant</option> 826 <option value="Tenant">Tenant</option>
827 <option value="CAA">CAA</option> 827 <option value="CAA">CAA</option>
828 <option value="Tenant/CAA">Tenant/CAA</option> 828 <option value="Tenant/CAA">Tenant/CAA</option>
829 <!-- <option ng-repeat="list in sourceList">{{list.source}}</option> --> 829 <!-- <option ng-repeat="list in sourceList">{{list.source}}</option> -->
830 </select> 830 </select>
831 <!-- {{editdata.source}} --> 831 <!-- {{editdata.source}} -->
832 </div> 832 </div>
833 <div class="clearfix"></div> 833 <div class="clearfix"></div>
834 </div> 834 </div>
835 <div class="col-md-6"> 835 <div class="col-md-6">
836 <div class="pull-left" style="width: 110px;"> 836 <div class="pull-left" style="width: 110px;">
837 <label class="new-input-label"><b>FBO Cost</b></label> 837 <label class="new-input-label"><b>FBO Cost</b></label>
838 </div> 838 </div>
839 <div class="pull-left" style="width: calc(100% - 110px);"> 839 <div class="pull-left" style="width: calc(100% - 110px);">
840 <!--<input type="text" ng-model="editdata.fboCost" class="form-control" placeholder="">--> 840 <!--<input type="text" ng-model="editdata.fboCost" class="form-control" placeholder="">-->
841 {{editdata.fboCost}} 841 {{editdata.fboCost}}
842 </div> 842 </div>
843 <div class="clearfix"></div> 843 <div class="clearfix"></div>
844 </div> 844 </div>
845 </div> 845 </div>
846 <div class="clearfix"></div> 846 <div class="clearfix"></div>
847 <br/> 847 <br/>
848 <div class="col-xs-12"> 848 <div class="col-xs-12">
849 849
850 850
851 <div class="col-md-6"> 851 <div class="col-md-6">
852 <div class="pull-left" style="width: 110px;"> 852 <div class="pull-left" style="width: 110px;">
853 <label class="new-input-label"><b>Status</b></label> 853 <label class="new-input-label"><b>Status</b></label>
854 </div> 854 </div>
855 <div class="pull-left" style="width: calc(100% - 110px);"> 855 <div class="pull-left" style="width: calc(100% - 110px);">
856 <select class="form-control" ng-model="editdata.status" style="width: 100%;"> 856 <select class="form-control" ng-model="editdata.status" style="width: 100%;">
857 <option disabled>Select Status</option> 857 <option disabled>Select Status</option>
858 <option value="pending">pending</option> 858 <option value="pending">pending</option>
859 <option value="invoiced">invoiced</option> 859 <option value="invoiced">invoiced</option>
860 <option value="paid">paid</option> 860 <option value="paid">paid</option>
861 <option value="cancelled">cancelled</option> 861 <option value="cancelled">cancelled</option>
862 <option value="archived">archived</option> 862 <option value="archived">archived</option>
863 </select> 863 </select>
864 <!-- {{editdata.status}} --> 864 <!-- {{editdata.status}} -->
865 </div> 865 </div>
866 <div class="clearfix"></div> 866 <div class="clearfix"></div>
867 </div> 867 </div>
868 </div> 868 </div>
869 <div class="clearfix"></div> 869 <div class="clearfix"></div>
870 <br/> 870 <br/>
871 <div class="col-xs-12"> 871 <div class="col-xs-12">
872 872
873 873
874 </div> 874 </div>
875 <div class="clearfix"></div> 875 <div class="clearfix"></div>
876 <br/> 876 <br/>
877 <div class="col-xs-12"> 877 <div class="col-xs-12">
878 878
879 </div> 879 </div>
880 <div class="clearfix"></div> 880 <div class="clearfix"></div>
881 881
882 </div> 882 </div>
883 </div> 883 </div>
884 <div class="clearfix"></div> 884 <div class="clearfix"></div>
885 </div> 885 </div>
886 </div> 886 </div>
887 </div> 887 </div>
888 </div> 888 </div>
889 889
890 <div class="modal-footer" style="border-top: 0;"> 890 <div class="modal-footer" style="border-top: 0;">
891 <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button> 891 <button type="button" class="btn btn-default" ng-click="canceleditdata()" data-dismiss="modal">Cancel</button>
892 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData()">Save</button> 892 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="updateData()">Save</button>
893 </div> 893 </div>
894 </div> 894 </div>
895 </div> 895 </div>
896 </div> 896 </div>
897 </form> 897 </form>
898 898
899 <form class="modal multi-step" id="demo-modal-6" name="uploadAttachmentForm"> 899 <form class="modal multi-step" id="demo-modal-6" name="uploadAttachmentForm">
900 <div class="modal-dialog modal-xs"> 900 <div class="modal-dialog modal-xs">
901 <div class="modal-content"> 901 <div class="modal-content">
902 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 902 <div class="modal-body step-1" data-step="1" style="padding: 0;">
903 <div> 903 <div>
904 <div class="row" style="margin: 0;"> 904 <div class="row" style="margin: 0;">
905 <div> 905 <div>
906 <div class="widget" style="margin-bottom: 0;"> 906 <div class="widget" style="margin-bottom: 0;">
907 <div class="widget-header"> 907 <div class="widget-header">
908 <i class="icon-pencil"></i> 908 <i class="icon-pencil"></i>
909 <i class="fa fa-tasks" aria-hidden="true"></i> 909 <i class="fa fa-tasks" aria-hidden="true"></i>
910 <h3>Upload Attachment</h3> 910 <h3>Upload Attachment</h3>
911 <div class="clearfix"></div> 911 <div class="clearfix"></div>
912 </div> 912 </div>
913 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 913 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
914 <div class="col-xs-6"> 914 <div class="col-xs-6">
915 <div class="col-xs-6"> 915 <div class="col-xs-6">
916 916
917 <div class="col-md-6"> 917 <div class="col-md-6">
918 <div class="pull-left" style="width: 110px;"> 918 <div class="pull-left" style="width: 110px;">
919 <label class="new-input-label"><b>Upload</b></label> 919 <label class="new-input-label"><b>Upload</b></label>
920 <br> 920 <br>
921 <br> 921 <br>
922 </div> 922 </div>
923 <div class="pull-left" style="width: calc(100% - 110px);"> 923 <div class="pull-left" style="width: calc(100% - 110px);">
924 <input type="file" accept=".pdf" file-model = "uploadFile.attachment"> 924 <input type="file" accept=".pdf" file-model = "uploadFile.attachment">
925 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> 925 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>-->
926 </div> 926 </div>
927 <div class="clearfix"></div> 927 <div class="clearfix"></div>
928 </div> 928 </div>
929 </div> 929 </div>
930 <div class="clearfix"></div><br> 930 <div class="clearfix"></div><br>
931 931
932 </div> 932 </div>
933 </div> 933 </div>
934 <div class="clearfix"></div> 934 <div class="clearfix"></div>
935 </div> 935 </div>
936 </div> 936 </div>
937 </div> 937 </div>
938 </div> 938 </div>
939 939
940 <div class="modal-footer" style="border-top: 0;"> 940 <div class="modal-footer" style="border-top: 0;">
941 <button type="button" class="btn btn-default" ng-click="cancelUploadAttachment()" data-dismiss="modal">Cancel</button> 941 <button type="button" class="btn btn-default" ng-click="cancelUploadAttachment()" data-dismiss="modal">Cancel</button>
942 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveUploadAttachment(uploadFile.attachment)">Upload</button> 942 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveUploadAttachment(uploadFile.attachment)">Upload</button>
943 </div> 943 </div>
944 </div> 944 </div>
945 </div> 945 </div>
946 </div> 946 </div>
947 </form> 947 </form>
948 948
949 <div class="customConfirmPopBackdrop" id="delete1"> 949 <div class="customConfirmPopBackdrop" id="delete1">
950 <div class="customModalInner" style="max-width: 400px;"> 950 <div class="customModalInner" style="max-width: 400px;">
951 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 951 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
952 <table> 952 <table>
953 <tr> 953 <tr>
954 <td> 954 <td>
955 <img src="img/info.png" style="width: 50px;"> 955 <img src="img/info.png" style="width: 50px;">
956 </td> 956 </td>
957 <td> 957 <td>
958 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to delete the attachment?</p> 958 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to delete the attachment?</p>
959 </td> 959 </td>
960 </tr> 960 </tr>
961 </table> 961 </table>
962 </div> 962 </div>
963 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 963 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
964 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteAttachment()">Yes</button> 964 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteAttachment()">Yes</button>
965 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDeleteAttachment()">No</button> 965 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDeleteAttachment()">No</button>
966 </div> 966 </div>
967 </div> 967 </div>
968 </div> 968 </div>
969 969
970 970
971 971
972 <div class="myLoader" ng-show="showLoader"> 972 <div class="myLoader" ng-show="showLoader">
973 <img src="../img/hourglass.gif" width="50px;"> 973 <img src="../img/hourglass.gif" width="50px;">
974 </div> 974 </div>
975 <script src="js/multi-step-modal.js"></script> 975 <script src="js/multi-step-modal.js"></script>
976 <script> 976 <script>
977 sendEvent = function(sel, step) { 977 sendEvent = function(sel, step) {
978 $(sel).trigger('next.m.' + step); 978 $(sel).trigger('next.m.' + step);
979 } 979 }
980 </script> 980 </script>
981 981
app/partials/main/main.html
Diff comments   View file @8fc0ea8
1 1
2 <nav class="navbar navbar-inverse" role="navigation"> 2 <nav class="navbar navbar-inverse" role="navigation">
3 <div class="container"> 3 <div class="container">
4 <!-- Brand and toggle get grouped for better mobile display --> 4 <!-- Brand and toggle get grouped for better mobile display -->
5 <div class="navbar-header"> 5 <div class="navbar-header">
6 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 6 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
7 <span class="sr-only">Toggle navigation</span> 7 <span class="sr-only">Toggle navigation</span>
8 <i class="icon-cog"></i> 8 <i class="icon-cog"></i>
9 </button> 9 </button>
10 <a class="navbar-brand" ui-sref="app.dashboard"> 10 <a class="navbar-brand" ui-sref="app.dashboard">
11 <img src="./img/FBOinsights-logo.png" class="img-logo"> 11 <img src="./img/FBOinsights-logo.png" class="img-logo">
12 </a> 12 </a>
13 </div> 13 </div>
14 <!-- Collect the nav links, forms, and other content for toggling --> 14 <!-- Collect the nav links, forms, and other content for toggling -->
15 <div class="collapse navbar-collapse navbar-ex1-collapse"> 15 <div class="collapse navbar-collapse navbar-ex1-collapse">
16 <ul class="nav navbar-nav navbar-right"> 16 <ul class="nav navbar-nav navbar-right">
17 <li class="dropdown"> 17 <li class="dropdown">
18 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000; background-color: #eeeeef;" > 18 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown" style="color: #000000; background-color: #eeeeef;" >
19 <i class="icon-plane"></i> <font color="black"> 19 <i class="icon-plane"></i> <font color="black">
20 <!--{{currentUserName}} --> 20 <!--{{currentUserName}} -->
21 {{companyName}} </font> 21 {{companyName}} </font>
22 <b class="caret"></b> 22 <b class="caret"></b>
23 </a> 23 </a>
24 <ul class="dropdown-menu"> 24 <ul class="dropdown-menu">
25 <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li> 25 <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>
26 <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li> 26 <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>
27 <li class="divider"></li> 27 <li class="divider"></li>
28 <li><a ng-click="logout();">Logout</a></li> 28 <li><a ng-click="logout();">Logout</a></li>
29 </ul> 29 </ul>
30 </li> 30 </li>
31 </ul> 31 </ul>
32 </div> 32 </div>
33 <!-- /.navbar-collapse --> 33 <!-- /.navbar-collapse -->
34 </div> 34 </div>
35 <!-- /.container --> 35 <!-- /.container -->
36 </nav> 36 </nav>
37 <div class="subnavbar"> 37 <div class="subnavbar">
38 <div class="subnavbar-inner"> 38 <div class="subnavbar-inner">
39 <div class="container"> 39 <div class="container">
40 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse"> 40 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
41 <span class="sr-only">Toggle navigation</span> 41 <span class="sr-only">Toggle navigation</span>
42 <i class="icon-reorder"></i> 42 <i class="icon-reorder"></i>
43 </a> 43 </a>
44 <div class="collapse subnav-collapse"> 44 <div class="collapse subnav-collapse">
45 <ul class="mainnav"> 45 <ul class="mainnav">
46 <li ng-if="isAuthenticated"> 46 <li ng-if="isAuthenticated">
47 <a ui-sref="app.dashboard"> 47 <a ui-sref="app.dashboard">
48 <i class="fa fa-home"></i> 48 <i class="fa fa-home"></i>
49 <span>Home</span> 49 <span>Home</span>
50 </a> 50 </a>
51 </li> 51 </li>
52
52 <li class="dropdown" ng-if="isAuthenticated"> 53 <li class="dropdown" ng-if="isAuthenticated">
53 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 54 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
54 <i class="fa fa-tint"></i> 55 <i class="fa fa-user"></i>
56 <span>Accounts</span>
57 <b class="caret"></b>
58 </a>
59 <ul class="dropdown-menu">
60 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->
61 <li><a ui-sref="app.customers">View Customers</a></li>
62 <li><a ui-sref="app.account">View Fuel Vendors</a></li>
63 <!-- <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li> -->
64 </ul>
65 </li>
66
67
68 <li class="dropdown" ng-if="isAuthenticated">
69 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
70 <i class="fa fa-book"></i>
55 <span>Fuel Manager</span> 71 <span>Fuel Manager</span>
56 <b class="caret"></b> 72 <b class="caret"></b>
57 </a> 73 </a>
58 <ul class="dropdown-menu"> 74 <ul class="dropdown-menu">
59 <li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li> 75 <li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Pricing</a></li>
60 <li> 76 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Update Ramp Fees</a></li>
61 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a>
62 </li>
63 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Fee Manager</a></li>
64 <li class="dropdown-submenu"> 77 <li class="dropdown-submenu">
65 <a tabindex="-1" >Tax Manager</a> 78 <a tabindex="-1" >Tax Manager</a>
66 <ul class="dropdown-menu"> 79 <ul class="dropdown-menu">
67 <li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li> 80 <li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li>
68 <li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li> 81 <li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li>
69 <li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li> 82 <li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li>
70 </ul> 83 </ul>
71 </li> 84 </li>
72 <li ng-if="isAuthenticated">
73 <a ui-sref="app.fuelOrders" href="#/fuelOrders">
74 Fuel Orders
75 </a>
76 </li>
77 </ul> 85 </ul>
78 </li> 86 </li>
87
79 <li class="dropdown" ng-if="isAuthenticated"> 88 <li class="dropdown" ng-if="isAuthenticated">
80 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 89 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
81 <i class="fa fa-user"></i> 90 <i class="fa fa-tint"></i>
82 <span>Accounts</span> 91 <span>Fuel Orders</span>
83 <b class="caret"></b> 92 <b class="caret"></b>
84 </a> 93 </a>
85 <ul class="dropdown-menu"> 94 <ul class="dropdown-menu">
86 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> --> 95 <li ng-show = 'isShowFMA'><a ui-sref="app.enterFuelOrder" href="#/fuelOrders">Create Fuel Order</a></li>
87 <li><a ui-sref="app.customers">View Customers</a></li> 96 <li>
88 <li><a ui-sref="app.account">View Fuel Vendors</a></li> 97 <a ui-sref="app.fuelOrders">Fuel Transactions</a>
89 <!-- <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li> --> 98 </li>
90 </ul> 99 </ul>
91 </li> 100 </li>
101
92 <li ng-if="isAuthenticated"> 102 <li ng-if="isAuthenticated">
93 <a ui-sref="app.scheduler"> 103 <a ui-sref="app.scheduler">
94 <i class="fa fa-calendar"></i> 104 <i class="fa fa-calendar"></i>
95 <span>Scheduler</span> 105 <span>Scheduler</span>
96 </a> 106 </a>
97 </li> 107 </li>
98 <li ng-if="isAuthenticated"> 108 <li ng-if="isAuthenticated">
99 <a ui-sref="app.analytics"> 109 <a ui-sref="app.analytics">
100 <i class="fa fa-signal"></i> 110 <i class="fa fa-signal"></i>
101 <span>Analytics</span> 111 <span>Analytics</span>
102 </a> 112 </a>
103 </li> 113 </li>
104 <li ng-if="isAuthenticated"> 114 <li ng-if="isAuthenticated">
105 <!-- <a ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}"> --> 115 <!-- <a ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}"> -->
106 <a ui-sref="app.flightTracking"> 116 <a ui-sref="app.flightTracking">
107 <i class="fa fa-plane"></i> 117 <i class="fa fa-plane"></i>
108 <span>Flight Tracking</span> 118 <span>Flight Tracking</span>
109 </a> 119 </a>
110 </li> 120 </li>
111 <li ng-if="!isAuthenticated"> 121 <li ng-if="!isAuthenticated">
112 <a ui-sref="app.flightDepDashboard"> 122 <a ui-sref="app.flightDepDashboard">
113 <i class="fa fa-search"></i> 123 <i class="fa fa-search"></i>
114 <span>Search Fuel</span> 124 <span>Search Fuel</span>
115 </a> 125 </a>
116 </li> 126 </li>
117 <li class="dropdown" ng-if="!isAuthenticated"> 127 <li class="dropdown" ng-if="!isAuthenticated">
118 <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown"> 128 <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">
119 <i class="fa fa-tint"></i> 129 <i class="fa fa-tint"></i>
120 <span>Fuel Orders</span> 130 <span>Fuel Orders</span>
121 </a> 131 </a>
122 </li> 132 </li>
123 </ul> 133 </ul>
124 </div> 134 </div>
125 <!-- /.subnav-collapse --> 135 <!-- /.subnav-collapse -->
126 </div> 136 </div>
127 <!-- /container --> 137 <!-- /container -->
128 </div> 138 </div>
129 <!-- /subnavbar-inner --> 139 <!-- /subnavbar-inner -->
130 </div> 140 </div>
131 <!-- /subnavbar --> 141 <!-- /subnavbar -->
132 <div ui-view></div> 142 <div ui-view></div>
133 <!-- </body> --> 143 <!-- </body> -->
134 <!-- footer --> 144 <!-- footer -->
135 <div class="extra" style="display: none;"> 145 <div class="extra" style="display: none;">
136 <div class="container"> 146 <div class="container">
137 <div class="row"> 147 <div class="row">
138 <div class="col-md-3"> 148 <div class="col-md-3">
139 <h4>About</h4> 149 <h4>About</h4>
140 <ul> 150 <ul>
141 <li><a href="javascript:;">About Us</a></li> 151 <li><a href="javascript:;">About Us</a></li>
142 <li><a href="javascript:;">Twitter</a></li> 152 <li><a href="javascript:;">Twitter</a></li>
143 <li><a href="javascript:;">Facebook</a></li> 153 <li><a href="javascript:;">Facebook</a></li>
144 <li><a href="javascript:;">Google+</a></li> 154 <li><a href="javascript:;">Google+</a></li>
145 </ul> 155 </ul>
146 </div> 156 </div>
147 <!-- /span3 --> 157 <!-- /span3 -->
148 <div class="col-md-3"> 158 <div class="col-md-3">
149 <h4>Support</h4> 159 <h4>Support</h4>
150 <ul> 160 <ul>
151 <li><a href="javascript:;">Frequently Asked Questions</a></li> 161 <li><a href="javascript:;">Frequently Asked Questions</a></li>
152 <li><a href="javascript:;">Ask a Question</a></li> 162 <li><a href="javascript:;">Ask a Question</a></li>
153 <li><a href="javascript:;">Video Tutorial</a></li> 163 <li><a href="javascript:;">Video Tutorial</a></li>
154 <li><a href="javascript:;">Feedback</a></li> 164 <li><a href="javascript:;">Feedback</a></li>
155 </ul> 165 </ul>
156 </div> 166 </div>
157 <!-- /span3 --> 167 <!-- /span3 -->
158 <div class="col-md-3"> 168 <div class="col-md-3">
159 <h4>Legal</h4> 169 <h4>Legal</h4>
160 <ul> 170 <ul>
161 <li><a href="javascript:;">License</a></li> 171 <li><a href="javascript:;">License</a></li>
162 <li><a href="javascript:;">Terms of Use</a></li> 172 <li><a href="javascript:;">Terms of Use</a></li>
163 <li><a href="javascript:;">Privacy Policy</a></li> 173 <li><a href="javascript:;">Privacy Policy</a></li>
164 <li><a href="javascript:;">Security</a></li> 174 <li><a href="javascript:;">Security</a></li>
165 </ul> 175 </ul>
166 </div> 176 </div>
167 <!-- /span3 --> 177 <!-- /span3 -->
168 <div class="col-md-3"> 178 <div class="col-md-3">
169 <h4>Settings</h4> 179 <h4>Settings</h4>
170 <ul> 180 <ul>
171 <li><a href="javascript:;">Consectetur adipisicing</a></li> 181 <li><a href="javascript:;">Consectetur adipisicing</a></li>
172 <li><a href="javascript:;">Eiusmod tempor </a></li> 182 <li><a href="javascript:;">Eiusmod tempor </a></li>
173 <li><a href="javascript:;">Fugiat nulla pariatur</a></li> 183 <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
174 <li><a href="javascript:;">Officia deserunt</a></li> 184 <li><a href="javascript:;">Officia deserunt</a></li>
175 </ul> 185 </ul>
176 </div> 186 </div>
177 <!-- /span3 --> 187 <!-- /span3 -->
178 </div> 188 </div>
179 <!-- /row --> 189 <!-- /row -->
180 </div> 190 </div>
181 <!-- /container --> 191 <!-- /container -->
182 </div> 192 </div>
183 <!-- /extra --> 193 <!-- /extra -->
184 <div class="footer"> 194 <div class="footer">
185 <div class="container"> 195 <div class="container">
186 <div class="row"> 196 <div class="row">
187 <div id="footer-copyright" class="col-md-6"> 197 <div id="footer-copyright" class="col-md-6">
188 &copy; 2018-19 FBOinsights. 198 &copy; 2018-19 FBOinsights.
189 </div> 199 </div>
190 <!-- /span6 --> 200 <!-- /span6 -->
191 <!-- <div id="footer-terms" class="col-md-6"> 201 <!-- <div id="footer-terms" class="col-md-6">
192 Theme by <a href="#" target="_blank">FBOinsights</a> 202 Theme by <a href="#" target="_blank">FBOinsights</a>
193 </div> --> 203 </div> -->
194 <!-- /.span6 --> 204 <!-- /.span6 -->
195 </div> 205 </div>
196 <!-- /row --> 206 <!-- /row -->
197 </div> 207 </div>
app/partials/scheduler/scheduler.html
Diff comments   View file @8fc0ea8
1 <style type="text/css"> 1 <style type="text/css">
2 .newUlView { 2 .newUlView {
3 padding: 5px; 3 padding: 5px;
4 margin: 3px; 4 margin: 3px;
5 } 5 }
6 .subnavbar .mainnav > li:nth-child(4) > a{ 6 .subnavbar .mainnav > li:nth-child(5) > a{
7 color: #ca5c6a; 7 color: #ca5c6a;
8 } 8 }
9 .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span{ 9 .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span{
10 display: block; 10 display: block;
11 } 11 }
12 .fc-state-default{ 12 .fc-state-default{
13 background-color: #fff; 13 background-color: #fff;
14 background-image: none; 14 background-image: none;
15 } 15 }
16 .fc-state-active, .fc-state-down{ 16 .fc-state-active, .fc-state-down{
17 box-shadow: none; 17 box-shadow: none;
18 color: #fff; 18 color: #fff;
19 background-color: #ff9900; 19 background-color: #ff9900;
20 } 20 }
21 .stacked:after, .stacked:before{ 21 .stacked:after, .stacked:before{
22 display: none; 22 display: none;
23 } 23 }
24 .btn-white, .btn-white:hover{ 24 .btn-white, .btn-white:hover{
25 background-color: #fff; 25 background-color: #fff;
26 background-image: none; 26 background-image: none;
27 } 27 }
28 .fc-day-grid-event .fc-time{ 28 .fc-day-grid-event .fc-time{
29 display: none; 29 display: none;
30 } 30 }
31 31
32 /*#wrap { 32 /*#wrap {
33 width: 1100px; 33 width: 1100px;
34 margin: 0 auto; 34 margin: 0 auto;
35 } 35 }
36 36
37 #external-events { 37 #external-events {
38 float: left; 38 float: left;
39 width: 150px; 39 width: 150px;
40 padding: 0 10px; 40 padding: 0 10px;
41 border: 1px solid #ccc; 41 border: 1px solid #ccc;
42 background: #eee; 42 background: #eee;
43 text-align: left; 43 text-align: left;
44 } 44 }
45 45
46 #external-events h4 { 46 #external-events h4 {
47 font-size: 16px; 47 font-size: 16px;
48 margin-top: 0; 48 margin-top: 0;
49 padding-top: 1em; 49 padding-top: 1em;
50 } 50 }
51 51
52 #external-events .fc-event { 52 #external-events .fc-event {
53 margin: 10px 0; 53 margin: 10px 0;
54 cursor: pointer; 54 cursor: pointer;
55 } 55 }
56 56
57 #external-events p { 57 #external-events p {
58 margin: 1.5em 0; 58 margin: 1.5em 0;
59 font-size: 11px; 59 font-size: 11px;
60 color: #666; 60 color: #666;
61 } 61 }
62 62
63 #external-events p input { 63 #external-events p input {
64 margin: 0; 64 margin: 0;
65 vertical-align: middle; 65 vertical-align: middle;
66 } 66 }
67 67
68 #calendar { 68 #calendar {
69 float: right; 69 float: right;
70 width: 900px; 70 width: 900px;
71 }*/ 71 }*/
72 </style> 72 </style>
73 73
74 <div class="myLoader" ng-show="showLoader"> 74 <div class="myLoader" ng-show="showLoader">
75 <img src="../img/hourglass.gif" width="50px;"> 75 <img src="../img/hourglass.gif" width="50px;">
76 </div> 76 </div>
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-xs-12"> 81 <div class="col-xs-12">
82 <div class="col-xs-12 col-md-1"> 82 <div class="col-xs-12 col-md-1">
83 <!--<div class="widget stacked"> 83 <!--<div class="widget stacked">
84 <div class="widget-header"> 84 <div class="widget-header">
85 <i class="fa fa-plane" aria-hidden="true"></i> 85 <i class="fa fa-plane" aria-hidden="true"></i>
86 <h3>Enter Support Service</h3> 86 <h3>Enter Support Service</h3>
87 </div> 87 </div>
88 <div class="widget-content"> 88 <div class="widget-content">
89 <label ng-repeat="item in events" ng-click="editEvent(item)" style="width: 100%;"> 89 <label ng-repeat="item in events" ng-click="editEvent(item)" style="width: 100%;">
90 <div class="fc-event" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}"> 90 <div class="fc-event" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}">
91 {{item.title}} 91 {{item.title}}
92 </div> 92 </div>
93 <div class="fc-event"> 93 <div class="fc-event">
94 {{item.title}} 94 {{item.title}}
95 </div> 95 </div>
96 </label> 96 </label>
97 <p> 97 <p>
98 <input type='checkbox' id='drop-remove' /> 98 <input type='checkbox' id='drop-remove' />
99 <label for='drop-remove'>remove after drop</label> 99 <label for='drop-remove'>remove after drop</label>
100 </p> 100 </p>
101 </div> 101 </div>
102 </div> 102 </div>
103 <div class="text-right"> 103 <div class="text-right">
104 <button class="btn btn-default btn-white" data-toggle="modal" data-target="#addEvent">Add Event</button> 104 <button class="btn btn-default btn-white" data-toggle="modal" data-target="#addEvent">Add Event</button>
105 </div> --> 105 </div> -->
106 </div> 106 </div>
107 107
108 <div class="col-xs-12 col-md-10"> 108 <div class="col-xs-12 col-md-10">
109 <div class="widget stacked"> 109 <div class="widget stacked">
110 <div class="widget-header"> 110 <div class="widget-header">
111 <i class="fa fa-calendar" aria-hidden="true"></i> 111 <i class="fa fa-calendar" aria-hidden="true"></i>
112 <h3>Schedule</h3> 112 <h3>Schedule</h3>
113 </div> 113 </div>
114 <div class="widget-content"> 114 <div class="widget-content">
115 <div id="my-calendar" ui-calendar="uiConfig.calendar" ng-model="eventSources" data-drop="true"></div> 115 <div id="my-calendar" ui-calendar="uiConfig.calendar" ng-model="eventSources" data-drop="true"></div>
116 116
117 117
118 </div> 118 </div>
119 </div> 119 </div>
120 </div> 120 </div>
121 <div style='clear:both'></div> 121 <div style='clear:both'></div>
122 <div class="col-xs-12 col-md-1"> 122 <div class="col-xs-12 col-md-1">
123 </div> 123 </div>
124 124
125 <!-- <div ui-calendar="uiConfig.calendar" ng-model="eventSources" class="col-xs-12 col-md-9" data-drop="true" jqyoui-droppable="{multiple:true, onDrop: 'addEvent($index)'}"></div> --> 125 <!-- <div ui-calendar="uiConfig.calendar" ng-model="eventSources" class="col-xs-12 col-md-9" data-drop="true" jqyoui-droppable="{multiple:true, onDrop: 'addEvent($index)'}"></div> -->
126 126
127 127
128 128
129 129
130 130
131 </div> 131 </div>
132 132
133 133
134 134
135 </div> 135 </div>
136 136
137 </div> 137 </div>
138 <div> 138 <div>
139 </div> 139 </div>
140 <!-- /row --> 140 <!-- /row -->
141 </div> 141 </div>
142 <!-- /container --> 142 <!-- /container -->
143 </div> 143 </div>
144 <!-- /main --> 144 <!-- /main -->
145 145
146 146
147 <div id="addEvent" class="modal fade" role="dialog" data-backdrop="static"> 147 <div id="addEvent" class="modal fade" role="dialog" data-backdrop="static">
148 <div class="modal-dialog"> 148 <div class="modal-dialog">
149 <form ng-submit="addNewEvent()"> 149 <form ng-submit="addNewEvent()">
150 <div class="modal-content"> 150 <div class="modal-content">
151 <div class="modal-header"> 151 <div class="modal-header">
152 <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button> 152 <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button>
153 <h4 class="modal-title">Schedule New Event</h4> 153 <h4 class="modal-title">Schedule New Event</h4>
154 </div> 154 </div>
155 <div class="modal-body"> 155 <div class="modal-body">
156 <div class="col-md-6" style="padding-left: 0;"> 156 <div class="col-md-6" style="padding-left: 0;">
157 <label>Event Name:</label> 157 <label>Event Name:</label>
158 <input type="text" ng-model="newEvent.aircraft" class="form-control"> 158 <input type="text" ng-model="newEvent.aircraft" class="form-control">
159 </div> 159 </div>
160 <div class="col-md-6" style="padding-right: 0;"> 160 <div class="col-md-6" style="padding-right: 0;">
161 <label>Deploy Date:</label> 161 <label>Deploy Date:</label>
162 <input type="text" datepicker ng-model="newEvent.deployDate" class="form-control"> 162 <input type="text" datepicker ng-model="newEvent.deployDate" class="form-control">
163 </div> 163 </div>
164 <div class="clearfix"></div> 164 <div class="clearfix"></div>
165 </div> 165 </div>
166 <div class="modal-footer"> 166 <div class="modal-footer">
167 <input type="submit" value="Add" class="btn btn-primary"> 167 <input type="submit" value="Add" class="btn btn-primary">
168 <button type="button" class="btn btn-default" ng-click="cancelAdd()" data-dismiss="modal">Close</button> 168 <button type="button" class="btn btn-default" ng-click="cancelAdd()" data-dismiss="modal">Close</button>
169 </div> 169 </div>
170 </div> 170 </div>
171 </form> 171 </form>
172 172
173 </div> 173 </div>
174 </div> 174 </div>
175 175
176 <div id="editEvent" class="modal fade" role="dialog" data-backdrop="static"> 176 <div id="editEvent" class="modal fade" role="dialog" data-backdrop="static">
177 <div class="modal-dialog"> 177 <div class="modal-dialog">
178 <form ng-submit="updateEvent()"> 178 <form ng-submit="updateEvent()">
179 <div class="modal-content"> 179 <div class="modal-content">
180 <div class="modal-header"> 180 <div class="modal-header">
181 <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button> 181 <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button>
182 <h4 class="modal-title">Update Scheduled Event</h4> 182 <h4 class="modal-title">Update Scheduled Event</h4>
183 </div> 183 </div>
184 <div class="modal-body"> 184 <div class="modal-body">
185 <div class="col-md-6" style="padding-left: 0;"> 185 <div class="col-md-6" style="padding-left: 0;">
186 <label>Event Name:</label> 186 <label>Event Name:</label>
187 <input type="text" ng-model="editData.title" class="form-control"> 187 <input type="text" ng-model="editData.title" class="form-control">
188 </div> 188 </div>
189 <div class="col-md-6" style="padding-right: 0;"> 189 <div class="col-md-6" style="padding-right: 0;">
190 <label>Deploy Date:</label> 190 <label>Deploy Date:</label>
191 <input type="text" datepicker ng-model="editData.start" class="form-control"> 191 <input type="text" datepicker ng-model="editData.start" class="form-control">
192 </div> 192 </div>
193 <div class="clearfix"></div> 193 <div class="clearfix"></div>
194 </div> 194 </div>
195 <div class="modal-footer"> 195 <div class="modal-footer">
196 <input type="submit" value="Update" class="btn btn-primary"> 196 <input type="submit" value="Update" class="btn btn-primary">
197 <button type="button" class="btn btn-default" ng-click="cancelUpdate()" data-dismiss="modal">Close</button> 197 <button type="button" class="btn btn-default" ng-click="cancelUpdate()" data-dismiss="modal">Close</button>
198 </div> 198 </div>
199 </div> 199 </div>
200 </form> 200 </form>
201 201
202 </div> 202 </div>
203 </div> 203 </div>
app/partials/updateFuelManager/updateFuelManager.html
Diff comments   View file @8fc0ea8
1 1
2 2
3 <style> 3 <style>
4 .subnavbar .mainnav > li:nth-child(2) > a{ 4 .subnavbar .mainnav > li:nth-child(3) > a{
5 color: #c44646; 5 color: #c44646;
6 } 6 }
7 .extraClasToMerge{ 7 .extraClasToMerge{
8 color: #fff; 8 color: #fff;
9 } 9 }
10 </style> 10 </style>
11 11
12 <div class="myLoader" ng-show="showLoader"> 12 <div class="myLoader" ng-show="showLoader">
13 <img src="../img/hourglass.gif" width="50px;"> 13 <img src="../img/hourglass.gif" width="50px;">
14 </div> 14 </div>
15 15
16 <div class="col-xs-12 col-md-6"> 16 <div class="col-xs-12 col-md-6">
17 17
18 <div class="widget stacked"> 18 <div class="widget stacked">
19 <div class="widget-header"> 19 <div class="widget-header">
20 <i class="fa fa-pencil"></i> 20 <i class="fa fa-pencil"></i>
21 <h3>Price Manager Active</h3> 21 <h3>Price Manager Active</h3>
22 <select ng-show="isShowEmail" style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()"> 22 <select ng-show="isShowEmail" style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()">
23 <option value="" disabled selected="selected">Email All Pricing</option> 23 <option value="" disabled selected="selected">Email All Pricing</option>
24 <option value="JET-A">Email JET-A pricing only</option> 24 <option value="JET-A">Email JET-A pricing only</option>
25 <option value="AVGAS">Email AVGAS pricing only</option> 25 <option value="AVGAS">Email AVGAS pricing only</option>
26 <option disabled>_______________________________</option> 26 <option disabled>_______________________________</option>
27 <option value="all">Distribute All</option> 27 <option value="all">Distribute All</option>
28 </select> 28 </select>
29 </div> 29 </div>
30 <!-- /widget-header --> 30 <!-- /widget-header -->
31 <div class="widget-content"> 31 <div class="widget-content">
32 <h4>Deployed Fuel Prices</h4> 32 <h4>Deployed Fuel Prices</h4>
33 <table class="table vertical-center"> 33 <table class="table vertical-center">
34 <thead> 34 <thead>
35 <tr> 35 <tr>
36 <th> Product</th> 36 <th> Product</th>
37 <th> Cost</th> 37 <th> Cost</th>
38 <th> Margin</th> 38 <th> Margin</th>
39 <th> PAP(Total)</th> 39 <th> PAP(Total)</th>
40 <th style="color: #F90;"> Expires</th> 40 <th style="color: #F90;"> Expires</th>
41 </tr> 41 </tr>
42 </thead> 42 </thead>
43 <tbody> 43 <tbody>
44 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }"> 44 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }">
45 <td> 45 <td>
46 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 46 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
47 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 47 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
48 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 48 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
49 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 49 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
50 </td> 50 </td>
51 <td> 51 <td>
52 <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span> 52 <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span>
53 </td> 53 </td>
54 <td> 54 <td>
55 <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span> 55 <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span>
56 </td> 56 </td>
57 <td> 57 <td>
58 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 4 }}</span> 58 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 4 }}</span>
59 </td> 59 </td>
60 <td> 60 <td>
61 <span>{{fuelPricing.fuelPricing.expirationDate}}</span> 61 <span>{{fuelPricing.fuelPricing.expirationDate}}</span>
62 </td> 62 </td>
63 </tr> 63 </tr>
64 </tbody> 64 </tbody>
65 </table> 65 </table>
66 66
67 </div> 67 </div>
68 <!-- /widget-content --> 68 <!-- /widget-content -->
69 </div> 69 </div>
70 <!-- /widget --> 70 <!-- /widget -->
71 71
72 72
73 73
74 <div class="widget stacked"> 74 <div class="widget stacked">
75 <div class="widget-header"> 75 <div class="widget-header">
76 <i class="fa fa-pencil"></i> 76 <i class="fa fa-pencil"></i>
77 <h3>Price Manager Staging</h3> 77 <h3>Price Manager Staging</h3>
78 </div> 78 </div>
79 <!-- /widget-header --> 79 <!-- /widget-header -->
80 <div class="widget-content"> 80 <div class="widget-content">
81 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6> 81 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6>
82 <form> 82 <form>
83 <table class="table vertical-center"> 83 <table class="table vertical-center">
84 <thead> 84 <thead>
85 <tr> 85 <tr>
86 <th> Product</th> 86 <th> Product</th>
87 <th> Cost</th> 87 <th> Cost</th>
88 <th> PAP(Margin)</th> 88 <th> PAP(Margin)</th>
89 <th> Effective Date</th> 89 <th> Effective Date</th>
90 <th style="color: #F90;">Price Expires</th> 90 <th style="color: #F90;">Price Expires</th>
91 <th> PAP(Total)</th> 91 <th> PAP(Total)</th>
92 </tr> 92 </tr>
93 </thead> 93 </thead>
94 <tbody> 94 <tbody>
95 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }"> 95 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }">
96 <td> 96 <td>
97 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 97 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
98 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 98 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
99 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 99 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
100 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 100 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
101 </td> 101 </td>
102 <td> 102 <td>
103 <input type="text" class="form-control" ng-keyup="disableButtons(fuelPricing.futureFuelPricing.cost)" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 60px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number /> 103 <input type="text" class="form-control" ng-keyup="disableButtons(fuelPricing.futureFuelPricing.cost)" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 60px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number />
104 </td> 104 </td>
105 <td> 105 <td>
106 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number /> 106 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number />
107 </td> 107 </td>
108 <td> 108 <td>
109 <input type="text" class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;"> 109 <input type="text" class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;">
110 </td> 110 </td>
111 <td> 111 <td>
112 <input type="text" class="form-control" datepicker ng-disabled=" fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;"> 112 <input type="text" class="form-control" datepicker ng-disabled=" fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;">
113 </td> 113 </td>
114 <td> 114 <td>
115 <span style="line-height: 31px; color: #1ab394; font-size:12px;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin | number : 4}}</span> 115 <span style="line-height: 31px; color: #1ab394; font-size:12px;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin | number : 4}}</span>
116 </td> 116 </td>
117 </tr> 117 </tr>
118 </tbody> 118 </tbody>
119 </table> 119 </table>
120 <div class="row" style="margin-left: 0px;"> 120 <div class="row" style="margin-left: 0px;">
121 <div class="col-md-12" style= "text-align: right; padding-left: 0;"> 121 <div class="col-md-12" style= "text-align: right; padding-left: 0;">
122 <div style="float: left;"> 122 <div style="float: left;">
123 <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" ng-disabled="noPrices" style= "text-align: center; font-size:12px">Save & Deploy Immediately</button> 123 <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" ng-disabled="noPrices" style= "text-align: center; font-size:12px">Save & Deploy Immediately</button>
124 124
125 <button type="button" ng-click="resetFutureFuelPricingClick()" class="btn btn-default btn-xs">Reset All</button> 125 <button type="button" ng-click="resetFutureFuelPricingClick()" class="btn btn-default btn-xs">Reset All</button>
126 </div> 126 </div>
127 <div style="float: right;"> 127 <div style="float: right;">
128 <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" ng-disabled="noPrices" style="margin-right:3%">Save & Stage for Deploy</button> 128 <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" ng-disabled="noPrices" style="margin-right:3%">Save & Stage for Deploy</button>
129 </div> 129 </div>
130 <div style="clear: both;"></div> 130 <div style="clear: both;"></div>
131 </div> 131 </div>
132 </div> 132 </div>
133 </form> 133 </form>
134 </div> 134 </div>
135 <!-- /widget-content --> 135 <!-- /widget-content -->
136 </div> 136 </div>
137 <!-- /widget --> 137 <!-- /widget -->
138 138
139 </div> 139 </div>
140 140
141 <div class="col-xs-12 col-md-6"> 141 <div class="col-xs-12 col-md-6">
142 142
143 143
144 <div class="widget stacked"> 144 <div class="widget stacked">
145 <div class="widget-header"> 145 <div class="widget-header">
146 <i class="fa fa-pencil"></i> 146 <i class="fa fa-pencil"></i>
147 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3> 147 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3>
148 148
149 </div> 149 </div>
150 <!-- /widget-header --> 150 <!-- /widget-header -->
151 <div class="widget-content" style="padding-top: 10px;"> 151 <div class="widget-content" style="padding-top: 10px;">
152 <section id="accordions"> 152 <section id="accordions">
153 <div class="newCustomAccordian"> 153 <div class="newCustomAccordian">
154 <!-- tab 1 --> 154 <!-- tab 1 -->
155 <div ng-repeat="jets in aTypeJets"> 155 <div ng-repeat="jets in aTypeJets">
156 <div class="customAccordianHeader" id="{{jets.id}}"> 156 <div class="customAccordianHeader" id="{{jets.id}}">
157 <span>{{jets.marginName}}</span> 157 <span>{{jets.marginName}}</span>
158 <select class="form-control" disabled="true" ng-model="jets.pricingStructure" ng-change="selectChanged($index)"> 158 <select class="form-control" disabled="true" ng-model="jets.pricingStructure" ng-change="selectChanged($index)">
159 <option value="" disabled selected>Pricing Structure</option> 159 <option value="" disabled selected>Pricing Structure</option>
160 <option value="minus">Retail/PAP - (minus)</option> 160 <option value="minus">Retail/PAP - (minus)</option>
161 <option value="plus">Cost + (plus)</option> 161 <option value="plus">Cost + (plus)</option>
162 <option value="equal">Direct = (equal)</option> 162 <option value="equal">Direct = (equal)</option>
163 </select> 163 </select>
164 <span style="margin-right: 0;">$</span> 164 <span style="margin-right: 0;">$</span>
165 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number /> 165 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number />
166 <div class="pull-right"> 166 <div class="pull-right">
167 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button> 167 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button>
168 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button> 168 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button>
169 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button> 169 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button>
170 <button type="button" ng-show="isShowEmail" class="btn btn-primary" ng-click="emailPricingForJetAMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button> 170 <button type="button" ng-show="isShowEmail" class="btn btn-primary" ng-click="emailPricingForJetAMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
171 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button> 171 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
172 </div> 172 </div>
173 <div class="clearfix"></div> 173 <div class="clearfix"></div>
174 </div> 174 </div>
175 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 175 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
176 <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList"> 176 <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList">
177 <div class="tierListHead" style="height: 36px;"> 177 <div class="tierListHead" style="height: 36px;">
178 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. 178 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
179 </span> 179 </span>
180 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> 180 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
181 181
182 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> 182 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
183 <span ng-show="showEditTier">-</span> 183 <span ng-show="showEditTier">-</span>
184 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> 184 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
185 <div class="clearfix"></div> 185 <div class="clearfix"></div>
186 </div> 186 </div>
187 <div class="tierListBody" style="height: 35px;"> 187 <div class="tierListBody" style="height: 35px;">
188 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 188 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
189 189
190 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 190 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
191 191
192 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span> 192 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>
193 193
194 <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button> 194 <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>
195 195
196 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i> 196 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>
197 197
198 <div class="clearfix"></div> 198 <div class="clearfix"></div>
199 </div> 199 </div>
200 </div> 200 </div>
201 <div class="tierListWrap" style="width: 160px;"> 201 <div class="tierListWrap" style="width: 160px;">
202 <div class="tierListHead" style="border-right: 1px solid #ddd;"> 202 <div class="tierListHead" style="border-right: 1px solid #ddd;">
203 <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak"> 203 <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak">
204 <span>-</span> 204 <span>-</span>
205 <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b> 205 <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b>
206 <div class="clearfix"></div> 206 <div class="clearfix"></div>
207 </div> 207 </div>
208 <div class="tierListBody" style="border-right: 1px solid #ddd;"> 208 <div class="tierListBody" style="border-right: 1px solid #ddd;">
209 <span style="color: #449d44;">$</span> 209 <span style="color: #449d44;">$</span>
210 <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> 210 <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
211 <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button> 211 <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button>
212 <div class="clearfix"></div> 212 <div class="clearfix"></div>
213 </div> 213 </div>
214 </div> 214 </div>
215 <!-- <div class="tierListWrap" style="width: 32px;"> 215 <!-- <div class="tierListWrap" style="width: 32px;">
216 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> 216 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
217 &nbsp; 217 &nbsp;
218 </div> 218 </div>
219 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> 219 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
220 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> 220 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
221 </div> 221 </div>
222 </div> --> 222 </div> -->
223 <div class="clearfix"></div> 223 <div class="clearfix"></div>
224 <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> --> 224 <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> -->
225 <br/> 225 <br/>
226 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div> 226 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>
227 </div> 227 </div>
228 </div> 228 </div>
229 </div> 229 </div>
230 <div class="pull-right"> 230 <div class="pull-right">
231 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button> 231 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
232 </div> 232 </div>
233 </section> 233 </section>
234 <!-- <div class="row">&nbsp;</div> 234 <!-- <div class="row">&nbsp;</div>
235 <div class="row"> 235 <div class="row">
236 <div class="form-group"> 236 <div class="form-group">
237 <div class="col-lg-12 text-right"> 237 <div class="col-lg-12 text-right">
238 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 238 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
239 <button type="reset" class="btn btn-default">Cancel</button> 239 <button type="reset" class="btn btn-default">Cancel</button>
240 </div> 240 </div>
241 </div> 241 </div>
242 </div> --> 242 </div> -->
243 </div> 243 </div>
244 <!-- /widget-content --> 244 <!-- /widget-content -->
245 </div> 245 </div>
246 <!-- /widget --> 246 <!-- /widget -->
247 247
248 248
249 249
250 <div class="widget stacked"> 250 <div class="widget stacked">
251 <div class="widget-header"> 251 <div class="widget-header">
252 <i class="fa fa-pencil"></i> 252 <i class="fa fa-pencil"></i>
253 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3> 253 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3>
254 254
255 </div> 255 </div>
256 <!-- /widget-header --> 256 <!-- /widget-header -->
257 <div class="widget-content" style="padding-top: 10px;"> 257 <div class="widget-content" style="padding-top: 10px;">
258 <section id="accordions"> 258 <section id="accordions">
259 <div class="newCustomAccordian"> 259 <div class="newCustomAccordian">
260 <!-- tab 1 --> 260 <!-- tab 1 -->
261 <div ng-repeat="jets in vTypeJets"> 261 <div ng-repeat="jets in vTypeJets">
262 <div class="customAccordianHeader" id="{{jets.id}}"> 262 <div class="customAccordianHeader" id="{{jets.id}}">
263 <span>{{jets.marginName}}</span> 263 <span>{{jets.marginName}}</span>
264 <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> 264 <select class="form-control" disabled="true" ng-model="jets.pricingStructure">
265 <option value="" disabled selected>Pricing Structure</option> 265 <option value="" disabled selected>Pricing Structure</option>
266 <option value="minus">Retail - (minus)</option> 266 <option value="minus">Retail - (minus)</option>
267 <option value="plus">Cost + (plus)</option> 267 <option value="plus">Cost + (plus)</option>
268 <option value="equal">Direct = (equal)</option> 268 <option value="equal">Direct = (equal)</option>
269 </select> 269 </select>
270 <span style="margin-right: 0;">$</span> 270 <span style="margin-right: 0;">$</span>
271 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number /> 271 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number />
272 <div class="pull-right"> 272 <div class="pull-right">
273 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button> 273 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button>
274 <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button> 274 <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button>
275 <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button> 275 <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button>
276 <button type="button" ng-show="isShowEmail" class="btn btn-primary" ng-click="emailPricingForAVGASMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button> 276 <button type="button" ng-show="isShowEmail" class="btn btn-primary" ng-click="emailPricingForAVGASMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
277 <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button> 277 <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
278 </div> 278 </div>
279 <div class="clearfix"></div> 279 <div class="clearfix"></div>
280 </div> 280 </div>
281 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 281 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
282 <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList"> 282 <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList">
283 <div class="tierListHead" style="height: 36px;"> 283 <div class="tierListHead" style="height: 36px;">
284 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. 284 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
285 </span> 285 </span>
286 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> 286 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
287 287
288 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> 288 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
289 <span ng-show="showEditTier">-</span> 289 <span ng-show="showEditTier">-</span>
290 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> 290 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
291 <div class="clearfix"></div> 291 <div class="clearfix"></div>
292 </div> 292 </div>
293 <div class="tierListBody" style="height: 35px;"> 293 <div class="tierListBody" style="height: 35px;">
294 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 294 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
295 295
296 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 296 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
297 297
298 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span> 298 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>
299 299
300 <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button> 300 <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>
301 301
302 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i> 302 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>
303 303
304 <div class="clearfix"></div> 304 <div class="clearfix"></div>
305 </div> 305 </div>
306 </div> 306 </div>
307 <div class="tierListWrap" style="width: 160px;"> 307 <div class="tierListWrap" style="width: 160px;">
308 <div class="tierListHead" style="border-right: 1px solid #ddd;"> 308 <div class="tierListHead" style="border-right: 1px solid #ddd;">
309 <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak"> 309 <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak">
310 <span>-</span> 310 <span>-</span>
311 <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b> 311 <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b>
312 <div class="clearfix"></div> 312 <div class="clearfix"></div>
313 </div> 313 </div>
314 <div class="tierListBody" style="border-right: 1px solid #ddd;"> 314 <div class="tierListBody" style="border-right: 1px solid #ddd;">
315 <span style="color: #449d44;">$</span> 315 <span style="color: #449d44;">$</span>
316 <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> 316 <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
317 <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button> 317 <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button>
318 <div class="clearfix"></div> 318 <div class="clearfix"></div>
319 </div> 319 </div>
320 </div> 320 </div>
321 <!-- <div class="tierListWrap" style="width: 32px;"> 321 <!-- <div class="tierListWrap" style="width: 32px;">
322 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> 322 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
323 &nbsp; 323 &nbsp;
324 </div> 324 </div>
325 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> 325 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
326 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> 326 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
327 </div> 327 </div>
328 </div> --> 328 </div> -->
329 <div class="clearfix"></div> 329 <div class="clearfix"></div>
330 <br/> 330 <br/>
331 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div> 331 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>
332 </div> 332 </div>
333 </div> 333 </div>
334 </div> 334 </div>
335 <div class="pull-right"> 335 <div class="pull-right">
336 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button> 336 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
337 </div> 337 </div>
338 </section> 338 </section>
339 <!-- <div class="row">&nbsp;</div> 339 <!-- <div class="row">&nbsp;</div>
340 <div class="row"> 340 <div class="row">
341 <div class="form-group"> 341 <div class="form-group">
342 <div class="col-lg-12 text-right"> 342 <div class="col-lg-12 text-right">
343 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 343 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
344 <button type="reset" class="btn btn-default">Cancel</button> 344 <button type="reset" class="btn btn-default">Cancel</button>
345 </div> 345 </div>
346 </div> 346 </div>
347 </div> --> 347 </div> -->
348 </div> 348 </div>
349 <!-- /widget-content --> 349 <!-- /widget-content -->
350 </div> 350 </div>
351 <!-- /widget --> 351 <!-- /widget -->
352 352
353 353
354 354
355 </div> 355 </div>
356 <div class="clearfix"></div> 356 <div class="clearfix"></div>
357 357
358 <div class="addNewMargin" style="display: none;"> 358 <div class="addNewMargin" style="display: none;">
359 <div class="customBackdrop"> 359 <div class="customBackdrop">
360 <div class="customModalInner" style="max-width: 700px;"> 360 <div class="customModalInner" style="max-width: 700px;">
361 <div class="customModelHead"> 361 <div class="customModelHead">
362 <p class="pull-left"> 362 <p class="pull-left">
363 <i class="fa fa-list-alt" aria-hidden="true"></i> 363 <i class="fa fa-list-alt" aria-hidden="true"></i>
364 Add New JET-A Customer Margin 364 Add New JET-A Customer Margin
365 </p> 365 </p>
366 <p class="pull-right"> 366 <p class="pull-right">
367 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i> 367 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i>
368 </p> 368 </p>
369 <div class="clearfix"></div> 369 <div class="clearfix"></div>
370 </div> 370 </div>
371 <div class="customModelBody"> 371 <div class="customModelBody">
372 372
373 <div class="customAccordianHeader customActive"> 373 <div class="customAccordianHeader customActive">
374 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName"> 374 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName">
375 <select class="form-control" ng-model="newJet.pricingStructure"> 375 <select class="form-control" ng-model="newJet.pricingStructure">
376 <option value="" disabled selected>Pricing Structure</option> 376 <option value="" disabled selected>Pricing Structure</option>
377 <option value="minus">Retail -(minus)</option> 377 <option value="minus">Retail -(minus)</option>
378 <option value="plus">Cost +(plus)</option> 378 <option value="plus">Cost +(plus)</option>
379 <option value="equal">Direct =(equal)</option> 379 <option value="equal">Direct =(equal)</option>
380 </select> 380 </select>
381 <span style="margin-right: 0;">$</span> 381 <span style="margin-right: 0;">$</span>
382 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue" ng-blur="force4decimals(newJet.marginValue)" valid-number /> 382 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue" ng-blur="force4decimals(newJet.marginValue)" valid-number />
383 <div class="clearfix"></div> 383 <div class="clearfix"></div>
384 </div> 384 </div>
385 <div class="customAccordianTabBody"> 385 <div class="customAccordianTabBody">
386 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div> 386 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div>
387 </div> 387 </div>
388 388
389 </div> 389 </div>
390 <div class="customModelFooter text-center"> 390 <div class="customModelFooter text-center">
391 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()"> 391 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()">
392 <button class="btn" ng-click="closeMarginPopup()">Cancel</button> 392 <button class="btn" ng-click="closeMarginPopup()">Cancel</button>
393 </div> 393 </div>
394 </div> 394 </div>
395 </div> 395 </div>
396 </div> 396 </div>
397 397
398 <div class="addNewVtype" style="display: none;"> 398 <div class="addNewVtype" style="display: none;">
399 <div class="customBackdrop"> 399 <div class="customBackdrop">
400 <div class="customModalInner" style="max-width: 700px;"> 400 <div class="customModalInner" style="max-width: 700px;">
401 <div class="customModelHead"> 401 <div class="customModelHead">
402 <p class="pull-left"> 402 <p class="pull-left">
403 <i class="fa fa-list-alt" aria-hidden="true"></i> 403 <i class="fa fa-list-alt" aria-hidden="true"></i>
404 Add New AVGAS 100LL Customer Margin Template 404 Add New AVGAS 100LL Customer Margin Template
405 </p> 405 </p>
406 <p class="pull-right"> 406 <p class="pull-right">
407 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i> 407 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i>
408 </p> 408 </p>
409 <div class="clearfix"></div> 409 <div class="clearfix"></div>
410 </div> 410 </div>
411 <div class="customModelBody"> 411 <div class="customModelBody">
412 412
413 <div class="customAccordianHeader customActive"> 413 <div class="customAccordianHeader customActive">
414 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName"> 414 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName">
415 <select class="form-control" ng-model="newVtypeJet.pricingStructure"> 415 <select class="form-control" ng-model="newVtypeJet.pricingStructure">
416 <option value="" disabled selected>Pricing Structure</option> 416 <option value="" disabled selected>Pricing Structure</option>
417 <option value="minus">Retail -(minus)</option> 417 <option value="minus">Retail -(minus)</option>
418 <option value="plus">Cost +(plus)</option> 418 <option value="plus">Cost +(plus)</option>
419 <option value="equal">Direct =(equal)</option> 419 <option value="equal">Direct =(equal)</option>
420 </select> 420 </select>
421 <span style="margin-right: 0;">$</span> 421 <span style="margin-right: 0;">$</span>
422 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue" ng-blur="force4decimals(newVtypeJet.marginValue)" valid-number /> 422 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue" ng-blur="force4decimals(newVtypeJet.marginValue)" valid-number />
423 <div class="clearfix"></div> 423 <div class="clearfix"></div>
424 </div> 424 </div>
425 <div class="customAccordianTabBody"> 425 <div class="customAccordianTabBody">
426 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div> 426 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div>
427 </div> 427 </div>
428 428
429 </div> 429 </div>
430 <div class="customModelFooter text-center"> 430 <div class="customModelFooter text-center">
431 <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()"> 431 <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()">
432 <button class="btn" ng-click="closeNewVtypePop()">Cancel</button> 432 <button class="btn" ng-click="closeNewVtypePop()">Cancel</button>
433 </div> 433 </div>
434 </div> 434 </div>
435 </div> 435 </div>
436 </div> 436 </div>
437 437
438 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;"> 438 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
439 <div class="customModalInner"> 439 <div class="customModalInner">
440 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 440 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
441 <table> 441 <table>
442 <tr> 442 <tr>
443 <td> 443 <td>
444 <img src="img/info.png" style="width: 50px;"> 444 <img src="img/info.png" style="width: 50px;">
445 </td> 445 </td>
446 <td> 446 <td>
447 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 447 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
448 </td> 448 </td>
449 </tr> 449 </tr>
450 </table> 450 </table>
451 </div> 451 </div>
452 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 452 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
453 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 453 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
454 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 454 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
455 </div> 455 </div>
456 </div> 456 </div>
457 </div> 457 </div>
458 <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;"> 458 <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;">
459 <div class="customModalInner"> 459 <div class="customModalInner">
460 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 460 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
461 <table> 461 <table>
462 <tr> 462 <tr>
463 <td> 463 <td>
464 <img src="img/info.png" style="width: 50px;"> 464 <img src="img/info.png" style="width: 50px;">
465 </td> 465 </td>
466 <td> 466 <td>
467 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p> 467 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p>
468 </td> 468 </td>
469 </tr> 469 </tr>
470 </table> 470 </table>
471 </div> 471 </div>
472 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 472 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
473 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button> 473 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button>
474 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button> 474 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button>
475 </div> 475 </div>
476 </div> 476 </div>
477 </div> 477 </div>
478 478
479 <div class="customConfirmPopBackdrop" id="confirm3" style="display: none;"> 479 <div class="customConfirmPopBackdrop" id="confirm3" style="display: none;">
480 <div class="customModalInner"> 480 <div class="customModalInner">
481 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 481 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
482 <table> 482 <table>
483 <tr> 483 <tr>
484 <td> 484 <td>
485 <img src="img/info.png" style="width: 50px;"> 485 <img src="img/info.png" style="width: 50px;">
486 </td> 486 </td>
487 <td> 487 <td>
488 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p> 488 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p>
489 </td> 489 </td>
490 </tr> 490 </tr>
491 </table> 491 </table>
492 </div> 492 </div>
493 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 493 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
494 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForAVGASMarginConfirm()">Yes</button> 494 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForAVGASMarginConfirm()">Yes</button>
495 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForAVGASMarginConfirm()">Cancel</button> 495 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForAVGASMarginConfirm()">Cancel</button>
496 </div> 496 </div>
497 </div> 497 </div>
498 </div> 498 </div>
499 499
500 <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;"> 500 <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;">
501 <div class="customModalInner"> 501 <div class="customModalInner">
502 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 502 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
503 <table> 503 <table>
504 <tr> 504 <tr>
505 <td> 505 <td>
506 <img src="img/info.png" style="width: 50px;"> 506 <img src="img/info.png" style="width: 50px;">
507 </td> 507 </td>
508 <td> 508 <td>
509 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p> 509 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p>
510 </td> 510 </td>
511 </tr> 511 </tr>
512 </table> 512 </table>
513 </div> 513 </div>
514 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 514 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
515 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button> 515 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button>
516 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button> 516 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button>
517 </div> 517 </div>
518 </div> 518 </div>
519 </div> 519 </div>
520 520
521 <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;"> 521 <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;">
522 <div class="customModalInner"> 522 <div class="customModalInner">
523 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 523 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
524 <table> 524 <table>
525 <tr> 525 <tr>
526 <td> 526 <td>
527 <img src="img/info.png" style="width: 50px;"> 527 <img src="img/info.png" style="width: 50px;">
528 </td> 528 </td>
529 <td> 529 <td>
530 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p> 530 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p>
531 </td> 531 </td>
532 </tr> 532 </tr>
533 </table> 533 </table>
534 </div> 534 </div>
535 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 535 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
536 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button> 536 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button>
537 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button> 537 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button>
538 </div> 538 </div>
539 </div> 539 </div>
540 </div> 540 </div>
541 541
542 <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;"> 542 <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;">
543 <div class="customModalInner"> 543 <div class="customModalInner">
544 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 544 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
545 <table> 545 <table>
546 <tr> 546 <tr>
547 <td> 547 <td>
548 <img src="img/info.png" style="width: 50px;"> 548 <img src="img/info.png" style="width: 50px;">
549 </td> 549 </td>
550 <td> 550 <td>
551 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p> 551 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p>
552 </td> 552 </td>
553 </tr> 553 </tr>
554 </table> 554 </table>
555 </div> 555 </div>
556 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 556 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
557 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button> 557 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button>
558 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button> 558 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button>
559 </div> 559 </div>
560 </div> 560 </div>
561 </div> 561 </div>
562 562
563 <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;"> 563 <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;">
564 <div class="customModalInner"> 564 <div class="customModalInner">
565 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 565 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
566 <table> 566 <table>
567 <tr> 567 <tr>
568 <td> 568 <td>
569 <img src="img/info.png" style="width: 50px;"> 569 <img src="img/info.png" style="width: 50px;">
570 </td> 570 </td>
571 <td> 571 <td>
572 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p> 572 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p>
573 </td> 573 </td>
574 </tr> 574 </tr>
575 </table> 575 </table>
576 </div> 576 </div>
577 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 577 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
578 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button> 578 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button>
579 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button> 579 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button>
580 </div> 580 </div>
581 </div> 581 </div>
582 </div> 582 </div>
583 583
584 <div class="customConfirmPopBackdrop" id="resetPricing" style="display: none;"> 584 <div class="customConfirmPopBackdrop" id="resetPricing" style="display: none;">
585 <div class="customModalInner"> 585 <div class="customModalInner">
586 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 586 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
587 <table> 587 <table>
588 <tr> 588 <tr>
589 <td> 589 <td>
590 <img src="img/info.png" style="width: 50px;"> 590 <img src="img/info.png" style="width: 50px;">
591 </td> 591 </td>
592 <td> 592 <td>
593 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to reset and clear all of the staged pricing above and current pricing below?</p> 593 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to reset and clear all of the staged pricing above and current pricing below?</p>
594 </td> 594 </td>
595 </tr> 595 </tr>
596 </table> 596 </table>
597 </div> 597 </div>
598 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 598 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
599 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmReset()">Yes</button> 599 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmReset()">Yes</button>
600 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelReset()">No</button> 600 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelReset()">No</button>
601 </div> 601 </div>
602 </div> 602 </div>
603 </div> 603 </div>
604 604
605 <!-- Le javascript 605 <!-- Le javascript
606 ================================================== --> 606 ================================================== -->
607 <!-- Placed at the end of the document so the pages load faster --> 607 <!-- Placed at the end of the document so the pages load faster -->
608 <!-- <script> 608 <!-- <script>
609 CKEDITOR.replace( 'editor2', { 609 CKEDITOR.replace( 'editor2', {
610 height: 250, 610 height: 250,
611 extraPlugins: 'divarea' 611 extraPlugins: 'divarea'
612 } ); 612 } );
613 </script> --> 613 </script> -->
app/partials/viewCompany/viewCompany.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
4 } 4 }
5 .widget-content{ 5 .widget-content{
6 padding: 10px !important; 6 padding: 10px !important;
7 } 7 }
8 .widget-content input[type="text"], .widget-content select{ 8 .widget-content input[type="text"], .widget-content select{
9 height: 31px; 9 height: 31px;
10 padding: 0; 10 padding: 0;
11 } 11 }
12 .new-label span{ 12 .new-label span{
13 float: left; 13 float: left;
14 line-height: 31px; 14 line-height: 31px;
15 } 15 }
16 .new-label span:first-child{ 16 .new-label span:first-child{
17 margin-right: 5px; 17 margin-right: 5px;
18 font-weight: bold; 18 font-weight: bold;
19 } 19 }
20 .new-label span:last-child{ 20 .new-label span:last-child{
21 margin-left: 5px; 21 margin-left: 5px;
22 } 22 }
23 .new-label select{ 23 .new-label select{
24 display: -webkit-inline-box; 24 display: -webkit-inline-box;
25 display: inline-box; 25 display: inline-box;
26 float: left; 26 float: left;
27 } 27 }
28 .new-address p{ 28 .new-address p{
29 margin-bottom: 0; 29 margin-bottom: 0;
30 } 30 }
31 .new-add-select{ 31 .new-add-select{
32 padding-left: 15px; 32 padding-left: 15px;
33 margin: 10px 0; 33 margin: 10px 0;
34 } 34 }
35 .new-add-select select{ 35 .new-add-select select{
36 width: 100px; 36 width: 100px;
37 } 37 }
38 .widget{ 38 .widget{
39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
42 } 42 }
43 .optionclass { 43 .optionclass {
44 background: #fff; 44 background: #fff;
45 } 45 }
46 .timess { 46 .timess {
47 float: right !important; 47 float: right !important;
48 margin-top: 10px !important; 48 margin-top: 10px !important;
49 margin-right: 10px !important; 49 margin-right: 10px !important;
50 color: #999 !important; 50 color: #999 !important;
51 cursor: pointer !important; 51 cursor: pointer !important;
52 } 52 }
53 53
54 .button1 { 54 .button1 {
55 display: inline-block; 55 display: inline-block;
56 height: 35px; 56 height: 35px;
57 line-height: 35px; 57 line-height: 35px;
58 padding-right: 15px; 58 padding-right: 15px;
59 padding-left: 50px; 59 padding-left: 50px;
60 position: relative; 60 position: relative;
61 background-color:rgb(41,127,184); 61 background-color:rgb(41,127,184);
62 color:rgb(255,255,255); 62 color:rgb(255,255,255);
63 text-decoration: none; 63 text-decoration: none;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 letter-spacing: 1px; 65 letter-spacing: 1px;
66 margin-bottom: 15px; 66 margin-bottom: 15px;
67 border: 0; 67 border: 0;
68 68
69 69
70 border-radius: 5px; 70 border-radius: 5px;
71 -moz-border-radius: 5px; 71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px; 72 -webkit-border-radius: 5px;
73 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 73 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
76 76
77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
79 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 79 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
82 } 82 }
83 83
84 .button1 span { 84 .button1 span {
85 position: absolute; 85 position: absolute;
86 left: 0; 86 left: 0;
87 top: 0; 87 top: 0;
88 width: 35px; 88 width: 35px;
89 background-color:rgba(0,0,0,0.5); 89 background-color:rgba(0,0,0,0.5);
90 90
91 -webkit-border-top-left-radius: 5px; 91 -webkit-border-top-left-radius: 5px;
92 -webkit-border-bottom-left-radius: 5px; 92 -webkit-border-bottom-left-radius: 5px;
93 -moz-border-radius-topleft: 5px; 93 -moz-border-radius-topleft: 5px;
94 -moz-border-radius-bottomleft: 5px; 94 -moz-border-radius-bottomleft: 5px;
95 border-top-left-radius: 5px; 95 border-top-left-radius: 5px;
96 border-bottom-left-radius: 5px; 96 border-bottom-left-radius: 5px;
97 border-right: 1px solid rgba(0,0,0,0.15); 97 border-right: 1px solid rgba(0,0,0,0.15);
98 } 98 }
99 99
100 .button1:hover span, .button1.active span { 100 .button1:hover span, .button1.active span {
101 background-color:rgb(0,102,26); 101 background-color:rgb(0,102,26);
102 border-right: 1px solid rgba(0,0,0,0.3); 102 border-right: 1px solid rgba(0,0,0,0.3);
103 } 103 }
104 104
105 .button1:active { 105 .button1:active {
106 margin-top: 2px; 106 margin-top: 2px;
107 margin-bottom: 13px; 107 margin-bottom: 13px;
108 108
109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
111 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 111 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
114 } 114 }
115 115
116 .button1.turquoise { 116 .button1.turquoise {
117 background: #449d44; 117 background: #449d44;
118 } 118 }
119 119
120 </style> 120 </style>
121 121
122 <div class="myLoader" ng-show="showLoader"> 122 <div class="myLoader" ng-show="showLoader">
123 <img src="../img/hourglass.gif" width="50px;"> 123 <img src="../img/hourglass.gif" width="50px;">
124 </div> 124 </div>
125 125
126 <div class="col-xs-12 col-md-12"> 126 <div class="col-xs-12 col-md-12">
127 <div class="row" style="margin-left:0px"> 127 <div class="row" style="margin-left:0px">
128 <div class="col-md-12"> 128 <div class="col-md-12">
129 <div class="widget"> 129 <div class="widget">
130 <div class="widget-header"> 130 <div class="widget-header">
131 <i class="fa fa-building-o" aria-hidden="true"></i> 131 <i class="fa fa-building-o" aria-hidden="true"></i>
132 <h3>{{companyData.companyName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteComp(companyData.id)" aria-hidden="true"></i></h3> 132 <h3>{{companyData.companyName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteComp(companyData.id)" aria-hidden="true"></i></h3>
133 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i> 133 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i>
134 </div> 134 </div>
135 <!-- /widget-header --> 135 <!-- /widget-header -->
136 <div class="widget-content"> 136 <div class="widget-content">
137 <div class="row" style="margin-left:0px"> 137 <div class="row" style="margin-left:0px">
138 <div class="col-md-6" ng-show="isGlobal"> 138 <div class="col-md-6" ng-show="isGlobal">
139 <div class="widget"> 139 <div class="widget">
140 <div class="widget-header"> 140 <div class="widget-header">
141 <i class="fa fa-building-o" aria-hidden="true"></i> 141 <i class="fa fa-building-o" aria-hidden="true"></i>
142 <h3>Company Details</h3> 142 <h3>Company Details</h3>
143 <label>BASE ICAO</label> 143 <label>BASE ICAO</label>
144 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" /> 144 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" />
145 145
146 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 146 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
147 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle> 147 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
148 </div> 148 </div>
149 149
150 </div> 150 </div>
151 <div class="widget-content" style="min-height: 350px;"> 151 <div class="widget-content" style="min-height: 350px;">
152 <div class="row" style="margin-left:0px;"> 152 <div class="row" style="margin-left:0px;">
153 <div class="col-md-7" style="padding-left: 0;"> 153 <div class="col-md-7" style="padding-left: 0;">
154 <h4 ng-show="showCompanyName"> 154 <h4 ng-show="showCompanyName">
155 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 155 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
156 </h4> 156 </h4>
157 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/> 157 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/>
158 </div> 158 </div>
159 <div class="col-md-5"> 159 <div class="col-md-5">
160 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType"> 160 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType">
161 <option class="optionclass" value="" disabled selected>Certificate Type</option> 161 <option class="optionclass" value="" disabled selected>Certificate Type</option>
162 <option class="optionclass" value="corporate">Part 91 (Corporate)</option> 162 <option class="optionclass" value="corporate">Part 91 (Corporate)</option>
163 <option class="optionclass" value="charter">Part 135 (Charter)</option> 163 <option class="optionclass" value="charter">Part 135 (Charter)</option>
164 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option> 164 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option>
165 <option class="optionclass" value="military">Military</option> 165 <option class="optionclass" value="military">Military</option>
166 <option class="optionclass" value="government">Government</option> 166 <option class="optionclass" value="government">Government</option>
167 </select> 167 </select>
168 </div> 168 </div>
169 </div> 169 </div>
170 <div> 170 <div>
171 <p class="new-label"> 171 <p class="new-label">
172 <span>JET A Margin </span> 172 <span>JET A Margin </span>
173 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin"> 173 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin">
174 <option ng-if="multiple" value="multiple">Multiple</option> 174 <option ng-if="multiple" value="multiple">Multiple</option>
175 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 175 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
176 </select> 176 </select>
177 <span ng-show="multipleMsg">&nbsp;See Aircrart List</span> 177 <span ng-show="multipleMsg">&nbsp;See Aircrart List</span>
178 <div class="clearfix"></div> 178 <div class="clearfix"></div>
179 </p> 179 </p>
180 </div> 180 </div>
181 <div> 181 <div>
182 <p class="new-label"> 182 <p class="new-label">
183 <span>AVGAS 100LL </span> 183 <span>AVGAS 100LL </span>
184 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin"> 184 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin">
185 <option value="">N/A</option> 185 <option value="">N/A</option>
186 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 186 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
187 </select> 187 </select>
188 <div class="clearfix"></div> 188 <div class="clearfix"></div>
189 </p> 189 </p>
190 </div> 190 </div>
191 <div> 191 <div>
192 <ui-select multiple class="form-control" ng-model="selected" name="name" ng-change="changeValue(selected)"> 192 <ui-select multiple class="form-control" ng-model="selected" name="name" ng-change="changeValue(selected)">
193 <ui-select-match placeholder="Select or Search">{{$item.first}}</ui-select-match> 193 <ui-select-match placeholder="Select or Search">{{$item.first}}</ui-select-match>
194 <ui-select-choices repeat="val.first as val in values | filter: $select.search"> 194 <ui-select-choices repeat="val.first as val in values | filter: $select.search">
195 {{val.first}} 195 {{val.first}}
196 <!-- <div ng-bind-html="val | highlight: $select"></div> --> 196 <!-- <div ng-bind-html="val | highlight: $select"></div> -->
197 </ui-select-choices> 197 </ui-select-choices>
198 </ui-select> 198 </ui-select>
199 </div> 199 </div>
200 </br> 200 </br>
201 <div class="new-address"> 201 <div class="new-address">
202 </div> 202 </div>
203 <div> 203 <div>
204 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 204 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
205 <p ng-show="showNoteData">{{companyData.internalNote}}</p> 205 <p ng-show="showNoteData">{{companyData.internalNote}}</p>
206 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea> 206 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea>
207 </div> 207 </div>
208 <div class="pull-left"> 208 <div class="pull-left">
209 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 209 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
210 <button ng-click="cancelUpdateData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 210 <button ng-click="cancelUpdateData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
211 </div> 211 </div>
212 <div class="pull-right"> 212 <div class="pull-right">
213 <button type="button" ng-show="isShowEmail" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 213 <button type="button" ng-show="isShowEmail" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
214 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button> 214 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button>
215 </div> 215 </div>
216 <div class="clearfix"></div> 216 <div class="clearfix"></div>
217 </div> 217 </div>
218 </div> 218 </div>
219 </div> 219 </div>
220 <div class="col-md-6" ng-hide="isGlobal"> 220 <div class="col-md-6" ng-hide="isGlobal">
221 <div class="widget"> 221 <div class="widget">
222 <div class="widget-header"> 222 <div class="widget-header">
223 <i class="fa fa-building-o" aria-hidden="true"></i> 223 <i class="fa fa-building-o" aria-hidden="true"></i>
224 <h3>Company Details</h3> 224 <h3>Company Details</h3>
225 <label>BASE ICAO</label> 225 <label>BASE ICAO</label>
226 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" /> 226 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" />
227 227
228 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 228 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
229 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle> 229 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
230 </div> 230 </div>
231 231
232 </div> 232 </div>
233 <div class="widget-content"> 233 <div class="widget-content">
234 <div class="row" style="margin-left:0px;"> 234 <div class="row" style="margin-left:0px;">
235 <div class="col-md-7" style="padding-left: 0;"> 235 <div class="col-md-7" style="padding-left: 0;">
236 <h4 ng-show="showCompanyName"> 236 <h4 ng-show="showCompanyName">
237 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 237 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
238 </h4> 238 </h4>
239 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/> 239 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/>
240 </div> 240 </div>
241 <div class="col-md-5"> 241 <div class="col-md-5">
242 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType"> 242 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType">
243 <option class="optionclass" value="" disabled selected>Certificate Type</option> 243 <option class="optionclass" value="" disabled selected>Certificate Type</option>
244 <option class="optionclass" value="corporate">Part 91 (Corporate)</option> 244 <option class="optionclass" value="corporate">Part 91 (Corporate)</option>
245 <option class="optionclass" value="charter">Part 135 (Charter)</option> 245 <option class="optionclass" value="charter">Part 135 (Charter)</option>
246 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option> 246 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option>
247 <option class="optionclass" value="military">Military</option> 247 <option class="optionclass" value="military">Military</option>
248 <option class="optionclass" value="government">Government</option> 248 <option class="optionclass" value="government">Government</option>
249 </select> 249 </select>
250 </div> 250 </div>
251 </div> 251 </div>
252 <div> 252 <div>
253 <p class="new-label"> 253 <p class="new-label">
254 <span>JET A Margin </span> 254 <span>JET A Margin </span>
255 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin"> 255 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin">
256 <option ng-if="multiple" value="multiple">Multiple</option> 256 <option ng-if="multiple" value="multiple">Multiple</option>
257 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 257 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
258 </select> 258 </select>
259 <span ng-show="multipleMsg">&nbsp;See Aircraft List</span> 259 <span ng-show="multipleMsg">&nbsp;See Aircraft List</span>
260 <div class="clearfix"></div> 260 <div class="clearfix"></div>
261 </p> 261 </p>
262 </div> 262 </div>
263 <div> 263 <div>
264 <p class="new-label"> 264 <p class="new-label">
265 <span>AVGAS 100LL </span> 265 <span>AVGAS 100LL </span>
266 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin"> 266 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin">
267 <option value="">N/A</option> 267 <option value="">N/A</option>
268 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 268 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
269 </select> 269 </select>
270 <div class="clearfix"></div> 270 <div class="clearfix"></div>
271 </p> 271 </p>
272 </div> 272 </div>
273 <div class="row" style="margin-left:0px;"> 273 <div class="row" style="margin-left:0px;">
274 <div class="col-md-5" style="padding-left: 0;"> 274 <div class="col-md-5" style="padding-left: 0;">
275 <input type="checkbox" name="" ng-model="companyData.baseTenant" ng-change="checkboxStatus(companyData.baseTenant)"> Tenant/Base Customer 275 <input type="checkbox" name="" ng-model="companyData.baseTenant" ng-change="checkboxStatus(companyData.baseTenant)"> Tenant/Base Customer
276 </div> 276 </div>
277 <div class="col-md-5" style="padding-left: 0;"> 277 <div class="col-md-5" style="padding-left: 0;">
278 <input type="checkbox" name="" ng-model="companyData.fuelerlinxCustomer" ng-change="fuelercheckboxStatus(companyData.fuelerlinxCustomer)"> FuelerLinx Customer 278 <input type="checkbox" name="" ng-model="companyData.fuelerlinxCustomer" ng-change="fuelercheckboxStatus(companyData.fuelerlinxCustomer)"> FuelerLinx Customer
279 </div> 279 </div>
280 </div> 280 </div>
281 <div> 281 <div>
282 <input type="checkbox" name="" ng-model="companyData.contractFuelVendor" ng-change="checkboxStatus(companyData.contractFuelVendor)"> CAA Member 282 <input type="checkbox" name="" ng-model="companyData.contractFuelVendor" ng-change="checkboxStatus(companyData.contractFuelVendor)"> CAA Member
283 </div> 283 </div>
284 </br> 284 </br>
285 <div class="new-address"> 285 <div class="new-address">
286 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> 286 <p ng-show="showAddress"><i class="fa fa-map-marker"></i>
287 <span ng-hide="companyData.addressOne == 'null'">{{companyData.addressOne}}</span><span ng-hide="companyData.addressTwo == 'null'">, 287 <span ng-hide="companyData.addressOne == 'null'">{{companyData.addressOne}}</span><span ng-hide="companyData.addressTwo == 'null'">,
288 {{companyData.addressTwo}}</span> <span ng-hide="companyData.city == 'null'"><br/>{{companyData.city}},</span> <span ng-hide="companyData.state == 'null'">{{companyData.state}}</span> <span ng-hide="companyData.zipcode == 'null'">{{companyData.zipcode}}</span> <span ng-hide="companyData.country == 'null'"></br>{{companyData.country}}</span> &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p> 288 {{companyData.addressTwo}}</span> <span ng-hide="companyData.city == 'null'"><br/>{{companyData.city}},</span> <span ng-hide="companyData.state == 'null'">{{companyData.state}}</span> <span ng-hide="companyData.zipcode == 'null'">{{companyData.zipcode}}</span> <span ng-hide="companyData.country == 'null'"></br>{{companyData.country}}</span> &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p>
289 289
290 <div ng-hide="showAddress" style="margin-bottom:10px;"> 290 <div ng-hide="showAddress" style="margin-bottom:10px;">
291 <label>Address1</label> 291 <label>Address1</label>
292 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressOne" class="form-control" /> 292 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressOne" class="form-control" />
293 <label>Address2</label> 293 <label>Address2</label>
294 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressTwo" class="form-control" /> 294 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressTwo" class="form-control" />
295 <label>City</label> 295 <label>City</label>
296 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.city" class="form-control" /> 296 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.city" class="form-control" />
297 <label>State</label> 297 <label>State</label>
298 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.state" class="form-control" /> 298 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.state" class="form-control" />
299 <label>ZipCode</label> 299 <label>ZipCode</label>
300 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.zipcode" class="form-control" /> 300 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.zipcode" class="form-control" />
301 <label>Country</label> 301 <label>Country</label>
302 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.country" class="form-control" /> 302 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.country" class="form-control" />
303 </div> 303 </div>
304 304
305 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null"> 305 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null">
306 <i class="fa fa-phone" ng-hide="showEditContact"></i> 306 <i class="fa fa-phone" ng-hide="showEditContact"></i>
307 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 307 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
308 <i ng-click="showUpdateContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 308 <i ng-click="showUpdateContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
309 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditContact" aria-hidden="true"></i> 309 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditContact" aria-hidden="true"></i>
310 </p> 310 </p>
311 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.email != null"> 311 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.email != null">
312 <i class="fa fa-envelope" ng-hide="showEditEmail"></i> 312 <i class="fa fa-envelope" ng-hide="showEditEmail"></i>
313 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span> 313 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span>
314 <i ng-click="showUpdateEmail(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i> 314 <i ng-click="showUpdateEmail(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i>
315 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditEmail" aria-hidden="true"></i> 315 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditEmail" aria-hidden="true"></i>
316 </p> 316 </p>
317 </div> 317 </div>
318 <div style="margin-top:5px; margin-bottom:5px;"> 318 <div style="margin-top:5px; margin-bottom:5px;">
319 <button type="button" ng-click="addCustomPhone('phone')" class="btn btn-default">Add Phone</button> 319 <button type="button" ng-click="addCustomPhone('phone')" class="btn btn-default">Add Phone</button>
320 <button type="button" class="btn btn-info" ng-click="addCustomEmail('email')">Add Email</button> 320 <button type="button" class="btn btn-info" ng-click="addCustomEmail('email')">Add Email</button>
321 </div> 321 </div>
322 <div> 322 <div>
323 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 323 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
324 <p ng-show="showNoteData">{{companyData.internalNote}}</p> 324 <p ng-show="showNoteData">{{companyData.internalNote}}</p>
325 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea> 325 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea>
326 </div> 326 </div>
327 <div class="pull-left"> 327 <div class="pull-left">
328 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 328 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
329 <button ng-click="cancelUpdateData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 329 <button ng-click="cancelUpdateData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
330 </div> 330 </div>
331 <div class="pull-right"> 331 <div class="pull-right">
332 <button type="button" ng-show="isShowEmail" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 332 <button type="button" ng-show="isShowEmail" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
333 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button> 333 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button>
334 </div> 334 </div>
335 <div class="clearfix"></div> 335 <div class="clearfix"></div>
336 </div> 336 </div>
337 </div> 337 </div>
338 </div> 338 </div>
339 <div class="col-md-6"> 339 <div class="col-md-6">
340 <div class="widget" style="min-height: 350px;"> 340 <div class="widget" style="min-height: 350px;">
341 <div class="widget-header"> 341 <div class="widget-header">
342 <i class="fa fa-plane"></i> 342 <i class="fa fa-plane"></i>
343 <h3>Aircraft List</h3> 343 <h3>Aircraft List</h3>
344 <div class="pull-right"> 344 <div class="pull-right">
345 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft </button> 345 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft </button>
346 </div> 346 </div>
347 </div> 347 </div>
348 <div class="widget-content" style="padding:0px;min-height: 350px;"> 348 <div class="widget-content" style="padding:0px;min-height: 350px;">
349 <div class="table-responsive"> 349 <div class="table-responsive">
350 <table class="table table-bordered table-hover table-striped"> 350 <table class="table table-bordered table-hover table-striped">
351 <thead> 351 <thead>
352 <tr> 352 <tr>
353 <th>Tail #</th> 353 <th>Tail #</th>
354 <th>Make</th> 354 <th>Make</th>
355 <th>Model</th> 355 <th>Model</th>
356 <th>Fuel Type</th> 356 <th>Fuel Type</th>
357 <th>Margin</th> 357 <th>Margin</th>
358 <th>All In</th> 358 <th>All In</th>
359 <!-- <th>AVGAS</th> --> 359 <!-- <th>AVGAS</th> -->
360 <th>All In</th> 360 <th>All In</th>
361 <th></th> 361 <th></th>
362 </tr> 362 </tr>
363 </thead> 363 </thead>
364 <tbody> 364 <tbody>
365 <tr ng-repeat="aircraft in contactAircraftList"> 365 <tr ng-repeat="aircraft in contactAircraftList">
366 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.tail}}</td> 366 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.tail}}</td>
367 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.make}}</td> 367 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.make}}</td>
368 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.model}}</td> 368 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.model}}</td>
369 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.fuelType}}</td> 369 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.fuelType}}</td>
370 <td> 370 <td>
371 <select ng-show="abc && aircraft.fuelType=='Jet-A'" class="form-control" style="height:31px;" ng-model="aircraft.aircraftsMargin.id" ng-change="editJetMargin(aircraft,'jet')" ng-options="margin.id as margin.marginName for margin in jetMarginList" required> 371 <select ng-show="abc && aircraft.fuelType=='Jet-A'" class="form-control" style="height:31px;" ng-model="aircraft.aircraftsMargin.id" ng-change="editJetMargin(aircraft,'jet')" ng-options="margin.id as margin.marginName for margin in jetMarginList" required>
372 <option value="">N/A</option> 372 <option value="">N/A</option>
373 </select> 373 </select>
374 <!-- </td> 374 <!-- </td>
375 <td> --> 375 <td> -->
376 <select ng-show ="xyz && aircraft.fuelType=='100LL'"" class="form-control" style="height:31px;" ng-model="aircraft.aircraftsAVGASMargin.id" ng-change="editJetMargin(aircraft,'avgas')"> 376 <select ng-show ="xyz && aircraft.fuelType=='100LL'"" class="form-control" style="height:31px;" ng-model="aircraft.aircraftsAVGASMargin.id" ng-change="editJetMargin(aircraft,'avgas')">
377 <option value="">N/A</option> 377 <option value="">N/A</option>
378 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 378 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
379 </select> 379 </select>
380 </td> 380 </td>
381 <td style="color:#55AF8B;">${{aircraft.marginAllIn | number : 4}}</td> 381 <td style="color:#55AF8B;">${{aircraft.marginAllIn | number : 4}}</td>
382 382
383 <td style="color:#55AF8B;">${{aircraft.marginAvgasAllIn | number : 4}}</td> 383 <td style="color:#55AF8B;">${{aircraft.marginAvgasAllIn | number : 4}}</td>
384 <td> 384 <td>
385 <i class="fa fa-trash-o deleteTierIcon" ng-if="!aircraft.global" ng-click="deleteAircraft(aircraft.id)" aria-hidden="true"></i> 385 <i class="fa fa-trash-o deleteTierIcon" ng-if="!aircraft.global" ng-click="deleteAircraft(aircraft.id)" aria-hidden="true"></i>
386 </td> 386 </td>
387 </tr> 387 </tr>
388 </tbody> 388 </tbody>
389 </table> 389 </table>
390 </div> 390 </div>
391 </div> 391 </div>
392 </div> 392 </div>
393 </div> 393 </div>
394 </div> 394 </div>
395 <div class="row" style="margin-left:0px"> 395 <div class="row" style="margin-left:0px">
396 <div class="col-md-6"> 396 <div class="col-md-6">
397 <div class="widget"> 397 <div class="widget">
398 <div class="widget-header"> 398 <div class="widget-header">
399 <i class="fa fa-user"></i> 399 <i class="fa fa-user"></i>
400 <h3>Contact List</h3> 400 <h3>Contact List</h3>
401 <div class="pull-right"> 401 <div class="pull-right">
402 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button> 402 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button>
403 </div> 403 </div>
404 </div> 404 </div>
405 <div class="widget-content" style="padding:0px"> 405 <div class="widget-content" style="padding:0px">
406 <div class="table-responsive"> 406 <div class="table-responsive">
407 <table class="table table-bordered table-hover table-striped"> 407 <table class="table table-bordered table-hover table-striped">
408 <thead> 408 <thead>
409 <tr> 409 <tr>
410 <th>Price Email</th> 410 <th>Price Email</th>
411 <th>First Name</th> 411 <th>First Name</th>
412 <th>Last Name</th> 412 <th>Last Name</th>
413 <th>Title</th> 413 <th>Title</th>
414 </tr> 414 </tr>
415 </thead> 415 </thead>
416 <tbody> 416 <tbody>
417 <tr ng-repeat="contact in companyContactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> 417 <tr ng-repeat="contact in companyContactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})">
418 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle></td> 418 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle></td>
419 <td> 419 <td>
420 {{contact.firstName}} 420 {{contact.firstName}}
421 </td> 421 </td>
422 <td>{{contact.lastName}}</td> 422 <td>{{contact.lastName}}</td>
423 <td>{{contact.title}}</td> 423 <td>{{contact.title}}</td>
424 </tr> 424 </tr>
425 </tbody> 425 </tbody>
426 </table> 426 </table>
427 </div> 427 </div>
428 </div> 428 </div>
429 </div> 429 </div>
430 </div> 430 </div>
431 <div class="col-md-6"> 431 <div class="col-md-6">
432 <div class="widget"> 432 <div class="widget">
433 <div class="widget-header"> 433 <div class="widget-header">
434 <i class="fa fa-pencil"></i> 434 <i class="fa fa-pencil"></i>
435 <h3>Price Manager Reference</h3> 435 <h3>Price Manager Reference</h3>
436 </div> 436 </div>
437 <div class="widget-content"> 437 <div class="widget-content">
438 <div class="table-responsive"> 438 <div class="table-responsive">
439 <table class="table table-striped strikeTable" style="position: relative; margin-bottom: 0;"> 439 <table class="table table-striped strikeTable" style="position: relative; margin-bottom: 0;">
440 <!-- <table class="table table-striped" style="position: relative; margin-bottom: 0;"> --> 440 <!-- <table class="table table-striped" style="position: relative; margin-bottom: 0;"> -->
441 <thead> 441 <thead>
442 <tr> 442 <tr>
443 <th>Omit</th> 443 <th>Omit</th>
444 <th>Product</th> 444 <th>Product</th>
445 <th>Cost</th> 445 <th>Cost</th>
446 <th>PAP (Margin)</th> 446 <th>PAP (Margin)</th>
447 <th>PAP (Total)</th> 447 <th>PAP (Total)</th>
448 <th style="color:#F90">Expires</th> 448 <th style="color:#F90">Expires</th>
449 </tr> 449 </tr>
450 </thead> 450 </thead>
451 <tbody> 451 <tbody>
452 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''"> 452 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''">
453 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> --> 453 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> -->
454 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td> 454 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td>
455 <td>{{fuel.name}}</td> 455 <td>{{fuel.name}}</td>
456 <td>${{fuel.fuelPricing.cost | number :4}}</td> 456 <td>${{fuel.fuelPricing.cost | number :4}}</td>
457 <td>${{fuel.fuelPricing.papMargin | number :4}}</td> 457 <td>${{fuel.fuelPricing.papMargin | number :4}}</td>
458 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number :4}}</td> 458 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number :4}}</td>
459 <td style="color:#F90">{{fuel.fuelPricing.expirationDate | date : "MM/dd/y" }}</td> 459 <td style="color:#F90">{{fuel.fuelPricing.expirationDate | date : "MM/dd/y" }}</td>
460 </tr> 460 </tr>
461 461
462 </tbody> 462 </tbody>
463 </table> 463 </table>
464 </div> 464 </div>
465 </div> 465 </div>
466 </div> 466 </div>
467 </div> 467 </div>
468 </div> 468 </div>
469 </div> 469 </div>
470 <!-- /widget-content --> 470 <!-- /widget-content -->
471 </div> 471 </div>
472 <!-- /widget --> 472 <!-- /widget -->
473 </div> 473 </div>
474 <!-- /span6 --> 474 <!-- /span6 -->
475 </div> 475 </div>
476 <!-- /widget --> 476 <!-- /widget -->
477 </div> 477 </div>
478 <!-- /container --> 478 <!-- /container -->
479 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 479 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
480 <div class="modal-dialog modal-lg"> 480 <div class="modal-dialog modal-lg">
481 <div class="modal-content"> 481 <div class="modal-content">
482 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 482 <div class="modal-body step-1" data-step="1" style="padding: 0;">
483 <div> 483 <div>
484 <div class="row" style="margin: 0;"> 484 <div class="row" style="margin: 0;">
485 <div> 485 <div>
486 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 486 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
487 <div class="widget-header"> 487 <div class="widget-header">
488 <i class="icon-pencil"></i> 488 <i class="icon-pencil"></i>
489 <i class="fa fa-tasks" aria-hidden="true"></i> 489 <i class="fa fa-tasks" aria-hidden="true"></i>
490 <h3>Add a New Contact</h3> 490 <h3>Add a New Contact</h3>
491 <div class="clearfix"></div> 491 <div class="clearfix"></div>
492 </div> 492 </div>
493 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 493 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
494 <div class="col-xs-12"> 494 <div class="col-xs-12">
495 <div class="col-md-6"> 495 <div class="col-md-6">
496 <div class="pull-left" style="width: 110px;"> 496 <div class="pull-left" style="width: 110px;">
497 <label class="new-input-label"><b>First Name</b></label> 497 <label class="new-input-label"><b>First Name</b></label>
498 </div> 498 </div>
499 <div class="pull-left" style="margin-left: 15px;"> 499 <div class="pull-left" style="margin-left: 15px;">
500 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 500 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
501 </div> 501 </div>
502 <div class="clearfix"></div> 502 <div class="clearfix"></div>
503 </div> 503 </div>
504 <div class="col-md-6"> 504 <div class="col-md-6">
505 505
506 <div class="pull-left" style="width: 110px;"> 506 <div class="pull-left" style="width: 110px;">
507 <label class="new-input-label"><b>Last Name</b></label> 507 <label class="new-input-label"><b>Last Name</b></label>
508 </div> 508 </div>
509 <div class="pull-left" style="margin-left: 15px;"> 509 <div class="pull-left" style="margin-left: 15px;">
510 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 510 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
511 </div> 511 </div>
512 <div class="clearfix"></div> 512 <div class="clearfix"></div>
513 </div> 513 </div>
514 </div> 514 </div>
515 <div class="clearfix"></div><br> 515 <div class="clearfix"></div><br>
516 <div class="col-xs-12"> 516 <div class="col-xs-12">
517 <div class="col-md-6"> 517 <div class="col-md-6">
518 <div class="pull-left" style="width: 110px;"> 518 <div class="pull-left" style="width: 110px;">
519 <label class="new-input-label"><b>Title</b></label> 519 <label class="new-input-label"><b>Title</b></label>
520 </div> 520 </div>
521 <div class="pull-left" style="margin-left: 15px;"> 521 <div class="pull-left" style="margin-left: 15px;">
522 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 522 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
523 </div> 523 </div>
524 <div class="clearfix"></div> 524 <div class="clearfix"></div>
525 </div> 525 </div>
526 <div class="col-md-6"> 526 <div class="col-md-6">
527 527
528 <div class="pull-left" style="width: 110px;"> 528 <div class="pull-left" style="width: 110px;">
529 <label class="new-input-label"><b>Email</b></label> 529 <label class="new-input-label"><b>Email</b></label>
530 </div> 530 </div>
531 <div class="pull-left" style="margin-left: 15px;"> 531 <div class="pull-left" style="margin-left: 15px;">
532 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 532 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
533 </div> 533 </div>
534 <div class="clearfix"></div> 534 <div class="clearfix"></div>
535 </div> 535 </div>
536 </div> 536 </div>
537 <div class="clearfix"></div><br> 537 <div class="clearfix"></div><br>
538 <div class="col-xs-12"> 538 <div class="col-xs-12">
539 <div class="col-md-6"> 539 <div class="col-md-6">
540 <div class="pull-left" style="width: 110px;"> 540 <div class="pull-left" style="width: 110px;">
541 <label class="new-input-label"><b>Username</b></label> 541 <label class="new-input-label"><b>Username</b></label>
542 </div> 542 </div>
543 <div class="pull-left" style="margin-left: 15px;"> 543 <div class="pull-left" style="margin-left: 15px;">
544 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 544 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
545 </div> 545 </div>
546 <div class="clearfix"></div> 546 <div class="clearfix"></div>
547 </div> 547 </div>
548 <div class="col-md-6"> 548 <div class="col-md-6">
549 549
550 <div class="pull-left" style="width: 110px;"> 550 <div class="pull-left" style="width: 110px;">
551 <label class="new-input-label"><b>Password</b></label> 551 <label class="new-input-label"><b>Password</b></label>
552 </div> 552 </div>
553 <div class="pull-left" style="margin-left: 15px;"> 553 <div class="pull-left" style="margin-left: 15px;">
554 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 554 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
555 </div> 555 </div>
556 <div class="clearfix"></div> 556 <div class="clearfix"></div>
557 </div> 557 </div>
558 </div> 558 </div>
559 <div class="clearfix"></div><br> 559 <div class="clearfix"></div><br>
560 <div class="col-xs-12"> 560 <div class="col-xs-12">
561 <div class="col-md-6"> 561 <div class="col-md-6">
562 <div class="pull-left" style="width: 110px;"> 562 <div class="pull-left" style="width: 110px;">
563 <label class="new-input-label"><b>Work Phone</b></label> 563 <label class="new-input-label"><b>Work Phone</b></label>
564 </div> 564 </div>
565 <div class="pull-left" style="margin-left: 15px;"> 565 <div class="pull-left" style="margin-left: 15px;">
566 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 566 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
567 </div> 567 </div>
568 <div class="clearfix"></div> 568 <div class="clearfix"></div>
569 </div> 569 </div>
570 <div class="col-md-6"> 570 <div class="col-md-6">
571 571
572 <div class="pull-left" style="width: 110px;"> 572 <div class="pull-left" style="width: 110px;">
573 <label class="new-input-label"><b>Mobile Phone</b></label> 573 <label class="new-input-label"><b>Mobile Phone</b></label>
574 </div> 574 </div>
575 <div class="pull-left" style="margin-left: 15px;"> 575 <div class="pull-left" style="margin-left: 15px;">
576 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 576 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
577 </div> 577 </div>
578 <div class="clearfix"></div> 578 <div class="clearfix"></div>
579 </div> 579 </div>
580 </div> 580 </div>
581 <div class="clearfix"></div><br> 581 <div class="clearfix"></div><br>
582 <div class="col-xs-12"> 582 <div class="col-xs-12">
583 <div class="col-md-12"> 583 <div class="col-md-12">
584 <div class="pull-left" style="width: 110px;"> 584 <div class="pull-left" style="width: 110px;">
585 <label class="new-input-label"><b>Address</b></label> 585 <label class="new-input-label"><b>Address</b></label>
586 </div> 586 </div>
587 <div class="pull-right" style="width: calc(100% - 123px);"> 587 <div class="pull-right" style="width: calc(100% - 123px);">
588 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 588 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
589 </div> 589 </div>
590 <div class="clearfix"></div> 590 <div class="clearfix"></div>
591 </div> 591 </div>
592 </div> 592 </div>
593 <div class="clearfix"></div> 593 <div class="clearfix"></div>
594 <br/> 594 <br/>
595 <div class="col-xs-12"> 595 <div class="col-xs-12">
596 <div class="col-md-3"> 596 <div class="col-md-3">
597 <div class="pull-left my-toggle-switch"> 597 <div class="pull-left my-toggle-switch">
598 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 598 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
599 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 599 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
600 </div> 600 </div>
601 </div> 601 </div>
602 <div class="clearfix"></div> 602 <div class="clearfix"></div>
603 </div> 603 </div>
604 <div class="col-md-3"> 604 <div class="col-md-3">
605 <div class="pull-left my-toggle-switch"> 605 <div class="pull-left my-toggle-switch">
606 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 606 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
607 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 607 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
608 </div> 608 </div>
609 </div> 609 </div>
610 <div class="clearfix"></div> 610 <div class="clearfix"></div>
611 </div> 611 </div>
612 <div class="col-md-6"> 612 <div class="col-md-6">
613 <div class="pull-left" style="width: 110px;"> 613 <div class="pull-left" style="width: 110px;">
614 <label class="new-input-label"><b>Internal Note</b></label> 614 <label class="new-input-label"><b>Internal Note</b></label>
615 </div> 615 </div>
616 <div class="pull-left" style="width: calc(100% - 110px);"> 616 <div class="pull-left" style="width: calc(100% - 110px);">
617 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 617 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
618 </div> 618 </div>
619 </div> 619 </div>
620 <div class="clearfix"></div> 620 <div class="clearfix"></div>
621 </div> 621 </div>
622 <div class="clearfix"></div><br> 622 <div class="clearfix"></div><br>
623 </div> 623 </div>
624 </div> 624 </div>
625 <div class="clearfix"></div> 625 <div class="clearfix"></div>
626 </div> 626 </div>
627 </div> 627 </div>
628 </div> 628 </div>
629 </div> 629 </div>
630 <div class="modal-footer" style="border-top: 0;"> 630 <div class="modal-footer" style="border-top: 0;">
631 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 631 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
632 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 632 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
633 </div> 633 </div>
634 </div> 634 </div>
635 </div> 635 </div>
636 </form> 636 </form>
637 <div class="clearfix"></div> 637 <div class="clearfix"></div>
638 638
639 <!-- SetUp fuel order --> 639 <!-- SetUp fuel order -->
640 <form class="modal" id="demo-modal-4" name="orderform"> 640 <form class="modal" id="demo-modal-4" name="orderform">
641 <div class="modal-dialog modal-md"> 641 <div class="modal-dialog modal-md">
642 <div class="modal-content"> 642 <div class="modal-content">
643 <div class="modal-body" data-step="1" style="padding: 0;"> 643 <div class="modal-body" data-step="1" style="padding: 0;">
644 <div> 644 <div>
645 <div class="row" style="margin: 0;"> 645 <div class="row" style="margin: 0;">
646 <div> 646 <div>
647 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 647 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
648 <div class="widget-header"> 648 <div class="widget-header">
649 <i class="icon-pencil"></i> 649 <i class="icon-pencil"></i>
650 <i class="fa fa-tasks" aria-hidden="true"></i> 650 <i class="fa fa-tasks" aria-hidden="true"></i>
651 <h3>Search and Dispatch Fuel</h3> 651 <h3>Search and Dispatch Fuel</h3>
652 <div class="clearfix"></div> 652 <div class="clearfix"></div>
653 </div> 653 </div>
654 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 654 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
655 <div class="col-xs-12"> 655 <div class="col-xs-12">
656 <div class="col-xs-12"> 656 <div class="col-xs-12">
657 <div class="pull-left" style="width: 110px;"> 657 <div class="pull-left" style="width: 110px;">
658 <label class="new-input-label"><b>Company</b></label> 658 <label class="new-input-label"><b>Company</b></label>
659 </div> 659 </div>
660 <div class="pull-left" style="width: calc(100% - 110px);"> 660 <div class="pull-left" style="width: calc(100% - 110px);">
661 <input type="text" disabled ng-model="order.companyName" class="form-control" value="{{order.companyName}}" /> 661 <input type="text" disabled ng-model="order.companyName" class="form-control" value="{{order.companyName}}" />
662 </div> 662 </div>
663 <div class="clearfix"></div> 663 <div class="clearfix"></div>
664 </div> 664 </div>
665 <div class="clearfix"></div> 665 <div class="clearfix"></div>
666 <br> 666 <br>
667 <div class="col-xs-12"> 667 <div class="col-xs-12">
668 <div class="col-md-6"> 668 <div class="col-md-6">
669 <div class="pull-left" style="width: 110px;"> 669 <div class="pull-left" style="width: 110px;">
670 <label class="new-input-label"><b>Aircraft</b></label> 670 <label class="new-input-label"><b>Aircraft</b></label>
671 </div> 671 </div>
672 <div class="pull-left" style="width: calc(100% - 110px);"> 672 <div class="pull-left" style="width: calc(100% - 110px);">
673 <select class="form-control" ng-model="order.aircraftName" required> 673 <select class="form-control" ng-model="order.aircraftName" required>
674 <option selected disabled value="">Select Aircraft</option> 674 <option selected disabled value="">Select Aircraft</option>
675 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option> 675 <option ng-repeat="list in aircraftList" value="{{list}}">{{list.tail}}</option>
676 </select> 676 </select>
677 </div> 677 </div>
678 <div class="clearfix"></div> 678 <div class="clearfix"></div>
679 </div> 679 </div>
680 <div class="col-md-6"> 680 <div class="col-md-6">
681 <div class="pull-left" style="width: 110px;"> 681 <div class="pull-left" style="width: 110px;">
682 <label class="new-input-label"><b>Requested Volume</b></label> 682 <label class="new-input-label"><b>Requested Volume</b></label>
683 </div> 683 </div>
684 <div class="pull-left" style="width: calc(100% - 110px);"> 684 <div class="pull-left" style="width: calc(100% - 110px);">
685 <input type="text" ng-model="order.volume" class="form-control" required> 685 <input type="text" ng-model="order.volume" class="form-control" required>
686 </div> 686 </div>
687 <div class="clearfix"></div> 687 <div class="clearfix"></div>
688 </div> 688 </div>
689 </div> 689 </div>
690 <div class="clearfix"></div> 690 <div class="clearfix"></div>
691 <br/> 691 <br/>
692 <div class="col-xs-12"> 692 <div class="col-xs-12">
693 <div class="pull-left" style="width: 110px;"> 693 <div class="pull-left" style="width: 110px;">
694 <label class="new-input-label"><b>Price Quote</b></label> 694 <label class="new-input-label"><b>Price Quote</b></label>
695 </div> 695 </div>
696 <div class="pull-left" style="width: calc(100% - 110px);"> 696 <div class="pull-left" style="width: calc(100% - 110px);">
697 <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote); tiervalue()" required> 697 <select class="form-control" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote); tiervalue()" required>
698 <option value="" selected disabled>Select Price Quote</option> 698 <option value="" selected disabled>Select Price Quote</option>
699 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option> 699 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 2}} {{margin.productName}}</option>
700 </select> 700 </select>
701 </div> 701 </div>
702 <div class="clearfix"></div> 702 <div class="clearfix"></div>
703 </div> 703 </div>
704 <div class="clearfix"></div> 704 <div class="clearfix"></div>
705 <br/> 705 <br/>
706 <div class="col-xs-12"> 706 <div class="col-xs-12">
707 <div class="pull-left" style="width: 110px;"> 707 <div class="pull-left" style="width: 110px;">
708 <label class="new-input-label"><b>Tier Break</b></label> 708 <label class="new-input-label"><b>Tier Break</b></label>
709 </div> 709 </div>
710 <div class="pull-left" style="width: calc(100% - 110px);"> 710 <div class="pull-left" style="width: calc(100% - 110px);">
711 <select class="form-control" ng-model="order.tierBreak"> 711 <select class="form-control" ng-model="order.tierBreak">
712 <option value="" selected disabled>Select Tier Break</option> 712 <option value="" selected disabled>Select Tier Break</option>
713 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}"> 713 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}">
714 {{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}} 714 {{list.minTierBreak}}-{{list.maxTierBreak}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}}
715 </option> 715 </option>
716 </select> 716 </select>
717 </div> 717 </div>
718 <div class="clearfix"></div> 718 <div class="clearfix"></div>
719 </div> 719 </div>
720 <div class="clearfix"></div> 720 <div class="clearfix"></div>
721 <br/> 721 <br/>
722 <div class="col-xs-12"> 722 <div class="col-xs-12">
723 <div class="pull-left" style="width: 110px;"> 723 <div class="pull-left" style="width: 110px;">
724 <label class="new-input-label"><b>Uplift Date</b></label> 724 <label class="new-input-label"><b>Uplift Date</b></label>
725 </div> 725 </div>
726 <div class="pull-left" style="width: calc(100% - 110px);"> 726 <div class="pull-left" style="width: calc(100% - 110px);">
727 <input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required> 727 <input type="text" ng-model="order.upliftDate" datepicker class="form-control" style="width: 100px" required>
728 </div> 728 </div>
729 <div class="clearfix"></div> 729 <div class="clearfix"></div>
730 </div> 730 </div>
731 <div class="clearfix"></div> 731 <div class="clearfix"></div>
732 <br/> 732 <br/>
733 </div> 733 </div>
734 </div> 734 </div>
735 <div class="clearfix"></div> 735 <div class="clearfix"></div>
736 </div> 736 </div>
737 </div> 737 </div>
738 </div> 738 </div>
739 </div> 739 </div>
740 740
741 <div class="modal-footer" style="border-top: 0;"> 741 <div class="modal-footer" style="border-top: 0;">
742 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> 742 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button>
743 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="dispatchFuel()">Dispatch</button> 743 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="dispatchFuel()">Dispatch</button>
744 </div> 744 </div>
745 </div> 745 </div>
746 </div> 746 </div>
747 </div> 747 </div>
748 </form> 748 </form>
749 <div class="clearfix"></div> 749 <div class="clearfix"></div>
750 750
751 751
752 752
753 753
754 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm"> 754 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm">
755 <div class="modal-dialog modal-lg"> 755 <div class="modal-dialog modal-lg">
756 <div class="modal-content"> 756 <div class="modal-content">
757 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 757 <div class="modal-body step-2" data-step="2" style="padding: 0;">
758 <div> 758 <div>
759 <div class="row" style="margin: 0;"> 759 <div class="row" style="margin: 0;">
760 <div> 760 <div>
761 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 761 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
762 <div class="widget-header"> 762 <div class="widget-header">
763 <i class="icon-pencil"></i> 763 <i class="icon-pencil"></i>
764 <i class="fa fa-tasks" aria-hidden="true"></i> 764 <i class="fa fa-tasks" aria-hidden="true"></i>
765 <h3>Add a New Aircraft</h3> 765 <h3>Add a New Aircraft</h3>
766 <div class="clearfix"></div> 766 <div class="clearfix"></div>
767 </div> 767 </div>
768 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 768 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
769 <div class="col-xs-12"> 769 <div class="col-xs-12">
770 <div class="widget-header"> 770 <div class="widget-header">
771 <i class="fa fa-list"></i> 771 <i class="fa fa-list"></i>
772 <h3>Aircraft List </h3> 772 <h3>Aircraft List </h3>
773 </div> 773 </div>
774 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;"> 774 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;">
775 <div class="table-responsive"> 775 <div class="table-responsive">
776 <table class="table table-striped table-bordered"> 776 <table class="table table-striped table-bordered">
777 <thead> 777 <thead>
778 <tr> 778 <tr>
779 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 779 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
780 <th>Tail</th> 780 <th>Tail</th>
781 <th>Make</th> 781 <th>Make</th>
782 <th>Model</th> 782 <th>Model</th>
783 <th>Size</th> 783 <th>Size</th>
784 <th>JET A Margin</th> 784 <th>JET A Margin</th>
785 <th>AVGS 100LL Margin</th> 785 <th>AVGS 100LL Margin</th>
786 </tr> 786 </tr>
787 </thead> 787 </thead>
788 <tbody> 788 <tbody>
789 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 789 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
790 <!-- <td> 790 <!-- <td>
791 <input type="checkbox" ng-model="aircraftData.selected"/> 791 <input type="checkbox" ng-model="aircraftData.selected"/>
792 </td> --> 792 </td> -->
793 <!-- <td style="width: 15%"> 793 <!-- <td style="width: 15%">
794 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> 794 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/>
795 </td> --> 795 </td> -->
796 <td style="width: 15%"> 796 <td style="width: 15%">
797 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkTail(aircraftData.tail, $index);" required/> 797 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkTail(aircraftData.tail, $index);" required/>
798 </td> 798 </td>
799 <td style="width: 17%"> 799 <td style="width: 17%">
800 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index) "> 800 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index) ">
801 <option value="" disabled>Select</option> 801 <option value="" disabled>Select</option>
802 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option> 802 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option>
803 </select> 803 </select>
804 </td> 804 </td>
805 <td style="width: 17%"> 805 <td style="width: 17%">
806 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 806 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
807 <option value="" disabled>Select</option> 807 <option value="" disabled>Select</option>
808 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> 808 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option>
809 </select> 809 </select>
810 </td> 810 </td>
811 <td style="width: 17%"> 811 <td style="width: 17%">
812 <select class="form-control" ng-model="aircraftData.size" ng-change="getFuelType(aircraftData.size, $index)"> 812 <select class="form-control" ng-model="aircraftData.size" ng-change="getFuelType(aircraftData.size, $index)">
813 <option value="" disabled>Select</option> 813 <option value="" disabled>Select</option>
814 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> 814 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option>
815 </select> 815 </select>
816 816
817 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> --> 817 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> -->
818 818
819 </td> 819 </td>
820 <td style="width: 17%"> 820 <td style="width: 17%">
821 821
822 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> 822 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]">
823 <option value="" disabled>Select</option> 823 <option value="" disabled>Select</option>
824 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 824 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
825 </select> 825 </select>
826 826
827 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList" ng-disabled="jetShow[$index]"> 827 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList" ng-disabled="jetShow[$index]">
828 828
829 <option value="" disabled>Select...</option> 829 <option value="" disabled>Select...</option>
830 </select> --> 830 </select> -->
831 831
832 </td> 832 </td>
833 <td style="width: 17%"> 833 <td style="width: 17%">
834 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> 834 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]">
835 <option value="" disabled>Select</option> 835 <option value="" disabled>Select</option>
836 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> 836 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option>
837 </select> 837 </select>
838 838
839 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList" ng-disabled="marginShow[$index]"> 839 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList" ng-disabled="marginShow[$index]">
840 <option value="" disabled>Select...</option> 840 <option value="" disabled>Select...</option>
841 </select> --> 841 </select> -->
842 </td> 842 </td>
843 </tr> 843 </tr>
844 </tbody> 844 </tbody>
845 </table> 845 </table>
846 </div> 846 </div>
847 <div class="clearfix"></div> 847 <div class="clearfix"></div>
848 </div> 848 </div>
849 </div> 849 </div>
850 <div class="clearfix"></div> 850 <div class="clearfix"></div>
851 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 851 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
852 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft </button> 852 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft </button>
853 </div> 853 </div>
854 </div> 854 </div>
855 </div> 855 </div>
856 <div class="clearfix"></div> 856 <div class="clearfix"></div>
857 </div> 857 </div>
858 </div> 858 </div>
859 </div> 859 </div>
860 </div> 860 </div>
861 <div class="modal-footer" style="border-top: 0;"> 861 <div class="modal-footer" style="border-top: 0;">
862 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 862 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
863 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button> 863 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button>
864 </div> 864 </div>
865 </div> 865 </div>
866 </div> 866 </div>
867 </form> 867 </form>
868 <div class="customConfirmPopBackdrop" id="fuelerchange" > 868 <div class="customConfirmPopBackdrop" id="fuelerchange" >
869 <div class="customModalInner" style="max-width: 550px;"> 869 <div class="customModalInner" style="max-width: 550px;">
870 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 870 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
871 <table> 871 <table>
872 <tr> 872 <tr>
873 <td> 873 <td>
874 <img src="img/info.png" style="width: 50px;"> 874 <img src="img/info.png" style="width: 50px;">
875 </td> 875 </td>
876 <td> 876 <td>
877 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 877 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
878 </td> 878 </td>
879 </tr> 879 </tr>
880 </table> 880 </table>
881 </div> 881 </div>
882 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 882 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
883 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerAcceptStatus()">Accept</button> 883 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerAcceptStatus()">Accept</button>
884 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerCancelStatus()">Cancel</button> 884 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerCancelStatus()">Cancel</button>
885 </div> 885 </div>
886 </div> 886 </div>
887 </div> 887 </div>
888 <div class="customConfirmPopBackdrop" id="confirm1"> 888 <div class="customConfirmPopBackdrop" id="confirm1">
889 <div class="customModalInner" style="max-width: 400px;"> 889 <div class="customModalInner" style="max-width: 400px;">
890 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 890 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
891 <table> 891 <table>
892 <tr> 892 <tr>
893 <td> 893 <td>
894 <img src="img/info.png" style="width: 50px;"> 894 <img src="img/info.png" style="width: 50px;">
895 </td> 895 </td>
896 <td> 896 <td>
897 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 897 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
898 </td> 898 </td>
899 </tr> 899 </tr>
900 </table> 900 </table>
901 </div> 901 </div>
902 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 902 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
903 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 903 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
904 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 904 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
905 </div> 905 </div>
906 </div> 906 </div>
907 </div> 907 </div>
908 <div class="customConfirmPopBackdrop" id="primaryContact"> 908 <div class="customConfirmPopBackdrop" id="primaryContact">
909 <div class="customModalInner" style="max-width: 400px;"> 909 <div class="customModalInner" style="max-width: 400px;">
910 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 910 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
911 <table> 911 <table>
912 <tr> 912 <tr>
913 <td> 913 <td>
914 <img src="img/info.png" style="width: 50px;"> 914 <img src="img/info.png" style="width: 50px;">
915 </td> 915 </td>
916 <td> 916 <td>
917 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 917 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
918 </td> 918 </td>
919 </tr> 919 </tr>
920 </table> 920 </table>
921 </div> 921 </div>
922 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 922 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
923 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button> 923 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button>
924 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 924 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
925 </div> 925 </div>
926 </div> 926 </div>
927 </div> 927 </div>
928 <div class="customConfirmPopBackdrop" id="customFieldEmail"> 928 <div class="customConfirmPopBackdrop" id="customFieldEmail">
929 <div class="customModalInner" style="max-width: 400px;"> 929 <div class="customModalInner" style="max-width: 400px;">
930 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 930 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
931 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 931 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
932 <div class="col-md-10"> 932 <div class="col-md-10">
933 <form> 933 <form>
934 Email Type:<br> 934 Email Type:<br>
935 <input type="text" name="firstname" ng-model="custom.title"><br> 935 <input type="text" name="firstname" ng-model="custom.title"><br>
936 Email-Address:<br> 936 Email-Address:<br>
937 <input type="text" name="lastname" ng-model="custom.content"> 937 <input type="text" name="lastname" ng-model="custom.content">
938 </form> 938 </form>
939 </div> 939 </div>
940 <div class="clearfix"></div> 940 <div class="clearfix"></div>
941 </div> 941 </div>
942 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 942 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
943 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('email')">Accept</button> 943 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('email')">Accept</button>
944 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 944 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
945 </div> 945 </div>
946 </div> 946 </div>
947 </div> 947 </div>
948 948
949 949
950 <div class="customConfirmPopBackdrop" id="customFieldPhone"> 950 <div class="customConfirmPopBackdrop" id="customFieldPhone">
951 <div class="customModalInner" style="max-width: 400px;"> 951 <div class="customModalInner" style="max-width: 400px;">
952 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 952 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
953 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 953 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
954 <div class="col-md-10"> 954 <div class="col-md-10">
955 <form> 955 <form>
956 Phone Type:<br> 956 Phone Type:<br>
957 <input type="text" name="firstname" ng-model="custom.title"><br> 957 <input type="text" name="firstname" ng-model="custom.title"><br>
958 Number:<br> 958 Number:<br>
959 <input type="text" name="lastname" ng-model="custom.content"> 959 <input type="text" name="lastname" ng-model="custom.content">
960 </form> 960 </form>
961 </div> 961 </div>
962 <div class="clearfix"></div> 962 <div class="clearfix"></div>
963 </div> 963 </div>
964 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 964 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
965 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('phone')">Accept</button> 965 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('phone')">Accept</button>
966 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 966 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
967 </div> 967 </div>
968 </div> 968 </div>
969 </div> 969 </div>
970 970
971 971
972 <div class="customConfirmPopBackdrop" id="updateContact"> 972 <div class="customConfirmPopBackdrop" id="updateContact">
973 <div class="customModalInner" style="max-width: 400px;"> 973 <div class="customModalInner" style="max-width: 400px;">
974 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 974 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
975 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 975 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
976 <div class="col-md-10"> 976 <div class="col-md-10">
977 <form> 977 <form>
978 Phone Type:<br> 978 Phone Type:<br>
979 <input type="text" name="firstname" ng-model="updateData.title"><br> 979 <input type="text" name="firstname" ng-model="updateData.title"><br>
980 Number:<br> 980 Number:<br>
981 <input type="text" name="lastname" ng-model="updateData.content"> 981 <input type="text" name="lastname" ng-model="updateData.content">
982 </form> 982 </form>
983 </div> 983 </div>
984 <div class="clearfix"></div> 984 <div class="clearfix"></div>
985 </div> 985 </div>
986 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 986 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
987 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('phone')">Accept</button> 987 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('phone')">Accept</button>
988 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 988 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
989 </div> 989 </div>
990 </div> 990 </div>
991 </div> 991 </div>
992 992
993 <div class="customConfirmPopBackdrop" id="updateEmail"> 993 <div class="customConfirmPopBackdrop" id="updateEmail">
994 <div class="customModalInner" style="max-width: 400px;"> 994 <div class="customModalInner" style="max-width: 400px;">
995 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 995 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
996 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 996 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
997 <div class="col-md-10"> 997 <div class="col-md-10">
998 <form> 998 <form>
999 Email Type:<br> 999 Email Type:<br>
1000 <input type="text" name="firstname" ng-model="updateData.title"><br> 1000 <input type="text" name="firstname" ng-model="updateData.title"><br>
1001 Email-Address:<br> 1001 Email-Address:<br>
1002 <input type="text" name="lastname" ng-model="updateData.content"> 1002 <input type="text" name="lastname" ng-model="updateData.content">
1003 </form> 1003 </form>
1004 </div> 1004 </div>
1005 <div class="clearfix"></div> 1005 <div class="clearfix"></div>
1006 </div> 1006 </div>
1007 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1007 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1008 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('email')">Accept</button> 1008 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('email')">Accept</button>
1009 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 1009 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
1010 </div> 1010 </div>
1011 </div> 1011 </div>
1012 </div> 1012 </div>
1013 1013
1014 1014
1015 <div class="customConfirmPopBackdrop" id="delete1"> 1015 <div class="customConfirmPopBackdrop" id="delete1">
1016 <div class="customModalInner" style="max-width: 400px;"> 1016 <div class="customModalInner" style="max-width: 400px;">
1017 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1017 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1018 <table> 1018 <table>
1019 <tr> 1019 <tr>
1020 <td> 1020 <td>
1021 <img src="img/info.png" style="width: 50px;"> 1021 <img src="img/info.png" style="width: 50px;">
1022 </td> 1022 </td>
1023 <td> 1023 <td>
1024 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Aircraft?</p> 1024 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Aircraft?</p>
1025 </td> 1025 </td>
1026 </tr> 1026 </tr>
1027 </table> 1027 </table>
1028 </div> 1028 </div>
1029 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1029 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1030 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="aircraftDelete()">Accept</button> 1030 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="aircraftDelete()">Accept</button>
1031 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 1031 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
1032 </div> 1032 </div>
1033 </div> 1033 </div>
1034 </div> 1034 </div>
1035 <div class="customConfirmPopBackdrop" id="delete2"> 1035 <div class="customConfirmPopBackdrop" id="delete2">
1036 <div class="customModalInner" style="max-width: 400px;"> 1036 <div class="customModalInner" style="max-width: 400px;">
1037 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1037 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1038 <table> 1038 <table>
1039 <tr> 1039 <tr>
1040 <td> 1040 <td>
1041 <img src="img/info.png" style="width: 50px;"> 1041 <img src="img/info.png" style="width: 50px;">
1042 </td> 1042 </td>
1043 <td> 1043 <td>
1044 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Company & its related data?</p> 1044 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Company & its related data?</p>
1045 </td> 1045 </td>
1046 </tr> 1046 </tr>
1047 </table> 1047 </table>
1048 </div> 1048 </div>
1049 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1049 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1050 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteCompanyData()">Accept</button> 1050 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteCompanyData()">Accept</button>
1051 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 1051 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
1052 </div> 1052 </div>
1053 </div> 1053 </div>
1054 </div> 1054 </div>
1055 1055
1056 <div class="customConfirmPopBackdrop" id="delete3"> 1056 <div class="customConfirmPopBackdrop" id="delete3">
1057 <div class="customModalInner" style="max-width: 400px;"> 1057 <div class="customModalInner" style="max-width: 400px;">
1058 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1058 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1059 <table> 1059 <table>
1060 <tr> 1060 <tr>
1061 <td> 1061 <td>
1062 <img src="img/info.png" style="width: 50px;"> 1062 <img src="img/info.png" style="width: 50px;">
1063 </td> 1063 </td>
1064 <td> 1064 <td>
1065 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 1065 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
1066 </td> 1066 </td>
1067 </tr> 1067 </tr>
1068 </table> 1068 </table>
1069 </div> 1069 </div>
1070 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1070 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1071 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button> 1071 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button>
1072 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button> 1072 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button>
1073 </div> 1073 </div>
1074 </div> 1074 </div>
1075 </div> 1075 </div>
1076 <div class="customConfirmPopBackdrop" id="toogleMail"> 1076 <div class="customConfirmPopBackdrop" id="toogleMail">
1077 <div class="customModalInner" style="max-width: 400px;"> 1077 <div class="customModalInner" style="max-width: 400px;">
1078 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1078 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1079 <table> 1079 <table>
1080 <tr> 1080 <tr>
1081 <!-- <td> 1081 <!-- <td>
1082 <img src="" style="width: 50px;"> 1082 <img src="" style="width: 50px;">
1083 </td> --> 1083 </td> -->
1084 <td> 1084 <td>
1085 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 1085 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
1086 </td> 1086 </td>
1087 </tr> 1087 </tr>
1088 </table> 1088 </table>
1089 </div> 1089 </div>
1090 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1090 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1091 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Ok</button> 1091 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Ok</button>
1092 </div> 1092 </div>
1093 </div> 1093 </div>
1094 </div> 1094 </div>
1095 1095
1096 1096
1097 <div class="customConfirmPopBackdrop" id="addAirCraftError"> 1097 <div class="customConfirmPopBackdrop" id="addAirCraftError">
1098 <div class="customModalInner" style="max-width: 400px;"> 1098 <div class="customModalInner" style="max-width: 400px;">
1099 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1099 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1100 <table> 1100 <table>
1101 <tr> 1101 <tr>
1102 <td> 1102 <td>
1103 <p style="padding: 5px 10px; margin-bottom: 0;">{{aircraftMessage}}</p> 1103 <p style="padding: 5px 10px; margin-bottom: 0;">{{aircraftMessage}}</p>
1104 </td> 1104 </td>
1105 </tr> 1105 </tr>
1106 </table> 1106 </table>
1107 </div> 1107 </div>
1108 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1108 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1109 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAirCraftError()">Cancel</button> 1109 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAirCraftError()">Cancel</button>
1110 </div> 1110 </div>
1111 </div> 1111 </div>
1112 </div> 1112 </div>
1113 1113
1114 <div class="customConfirmPopBackdrop" id="addAirCraftWarning"> 1114 <div class="customConfirmPopBackdrop" id="addAirCraftWarning">
1115 <div class="customModalInner" style="max-width: 400px;"> 1115 <div class="customModalInner" style="max-width: 400px;">
1116 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1116 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1117 <table> 1117 <table>
1118 <tr> 1118 <tr>
1119 <td> 1119 <td>
1120 <p style="padding: 5px 10px; margin-bottom: 0;">{{aircraftMessage}}</p> 1120 <p style="padding: 5px 10px; margin-bottom: 0;">{{aircraftMessage}}</p>
1121 </td> 1121 </td>
1122 </tr> 1122 </tr>
1123 </table> 1123 </table>
1124 </div> 1124 </div>
1125 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1125 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1126 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptAirCraftError()">Yes</button> 1126 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptAirCraftError()">Yes</button>
1127 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAirCraftError()">No</button> 1127 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAirCraftError()">No</button>
1128 </div> 1128 </div>
1129 </div> 1129 </div>
1130 </div> 1130 </div>
1131 1131
1132 <div class="myLoader" ng-show="showLoader"> 1132 <div class="myLoader" ng-show="showLoader">
1133 <img src="../img/hourglass.gif" width="50px;"> 1133 <img src="../img/hourglass.gif" width="50px;">
1134 </div> 1134 </div>
1135 1135
1136 <!-- Le javascript 1136 <!-- Le javascript
1137 ================================================== --> 1137 ================================================== -->
1138 <!-- Placed at the end of the document so the pages load faster --> 1138 <!-- Placed at the end of the document so the pages load faster -->
1139 <!-- <script 1139 <!-- <script
1140 CKEDITOR.replace( 'editor2', { 1140 CKEDITOR.replace( 'editor2', {
1141 height: 250, 1141 height: 250,
1142 extraPlugins: 'divarea' 1142 extraPlugins: 'divarea'
1143 } ); 1143 } );
1144 </script> --> 1144 </script> -->
1145 1145
app/partials/viewFuelVendor/viewFuelVendor.html
Diff comments   View file @8fc0ea8
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ca5c6a; 3 color: #ca5c6a;
4 } 4 }
5 .widget-content{ 5 .widget-content{
6 padding: 10px !important; 6 padding: 10px !important;
7 } 7 }
8 .widget-content input[type="text"], .widget-content select{ 8 .widget-content input[type="text"], .widget-content select{
9 height: 31px; 9 height: 31px;
10 padding: 0; 10 padding: 0;
11 } 11 }
12 .new-label span{ 12 .new-label span{
13 float: left; 13 float: left;
14 line-height: 31px; 14 line-height: 31px;
15 } 15 }
16 .new-label span:first-child{ 16 .new-label span:first-child{
17 margin-right: 5px; 17 margin-right: 5px;
18 font-weight: bold; 18 font-weight: bold;
19 } 19 }
20 .new-label span:last-child{ 20 .new-label span:last-child{
21 margin-left: 5px; 21 margin-left: 5px;
22 } 22 }
23 .new-label select{ 23 .new-label select{
24 display: -webkit-inline-box; 24 display: -webkit-inline-box;
25 display: inline-box; 25 display: inline-box;
26 float: left; 26 float: left;
27 } 27 }
28 .new-address p{ 28 .new-address p{
29 margin-bottom: 0; 29 margin-bottom: 0;
30 } 30 }
31 .new-add-select{ 31 .new-add-select{
32 padding-left: 15px; 32 padding-left: 15px;
33 margin: 10px 0; 33 margin: 10px 0;
34 } 34 }
35 .new-add-select select{ 35 .new-add-select select{
36 width: 100px; 36 width: 100px;
37 } 37 }
38 .widget{ 38 .widget{
39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
42 } 42 }
43 .optionclass { 43 .optionclass {
44 background: #fff; 44 background: #fff;
45 } 45 }
46 .timess { 46 .timess {
47 float: right !important; 47 float: right !important;
48 margin-top: 10px !important; 48 margin-top: 10px !important;
49 margin-right: 10px !important; 49 margin-right: 10px !important;
50 color: #999 !important; 50 color: #999 !important;
51 cursor: pointer !important; 51 cursor: pointer !important;
52 } 52 }
53 53
54 .button1 { 54 .button1 {
55 display: inline-block; 55 display: inline-block;
56 height: 35px; 56 height: 35px;
57 line-height: 35px; 57 line-height: 35px;
58 padding-right: 15px; 58 padding-right: 15px;
59 padding-left: 50px; 59 padding-left: 50px;
60 position: relative; 60 position: relative;
61 background-color:rgb(41,127,184); 61 background-color:rgb(41,127,184);
62 color:rgb(255,255,255); 62 color:rgb(255,255,255);
63 text-decoration: none; 63 text-decoration: none;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 letter-spacing: 1px; 65 letter-spacing: 1px;
66 margin-bottom: 15px; 66 margin-bottom: 15px;
67 border: 0; 67 border: 0;
68 68
69 69
70 border-radius: 5px; 70 border-radius: 5px;
71 -moz-border-radius: 5px; 71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px; 72 -webkit-border-radius: 5px;
73 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 73 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
76 76
77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
79 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 79 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
82 } 82 }
83 83
84 .button1 span { 84 .button1 span {
85 position: absolute; 85 position: absolute;
86 left: 0; 86 left: 0;
87 top: 0; 87 top: 0;
88 width: 35px; 88 width: 35px;
89 background-color:rgba(0,0,0,0.5); 89 background-color:rgba(0,0,0,0.5);
90 90
91 -webkit-border-top-left-radius: 5px; 91 -webkit-border-top-left-radius: 5px;
92 -webkit-border-bottom-left-radius: 5px; 92 -webkit-border-bottom-left-radius: 5px;
93 -moz-border-radius-topleft: 5px; 93 -moz-border-radius-topleft: 5px;
94 -moz-border-radius-bottomleft: 5px; 94 -moz-border-radius-bottomleft: 5px;
95 border-top-left-radius: 5px; 95 border-top-left-radius: 5px;
96 border-bottom-left-radius: 5px; 96 border-bottom-left-radius: 5px;
97 border-right: 1px solid rgba(0,0,0,0.15); 97 border-right: 1px solid rgba(0,0,0,0.15);
98 } 98 }
99 99
100 .button1:hover span, .button1.active span { 100 .button1:hover span, .button1.active span {
101 background-color:rgb(0,102,26); 101 background-color:rgb(0,102,26);
102 border-right: 1px solid rgba(0,0,0,0.3); 102 border-right: 1px solid rgba(0,0,0,0.3);
103 } 103 }
104 104
105 .button1:active { 105 .button1:active {
106 margin-top: 2px; 106 margin-top: 2px;
107 margin-bottom: 13px; 107 margin-bottom: 13px;
108 108
109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
111 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 111 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
114 } 114 }
115 115
116 .button1.turquoise { 116 .button1.turquoise {
117 background: #449d44; 117 background: #449d44;
118 } 118 }
119 119
120 </style> 120 </style>
121 <div class="myLoader" ng-show="showLoader"> 121 <div class="myLoader" ng-show="showLoader">
122 <img src="../img/hourglass.gif" width="50px;"> 122 <img src="../img/hourglass.gif" width="50px;">
123 </div> 123 </div>
124 124
125 <!--Delete model--> 125 <!--Delete model-->
126 <div class="customConfirmPopBackdrop" id="delete2"> 126 <div class="customConfirmPopBackdrop" id="delete2">
127 <div class="customModalInner" style="max-width: 400px;"> 127 <div class="customModalInner" style="max-width: 400px;">
128 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 128 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
129 <table> 129 <table>
130 <tr> 130 <tr>
131 <td> 131 <td>
132 <img src="img/info.png" style="width: 50px;"> 132 <img src="img/info.png" style="width: 50px;">
133 </td> 133 </td>
134 <td> 134 <td>
135 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Fuel Vendor & its related data?</p> 135 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Fuel Vendor & its related data?</p>
136 </td> 136 </td>
137 </tr> 137 </tr>
138 </table> 138 </table>
139 </div> 139 </div>
140 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 140 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
141 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteVendorData()">Accept</button> 141 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteVendorData()">Accept</button>
142 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 142 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
143 </div> 143 </div>
144 </div> 144 </div>
145 </div> 145 </div>
146 146
147 <div class="col-xs-12 col-md-12"> 147 <div class="col-xs-12 col-md-12">
148 <div class="row" style="margin-left:0px"> 148 <div class="row" style="margin-left:0px">
149 <div class="col-md-12"> 149 <div class="col-md-12">
150 <div class="widget"> 150 <div class="widget">
151 <div class="widget-header"> 151 <div class="widget-header">
152 <i class="fa fa-building-o" aria-hidden="true"></i> 152 <i class="fa fa-building-o" aria-hidden="true"></i>
153 <h3>{{vendorData.vendorName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVendor(vendorData.id)" aria-hidden="true"></i></h3> 153 <h3>{{vendorData.vendorName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVendor(vendorData.id)" aria-hidden="true"></i></h3>
154 <i class="fa fa-times timess" ui-sref="app.FuelVendors" aria-hidden="true"></i> 154 <i class="fa fa-times timess" ui-sref="app.FuelVendors" aria-hidden="true"></i>
155 </div> 155 </div>
156 <!-- /widget-header --> 156 <!-- /widget-header -->
157 <div class="widget-content"> 157 <div class="widget-content">
158 <div class="row" style="margin-left:0px"> 158 <div class="row" style="margin-left:0px">
159 <div class="col-md-6"> 159 <div class="col-md-6">
160 <div class="widget"> 160 <div class="widget">
161 <div class="widget-header"> 161 <div class="widget-header">
162 <i class="fa fa-building-o" aria-hidden="true"></i> 162 <i class="fa fa-building-o" aria-hidden="true"></i>
163 <h3>Vendor Details</h3> 163 <h3>Vendor Details</h3>
164 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 164 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
165 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle> 165 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
166 </div> 166 </div>
167 </div> 167 </div>
168 <div class="widget-content"> 168 <div class="widget-content">
169 <div class="row" style="margin-left:0px;"> 169 <div class="row" style="margin-left:0px;">
170 <div class="col-md-7" style="padding-left: 0;"> 170 <div class="col-md-7" style="padding-left: 0;">
171 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'"> 171 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'">
172 <b style="color:#F90;">{{vendorData.vendorName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 172 <b style="color:#F90;">{{vendorData.vendorName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
173 </h4> 173 </h4>
174 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control"> 174 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control">
175 </div> 175 </div>
176 </div> 176 </div>
177 <div> 177 <div>
178 <p class="new-label"> 178 <p class="new-label">
179 <span>Master Margin Setting </span> 179 <span>Master Margin Setting </span>
180 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="vendorData.masterMargin"> 180 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="vendorData.masterMargin">
181 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 181 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
182 </select> 182 </select>
183 <span>&nbsp;${{vendorData.margin.marginValue}}</span> 183 <span>&nbsp;${{vendorData.margin.marginValue}}</span>
184 <div class="clearfix"></div> 184 <div class="clearfix"></div>
185 </p> 185 </p>
186 </div> 186 </div>
187 187
188 </br> 188 </br>
189 <div class="new-address"> 189 <div class="new-address">
190 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{vendorData.addressOne}} {{vendorData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p> 190 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{vendorData.addressOne}} {{vendorData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p>
191 <div ng-hide="showAddress" style="margin-bottom:10px;"> 191 <div ng-hide="showAddress" style="margin-bottom:10px;">
192 <label>Address1</label> 192 <label>Address1</label>
193 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" /> 193 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" />
194 <label>Address2</label> 194 <label>Address2</label>
195 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" /> 195 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" />
196 <label>City</label> 196 <label>City</label>
197 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.city" class="form-control" /> 197 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.city" class="form-control" />
198 <label>State</label> 198 <label>State</label>
199 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.state" class="form-control" /> 199 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.state" class="form-control" />
200 <label>ZipCode</label> 200 <label>ZipCode</label>
201 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.zipcode" class="form-control" /> 201 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.zipcode" class="form-control" />
202 <label>Country</label> 202 <label>Country</label>
203 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.country" class="form-control" /> 203 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.country" class="form-control" />
204 </div> 204 </div>
205 205
206 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.contactNumber != null"> 206 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.contactNumber != null">
207 <i class="fa fa-phone" ng-hide="showEditContact"></i> 207 <i class="fa fa-phone" ng-hide="showEditContact"></i>
208 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 208 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
209 <i ng-click="showUpdateContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 209 <i ng-click="showUpdateContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
210 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditContact" aria-hidden="true"></i> 210 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditContact" aria-hidden="true"></i>
211 </p> 211 </p>
212 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.email != null"> 212 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.email != null">
213 <i class="fa fa-envelope" ng-hide="showEditEmail"></i> 213 <i class="fa fa-envelope" ng-hide="showEditEmail"></i>
214 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span> 214 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span>
215 <i ng-click="showUpdateEmail(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i> 215 <i ng-click="showUpdateEmail(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i>
216 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditEmail" aria-hidden="true"></i> 216 <i class="fa fa-trash-o" ng-click="deleteContent(data)" ng-hide="showEditEmail" aria-hidden="true"></i>
217 </p> 217 </p>
218 </div> 218 </div>
219 <div style="margin-top:5px; margin-bottom:5px;"> 219 <div style="margin-top:5px; margin-bottom:5px;">
220 <button type="button" ng-click="addCustomPhone('phone')" class="btn btn-default">Add Phone</button> 220 <button type="button" ng-click="addCustomPhone('phone')" class="btn btn-default">Add Phone</button>
221 <button type="button" class="btn btn-info" ng-click="addCustomEmail('email')">Add Email</button> 221 <button type="button" class="btn btn-info" ng-click="addCustomEmail('email')">Add Email</button>
222 </div> 222 </div>
223 <div> 223 <div>
224 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 224 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
225 <p ng-show="showNoteData">{{vendorData.internalNote}}</p> 225 <p ng-show="showNoteData">{{vendorData.internalNote}}</p>
226 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" rows="4" cols="34"></textarea> 226 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" rows="4" cols="34"></textarea>
227 </div> 227 </div>
228 <div class="pull-left"> 228 <div class="pull-left">
229 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 229 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
230 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 230 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
231 </div> 231 </div>
232 <div class="pull-right"> 232 <div class="pull-right">
233 <button ng-show="isShowEmail" type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Vendor Contacts</button> 233 <button ng-show="isShowEmail" type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Vendor Contacts</button>
234 </div> 234 </div>
235 <div class="clearfix"></div> 235 <div class="clearfix"></div>
236 </div> 236 </div>
237 </div> 237 </div>
238 </div> 238 </div>
239 <div class="col-md-6"> 239 <div class="col-md-6">
240 <div class="widget"> 240 <div class="widget">
241 <div class="widget-header"> 241 <div class="widget-header">
242 <i class="fa fa-pencil"></i> 242 <i class="fa fa-pencil"></i>
243 <h3>Price Manager Reference </h3> 243 <h3>Price Manager Reference </h3>
244 </div> 244 </div>
245 <div class="widget-content"> 245 <div class="widget-content">
246 <div class="table-responsive"> 246 <div class="table-responsive">
247 <table class="table table-hover table-striped strikeTable"> 247 <table class="table table-hover table-striped strikeTable">
248 <!-- <table class="table table-hover table-striped"> --> 248 <!-- <table class="table table-hover table-striped"> -->
249 <thead> 249 <thead>
250 <tr> 250 <tr>
251 <th>Omit</th> 251 <th>Omit</th>
252 <th>Product</th> 252 <th>Product</th>
253 <th>Cost</th> 253 <th>Cost</th>
254 <th>PAP (Margin)</th> 254 <th>PAP (Margin)</th>
255 <th>PAP (Total)</th> 255 <th>PAP (Total)</th>
256 <th style="color:#F90">Expires</th> 256 <th style="color:#F90">Expires</th>
257 </tr> 257 </tr>
258 </thead> 258 </thead>
259 <tbody> 259 <tbody>
260 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''"> 260 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''">
261 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> --> 261 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> -->
262 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td> 262 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td>
263 <td>{{fuel.name}}</td> 263 <td>{{fuel.name}}</td>
264 <td>${{fuel.fuelPricing.cost}}</td> 264 <td>${{fuel.fuelPricing.cost}}</td>
265 <td>${{fuel.fuelPricing.papMargin}}</td> 265 <td>${{fuel.fuelPricing.papMargin}}</td>
266 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number : 4 }}</td> 266 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number : 4 }}</td>
267 <td style="color:#F90">{{fuel.fuelPricing.expirationDate | date : "MM/dd/y"}}</td> 267 <td style="color:#F90">{{fuel.fuelPricing.expirationDate | date : "MM/dd/y"}}</td>
268 </tr> 268 </tr>
269 </tbody> 269 </tbody>
270 </table> 270 </table>
271 </div> 271 </div>
272 </div> 272 </div>
273 </div> 273 </div>
274 </div> 274 </div>
275 </div> 275 </div>
276 <div class="row" style="margin-left:0px"> 276 <div class="row" style="margin-left:0px">
277 <div class="col-md-6"> 277 <div class="col-md-6">
278 <div class="widget"> 278 <div class="widget">
279 <div class="widget-header"> 279 <div class="widget-header">
280 <i class="fa fa-user"></i> 280 <i class="fa fa-user"></i>
281 <h3>Contact List</h3> 281 <h3>Contact List</h3>
282 <div class="pull-right"> 282 <div class="pull-right">
283 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button> 283 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button>
284 </div> 284 </div>
285 </div> 285 </div>
286 <div class="widget-content" style="padding:0px"> 286 <div class="widget-content" style="padding:0px">
287 <div class="table-responsive"> 287 <div class="table-responsive">
288 <table class="table table-bordered table-hover table-striped"> 288 <table class="table table-bordered table-hover table-striped">
289 <thead> 289 <thead>
290 <tr> 290 <tr>
291 <th>Price Email</th> 291 <th>Price Email</th>
292 <th>First Name</th> 292 <th>First Name</th>
293 <th>Last Name</th> 293 <th>Last Name</th>
294 <th>Title</th> 294 <th>Title</th>
295 </tr> 295 </tr>
296 </thead> 296 </thead>
297 <tbody> 297 <tbody>
298 <tr ng-repeat="contact in vendorContactList" style="cursor: pointer;" ui-sref="app.viewVendorContact({id : contact.id})"> 298 <tr ng-repeat="contact in vendorContactList" style="cursor: pointer;" ui-sref="app.viewVendorContact({id : contact.id})">
299 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td> 299 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td>
300 <td>{{contact.firstName}}</td> 300 <td>{{contact.firstName}}</td>
301 <td>{{contact.lastName}}</td> 301 <td>{{contact.lastName}}</td>
302 <td>{{contact.title}}</td> 302 <td>{{contact.title}}</td>
303 </tr> 303 </tr>
304 </tbody> 304 </tbody>
305 </table> 305 </table>
306 </div> 306 </div>
307 </div> 307 </div>
308 </div> 308 </div>
309 </div> 309 </div>
310 310
311 </div> 311 </div>
312 </div> 312 </div>
313 <!-- /widget-content --> 313 <!-- /widget-content -->
314 </div> 314 </div>
315 <!-- /widget --> 315 <!-- /widget -->
316 </div> 316 </div>
317 <!-- /span6 --> 317 <!-- /span6 -->
318 </div> 318 </div>
319 <!-- /widget --> 319 <!-- /widget -->
320 </div> 320 </div>
321 <!-- /container --> 321 <!-- /container -->
322 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 322 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
323 <div class="modal-dialog modal-lg"> 323 <div class="modal-dialog modal-lg">
324 <div class="modal-content"> 324 <div class="modal-content">
325 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 325 <div class="modal-body step-1" data-step="1" style="padding: 0;">
326 <div> 326 <div>
327 <div class="row" style="margin: 0;"> 327 <div class="row" style="margin: 0;">
328 <div> 328 <div>
329 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 329 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
330 <div class="widget-header"> 330 <div class="widget-header">
331 <i class="icon-pencil"></i> 331 <i class="icon-pencil"></i>
332 <i class="fa fa-tasks" aria-hidden="true"></i> 332 <i class="fa fa-tasks" aria-hidden="true"></i>
333 <h3>Add a New Contact</h3> 333 <h3>Add a New Contact</h3>
334 <div class="clearfix"></div> 334 <div class="clearfix"></div>
335 </div> 335 </div>
336 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 336 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
337 <div class="col-xs-12"> 337 <div class="col-xs-12">
338 <div class="col-md-6"> 338 <div class="col-md-6">
339 <div class="pull-left" style="width: 110px;"> 339 <div class="pull-left" style="width: 110px;">
340 <label class="new-input-label"><b>First Name</b></label> 340 <label class="new-input-label"><b>First Name</b></label>
341 </div> 341 </div>
342 <div class="pull-left" style="margin-left: 15px;"> 342 <div class="pull-left" style="margin-left: 15px;">
343 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 343 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
344 </div> 344 </div>
345 <div class="clearfix"></div> 345 <div class="clearfix"></div>
346 </div> 346 </div>
347 <div class="col-md-6"> 347 <div class="col-md-6">
348 348
349 <div class="pull-left" style="width: 110px;"> 349 <div class="pull-left" style="width: 110px;">
350 <label class="new-input-label"><b>Last Name</b></label> 350 <label class="new-input-label"><b>Last Name</b></label>
351 </div> 351 </div>
352 <div class="pull-left" style="margin-left: 15px;"> 352 <div class="pull-left" style="margin-left: 15px;">
353 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 353 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
354 </div> 354 </div>
355 <div class="clearfix"></div> 355 <div class="clearfix"></div>
356 </div> 356 </div>
357 </div> 357 </div>
358 <div class="clearfix"></div><br> 358 <div class="clearfix"></div><br>
359 <div class="col-xs-12"> 359 <div class="col-xs-12">
360 <div class="col-md-6"> 360 <div class="col-md-6">
361 <div class="pull-left" style="width: 110px;"> 361 <div class="pull-left" style="width: 110px;">
362 <label class="new-input-label"><b>Title</b></label> 362 <label class="new-input-label"><b>Title</b></label>
363 </div> 363 </div>
364 <div class="pull-left" style="margin-left: 15px;"> 364 <div class="pull-left" style="margin-left: 15px;">
365 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 365 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
366 </div> 366 </div>
367 <div class="clearfix"></div> 367 <div class="clearfix"></div>
368 </div> 368 </div>
369 <div class="col-md-6"> 369 <div class="col-md-6">
370 370
371 <div class="pull-left" style="width: 110px;"> 371 <div class="pull-left" style="width: 110px;">
372 <label class="new-input-label"><b>Email</b></label> 372 <label class="new-input-label"><b>Email</b></label>
373 </div> 373 </div>
374 <div class="pull-left" style="margin-left: 15px;"> 374 <div class="pull-left" style="margin-left: 15px;">
375 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 375 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
376 </div> 376 </div>
377 <div class="clearfix"></div> 377 <div class="clearfix"></div>
378 </div> 378 </div>
379 </div> 379 </div>
380 <div class="clearfix"></div><br> 380 <div class="clearfix"></div><br>
381 <div class="col-xs-12"> 381 <div class="col-xs-12">
382 <div class="col-md-6"> 382 <div class="col-md-6">
383 <div class="pull-left" style="width: 110px;"> 383 <div class="pull-left" style="width: 110px;">
384 <label class="new-input-label"><b>Username</b></label> 384 <label class="new-input-label"><b>Username</b></label>
385 </div> 385 </div>
386 <div class="pull-left" style="margin-left: 15px;"> 386 <div class="pull-left" style="margin-left: 15px;">
387 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 387 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
388 </div> 388 </div>
389 <div class="clearfix"></div> 389 <div class="clearfix"></div>
390 </div> 390 </div>
391 <div class="col-md-6"> 391 <div class="col-md-6">
392 392
393 <div class="pull-left" style="width: 110px;"> 393 <div class="pull-left" style="width: 110px;">
394 <label class="new-input-label"><b>Password</b></label> 394 <label class="new-input-label"><b>Password</b></label>
395 </div> 395 </div>
396 <div class="pull-left" style="margin-left: 15px;"> 396 <div class="pull-left" style="margin-left: 15px;">
397 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 397 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
398 </div> 398 </div>
399 <div class="clearfix"></div> 399 <div class="clearfix"></div>
400 </div> 400 </div>
401 </div> 401 </div>
402 <div class="clearfix"></div><br> 402 <div class="clearfix"></div><br>
403 <div class="col-xs-12"> 403 <div class="col-xs-12">
404 <div class="col-md-6"> 404 <div class="col-md-6">
405 <div class="pull-left" style="width: 110px;"> 405 <div class="pull-left" style="width: 110px;">
406 <label class="new-input-label"><b>Work Phone</b></label> 406 <label class="new-input-label"><b>Work Phone</b></label>
407 </div> 407 </div>
408 <div class="pull-left" style="margin-left: 15px;"> 408 <div class="pull-left" style="margin-left: 15px;">
409 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 409 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
410 </div> 410 </div>
411 <div class="clearfix"></div> 411 <div class="clearfix"></div>
412 </div> 412 </div>
413 <div class="col-md-6"> 413 <div class="col-md-6">
414 414
415 <div class="pull-left" style="width: 110px;"> 415 <div class="pull-left" style="width: 110px;">
416 <label class="new-input-label"><b>Mobile Phone</b></label> 416 <label class="new-input-label"><b>Mobile Phone</b></label>
417 </div> 417 </div>
418 <div class="pull-left" style="margin-left: 15px;"> 418 <div class="pull-left" style="margin-left: 15px;">
419 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 419 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
420 </div> 420 </div>
421 <div class="clearfix"></div> 421 <div class="clearfix"></div>
422 </div> 422 </div>
423 </div> 423 </div>
424 <div class="clearfix"></div><br> 424 <div class="clearfix"></div><br>
425 <div class="col-xs-12"> 425 <div class="col-xs-12">
426 <div class="col-md-12"> 426 <div class="col-md-12">
427 <div class="pull-left" style="width: 110px;"> 427 <div class="pull-left" style="width: 110px;">
428 <label class="new-input-label"><b>Address</b></label> 428 <label class="new-input-label"><b>Address</b></label>
429 </div> 429 </div>
430 <div class="pull-right" style="width: calc(100% - 123px);"> 430 <div class="pull-right" style="width: calc(100% - 123px);">
431 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 431 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
432 </div> 432 </div>
433 <div class="clearfix"></div> 433 <div class="clearfix"></div>
434 </div> 434 </div>
435 </div> 435 </div>
436 <div class="clearfix"></div> 436 <div class="clearfix"></div>
437 <br/> 437 <br/>
438 <div class="col-xs-12"> 438 <div class="col-xs-12">
439 <div class="col-md-3"> 439 <div class="col-md-3">
440 <div class="pull-left my-toggle-switch"> 440 <div class="pull-left my-toggle-switch">
441 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 441 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
442 <toggle ng-model="data.priceEmail" size="customToogle"> 442 <toggle ng-model="data.priceEmail" size="customToogle">
443 </div> 443 </div>
444 </div> 444 </div>
445 <div class="clearfix"></div> 445 <div class="clearfix"></div>
446 </div> 446 </div>
447 <div class="col-md-3"> 447 <div class="col-md-3">
448 <div class="pull-left my-toggle-switch"> 448 <div class="pull-left my-toggle-switch">
449 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 449 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
450 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 450 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
451 </div> 451 </div>
452 </div> 452 </div>
453 <div class="clearfix"></div> 453 <div class="clearfix"></div>
454 </div> 454 </div>
455 <div class="col-md-6"> 455 <div class="col-md-6">
456 <div class="pull-left" style="width: 110px;"> 456 <div class="pull-left" style="width: 110px;">
457 <label class="new-input-label"><b>Internal Note</b></label> 457 <label class="new-input-label"><b>Internal Note</b></label>
458 </div> 458 </div>
459 <div class="pull-left" style="width: calc(100% - 110px);"> 459 <div class="pull-left" style="width: calc(100% - 110px);">
460 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 460 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
461 </div> 461 </div>
462 </div> 462 </div>
463 <div class="clearfix"></div> 463 <div class="clearfix"></div>
464 </div> 464 </div>
465 <div class="clearfix"></div><br> 465 <div class="clearfix"></div><br>
466 </div> 466 </div>
467 </div> 467 </div>
468 <div class="clearfix"></div> 468 <div class="clearfix"></div>
469 </div> 469 </div>
470 </div> 470 </div>
471 </div> 471 </div>
472 </div> 472 </div>
473 <div class="modal-footer" style="border-top: 0;"> 473 <div class="modal-footer" style="border-top: 0;">
474 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 474 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
475 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 475 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
476 </div> 476 </div>
477 </div> 477 </div>
478 </div> 478 </div>
479 </form> 479 </form>
480 <div class="clearfix"></div> 480 <div class="clearfix"></div>
481 481
482 <div class="customConfirmPopBackdrop" id="confirm2"> 482 <div class="customConfirmPopBackdrop" id="confirm2">
483 <div class="customModalInner" style="max-width: 400px;"> 483 <div class="customModalInner" style="max-width: 400px;">
484 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 484 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
485 <table> 485 <table>
486 <tr> 486 <tr>
487 <td> 487 <td>
488 <img src="img/info.png" style="width: 50px;"> 488 <img src="img/info.png" style="width: 50px;">
489 </td> 489 </td>
490 <td> 490 <td>
491 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 491 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
492 </td> 492 </td>
493 </tr> 493 </tr>
494 </table> 494 </table>
495 </div> 495 </div>
496 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 496 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
497 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 497 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
498 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 498 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
499 </div> 499 </div>
500 </div> 500 </div>
501 </div> 501 </div>
502 502
503 <div class="customConfirmPopBackdrop" id="deleteVendor"> 503 <div class="customConfirmPopBackdrop" id="deleteVendor">
504 <div class="customModalInner" style="max-width: 400px;"> 504 <div class="customModalInner" style="max-width: 400px;">
505 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 505 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
506 <table> 506 <table>
507 <tr> 507 <tr>
508 <td> 508 <td>
509 <img src="img/info.png" style="width: 50px;"> 509 <img src="img/info.png" style="width: 50px;">
510 </td> 510 </td>
511 <td> 511 <td>
512 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 512 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
513 </td> 513 </td>
514 </tr> 514 </tr>
515 </table> 515 </table>
516 </div> 516 </div>
517 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 517 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
518 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button> 518 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button>
519 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button> 519 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button>
520 </div> 520 </div>
521 </div> 521 </div>
522 </div> 522 </div>
523 523
524 <div class="customConfirmPopBackdrop" id="customFieldEmail"> 524 <div class="customConfirmPopBackdrop" id="customFieldEmail">
525 <div class="customModalInner" style="max-width: 400px;"> 525 <div class="customModalInner" style="max-width: 400px;">
526 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 526 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
527 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 527 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
528 <div class="col-md-10"> 528 <div class="col-md-10">
529 <form> 529 <form>
530 Email Type:<br> 530 Email Type:<br>
531 <input type="text" name="firstname" ng-model="custom.title"><br> 531 <input type="text" name="firstname" ng-model="custom.title"><br>
532 Email-Address:<br> 532 Email-Address:<br>
533 <input type="text" name="lastname" ng-model="custom.content"> 533 <input type="text" name="lastname" ng-model="custom.content">
534 </form> 534 </form>
535 </div> 535 </div>
536 <div class="clearfix"></div> 536 <div class="clearfix"></div>
537 </div> 537 </div>
538 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 538 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
539 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('email')">Accept</button> 539 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('email')">Accept</button>
540 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 540 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
541 </div> 541 </div>
542 </div> 542 </div>
543 </div> 543 </div>
544 544
545 545
546 <div class="customConfirmPopBackdrop" id="customFieldPhone"> 546 <div class="customConfirmPopBackdrop" id="customFieldPhone">
547 <div class="customModalInner" style="max-width: 400px;"> 547 <div class="customModalInner" style="max-width: 400px;">
548 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 548 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
549 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 549 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
550 <div class="col-md-10"> 550 <div class="col-md-10">
551 <form> 551 <form>
552 Phone Type:<br> 552 Phone Type:<br>
553 <input type="text" name="firstname" ng-model="custom.title"><br> 553 <input type="text" name="firstname" ng-model="custom.title"><br>
554 Number:<br> 554 Number:<br>
555 <input type="text" name="lastname" ng-model="custom.content"> 555 <input type="text" name="lastname" ng-model="custom.content">
556 </form> 556 </form>
557 </div> 557 </div>
558 <div class="clearfix"></div> 558 <div class="clearfix"></div>
559 </div> 559 </div>
560 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 560 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
561 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('phone')">Accept</button> 561 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField('phone')">Accept</button>
562 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 562 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
563 </div> 563 </div>
564 </div> 564 </div>
565 </div> 565 </div>
566 566
567 <div class="customConfirmPopBackdrop" id="toogleMail"> 567 <div class="customConfirmPopBackdrop" id="toogleMail">
568 <div class="customModalInner" style="max-width: 400px;"> 568 <div class="customModalInner" style="max-width: 400px;">
569 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 569 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
570 <table> 570 <table>
571 <tr> 571 <tr>
572 <!-- <td> 572 <!-- <td>
573 <img src="" style="width: 50px;"> 573 <img src="" style="width: 50px;">
574 </td> --> 574 </td> -->
575 <td> 575 <td>
576 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 576 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
577 </td> 577 </td>
578 </tr> 578 </tr>
579 </table> 579 </table>
580 </div> 580 </div>
581 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 581 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
582 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 582 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
583 </div> 583 </div>
584 </div> 584 </div>
585 </div> 585 </div>
586 586
587 <div class="customConfirmPopBackdrop" id="updateContact"> 587 <div class="customConfirmPopBackdrop" id="updateContact">
588 <div class="customModalInner" style="max-width: 400px;"> 588 <div class="customModalInner" style="max-width: 400px;">
589 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 589 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
590 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 590 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
591 <div class="col-md-10"> 591 <div class="col-md-10">
592 <form> 592 <form>
593 Phone Type:<br> 593 Phone Type:<br>
594 <input type="text" name="firstname" ng-model="updateData.title"><br> 594 <input type="text" name="firstname" ng-model="updateData.title"><br>
595 Number:<br> 595 Number:<br>
596 <input type="text" name="lastname" ng-model="updateData.content"> 596 <input type="text" name="lastname" ng-model="updateData.content">
597 </form> 597 </form>
598 </div> 598 </div>
599 <div class="clearfix"></div> 599 <div class="clearfix"></div>
600 </div> 600 </div>
601 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 601 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
602 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('phone')">Accept</button> 602 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('phone')">Accept</button>
603 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 603 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
604 </div> 604 </div>
605 </div> 605 </div>
606 </div> 606 </div>
607 607
608 <div class="customConfirmPopBackdrop" id="updateEmail"> 608 <div class="customConfirmPopBackdrop" id="updateEmail">
609 <div class="customModalInner" style="max-width: 400px;"> 609 <div class="customModalInner" style="max-width: 400px;">
610 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 610 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
611 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 611 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
612 <div class="col-md-10"> 612 <div class="col-md-10">
613 <form> 613 <form>
614 Email Type:<br> 614 Email Type:<br>
615 <input type="text" name="firstname" ng-model="updateData.title"><br> 615 <input type="text" name="firstname" ng-model="updateData.title"><br>
616 Email-Address:<br> 616 Email-Address:<br>
617 <input type="text" name="lastname" ng-model="updateData.content"> 617 <input type="text" name="lastname" ng-model="updateData.content">
618 </form> 618 </form>
619 </div> 619 </div>
620 <div class="clearfix"></div> 620 <div class="clearfix"></div>
621 </div> 621 </div>
622 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 622 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
623 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('email')">Accept</button> 623 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField('email')">Accept</button>
624 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 624 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
625 </div> 625 </div>
626 </div> 626 </div>
627 </div> 627 </div>
628 628
629 <!-- Le javascript 629 <!-- Le javascript
630 ================================================== --> 630 ================================================== -->
631 <!-- Placed at the end of the document so the pages load faster --> 631 <!-- Placed at the end of the document so the pages load faster -->
632 <!-- <script 632 <!-- <script
633 CKEDITOR.replace( 'editor2', { 633 CKEDITOR.replace( 'editor2', {
634 height: 250, 634 height: 250,
635 extraPlugins: 'divarea' 635 extraPlugins: 'divarea'
636 } ); 636 } );
637 </script> --> 637 </script> -->
638 638