Commit fb26e70bfcd748f6fa5e7bd8c0b9203b01d7f83d
1 parent
ea15674c8a
Exists in
master
fuel manager done
Showing
4 changed files
with
329 additions
and
17 deletions
Show diff stats
app/css/custom.css
1 | /*------------------------------------------------------------------ | 1 | /*------------------------------------------------------------------ |
2 | 2 | ||
3 | [Custom Stylesheet] | 3 | [Custom Stylesheet] |
4 | 4 | ||
5 | 5 | ||
6 | Last change: 03/25/2013 | 6 | Last change: 03/25/2013 |
7 | Assigned to: You | 7 | Assigned to: You |
8 | 8 | ||
9 | -------------------------------------------------------------------*/ | 9 | -------------------------------------------------------------------*/ |
10 | 10 | ||
11 | body{ | 11 | body{ |
12 | color: #333; | 12 | color: #333; |
13 | } | 13 | } |
14 | 14 | ||
15 | .custom-widget-content{ | 15 | .custom-widget-content{ |
16 | width: 100%; | 16 | width: 100%; |
17 | height: auto; | 17 | height: auto; |
18 | padding: 15px 0; | 18 | padding: 15px 0; |
19 | background-color: #fff; | 19 | background-color: #fff; |
20 | border: 1px solid #D5D5D5; | 20 | border: 1px solid #D5D5D5; |
21 | border-radius: 0 0 5px 5px; | 21 | border-radius: 0 0 5px 5px; |
22 | } | 22 | } |
23 | .hr{ | 23 | .hr{ |
24 | margin: 5px 0; | 24 | margin: 5px 0; |
25 | } | 25 | } |
26 | .disableSelect:disabled{ | 26 | .disableSelect:disabled{ |
27 | border: 0; | 27 | border: 0; |
28 | background-color: transparent; | 28 | background-color: transparent; |
29 | color: #f90; | 29 | color: #f90; |
30 | box-shadow: none; | 30 | box-shadow: none; |
31 | -webkit-appearance: none; | 31 | -webkit-appearance: none; |
32 | appearance: none; | 32 | appearance: none; |
33 | } | 33 | } |
34 | .disableInput:disabled{ | 34 | .disableInput:disabled{ |
35 | border: 0; | 35 | border: 0; |
36 | background-color: transparent; | 36 | background-color: transparent; |
37 | color: #222; | 37 | color: #222; |
38 | box-shadow: none; | 38 | box-shadow: none; |
39 | } | 39 | } |
40 | .img-logo{ | 40 | .img-logo{ |
41 | height: 25px; | 41 | height: 25px; |
42 | padding-left: 10%; | 42 | padding-left: 10%; |
43 | } | 43 | } |
44 | 44 | ||
45 | .widget-header > i{ | 45 | .widget-header > i{ |
46 | display: inline-block; | 46 | display: inline-block; |
47 | margin-top: -3px; | 47 | margin-top: -3px; |
48 | margin-left: 13px; | 48 | margin-left: 13px; |
49 | margin-right: -2px; | 49 | margin-right: -2px; |
50 | font-size: 16px; | 50 | font-size: 16px; |
51 | color: #555; | 51 | color: #555; |
52 | vertical-align: middle; | 52 | vertical-align: middle; |
53 | } | 53 | } |
54 | 54 | ||
55 | 55 | ||
56 | table{ | 56 | table{ |
57 | width: 100%; | 57 | width: 100%; |
58 | } | 58 | } |
59 | table th, td{ | 59 | table th, td{ |
60 | font-size: 13px; | 60 | font-size: 13px; |
61 | } | 61 | } |
62 | .navbar-brand{ | 62 | .navbar-brand{ |
63 | height: auto; | 63 | height: auto; |
64 | } | 64 | } |
65 | .custom-widget-content .btn-xs{ | 65 | .custom-widget-content .btn-xs{ |
66 | padding: 3px 5px; | 66 | padding: 3px 5px; |
67 | } | 67 | } |
68 | .fc-event{ | 68 | .fc-event{ |
69 | background-color: #ff9900 !important; | 69 | background-color: #ff9900 !important; |
70 | color: #fff !important; | 70 | color: #fff !important; |
71 | border: 1px solid #ff9900 !important; | 71 | border: 1px solid #ff9900 !important; |
72 | } | 72 | } |
73 | .pull-right-color{ | 73 | .pull-right-color{ |
74 | background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%); | 74 | background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%); |
75 | } | 75 | } |
76 | .pull-right-setup{ | 76 | .pull-right-setup{ |
77 | margin-bottom: 10px; | 77 | margin-bottom: 10px; |
78 | background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%); | 78 | background-image: linear-gradient(to bottom, #1c84c6 0%, #1c84c6 100%); |
79 | } | 79 | } |
80 | .Airport{ | 80 | .Airport{ |
81 | padding-top: 5px; | 81 | padding-top: 5px; |
82 | } | 82 | } |
83 | .src-image{ | 83 | .src-image{ |
84 | width: 50px; | 84 | width: 50px; |
85 | height: 50px; | 85 | height: 50px; |
86 | } | 86 | } |
87 | .Accept{ | 87 | .Accept{ |
88 | padding-top: 25px; | 88 | padding-top: 25px; |
89 | } | 89 | } |
90 | .dis{ | 90 | .dis{ |
91 | float: left; | 91 | float: left; |
92 | margin-right:100px; | 92 | margin-right:100px; |
93 | } | 93 | } |
94 | /*.email-password{ | 94 | /*.email-password{ |
95 | width: 40px; | 95 | width: 40px; |
96 | height: 24px; | 96 | height: 24px; |
97 | }*/ | 97 | }*/ |
98 | .email-password-icon{ | 98 | .email-password-icon{ |
99 | width: 10px; | 99 | width: 10px; |
100 | height: 10px; | 100 | height: 10px; |
101 | } | 101 | } |
102 | @media( max-width: 768px;){ | 102 | @media( max-width: 768px;){ |
103 | .btn{ | 103 | .btn{ |
104 | font-size: 10px !important; | 104 | font-size: 10px !important; |
105 | } | 105 | } |
106 | .dis{ | 106 | .dis{ |
107 | float: none; | 107 | float: none; |
108 | margin-right: 0px; | 108 | margin-right: 0px; |
109 | } | 109 | } |
110 | } | 110 | } |
111 | .Search-tabs{ | 111 | .Search-tabs{ |
112 | border-bottom: 0px solid #ddd; */ | 112 | border-bottom: 0px solid #ddd; */ |
113 | } | 113 | } |
114 | 114 | ||
115 | .customer-table table{ | 115 | .customer-table table{ |
116 | width: 100%; | 116 | width: 100%; |
117 | } | 117 | } |
118 | .customer-table input{ | 118 | .customer-table input{ |
119 | border-radius: 0; | 119 | border-radius: 0; |
120 | box-shadow: none; | 120 | box-shadow: none; |
121 | border: 1px solid #e4e3e3; | 121 | border: 1px solid #e4e3e3; |
122 | padding: 0px; | 122 | padding: 0px; |
123 | font-size: 10px; | 123 | font-size: 10px; |
124 | display: -webkit-inline-box; | 124 | display: -webkit-inline-box; |
125 | display: inline-box; | 125 | display: inline-box; |
126 | height: 31px; | 126 | height: 31px; |
127 | } | 127 | } |
128 | .customer-table select{ | 128 | .customer-table select{ |
129 | border-radius: 0; | 129 | border-radius: 0; |
130 | box-shadow: none; | 130 | box-shadow: none; |
131 | border: 1px solid #e4e3e3; | 131 | border: 1px solid #e4e3e3; |
132 | padding: 0px; | 132 | padding: 0px; |
133 | font-size: 10px; | 133 | font-size: 10px; |
134 | height: 31px; | 134 | height: 31px; |
135 | display: -webkit-inline-box; | 135 | display: -webkit-inline-box; |
136 | display: inline-box; | 136 | display: inline-box; |
137 | } | 137 | } |
138 | .customer-table th > label{ | 138 | .customer-table th > label{ |
139 | font-weight: bold; | 139 | font-weight: bold; |
140 | padding: 10px 5px 2px 5px; | 140 | padding: 10px 5px 2px 5px; |
141 | margin-bottom: 0; | 141 | margin-bottom: 0; |
142 | } | 142 | } |
143 | .customer-table td{ | 143 | .customer-table td{ |
144 | padding: 5px !important; | 144 | padding: 5px !important; |
145 | height: auto !important; | 145 | height: auto !important; |
146 | vertical-align: middle !important; | 146 | vertical-align: middle !important; |
147 | } | 147 | } |
148 | .customer-table td > select{ | 148 | .customer-table td > select{ |
149 | height: 22px !important; | 149 | height: 22px !important; |
150 | } | 150 | } |
151 | .customer-table td > button{ | 151 | .customer-table td > button{ |
152 | font-size: 10px; | 152 | font-size: 10px; |
153 | } | 153 | } |
154 | 154 | ||
155 | /*.new-input-label{ | 155 | /*.new-input-label{ |
156 | margin-bottom: 0; | 156 | margin-bottom: 0; |
157 | line-height: 34px; | 157 | line-height: 34px; |
158 | }*/ | 158 | }*/ |
159 | 159 | ||
160 | 160 | ||
161 | 161 | ||
162 | 162 | ||
163 | 163 | ||
164 | /* new custom css for accrodian tabs */ | 164 | /* new custom css for accrodian tabs */ |
165 | 165 | ||
166 | .customAccordianHeader{ | 166 | .customAccordianHeader{ |
167 | width: 100%; | 167 | width: 100%; |
168 | height: auto; | 168 | height: auto; |
169 | background-color: #F3F3F3; | 169 | background-color: #F3F3F3; |
170 | border: 1px solid #ddd; | 170 | border: 1px solid #ddd; |
171 | color: #333; | 171 | color: #333; |
172 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35); | 172 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35); |
173 | border-radius: 3px 3px 3px 3px; | 173 | border-radius: 3px 3px 3px 3px; |
174 | padding: 10px 15px; | 174 | padding: 10px 15px; |
175 | margin-top: 10px; | 175 | margin-top: 10px; |
176 | } | 176 | } |
177 | 177 | ||
178 | .customAccordianHeader.customActive{ | 178 | .customAccordianHeader.customActive{ |
179 | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b)); | 179 | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b)); |
180 | background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%); | 180 | background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%); |
181 | background-repeat: repeat-x; | 181 | background-repeat: repeat-x; |
182 | border: 1px solid #222222; | 182 | border: 1px solid #222222; |
183 | color: #FFF; | 183 | color: #FFF; |
184 | border-radius: 3px 3px 0 0; | 184 | border-radius: 3px 3px 0 0; |
185 | } | 185 | } |
186 | .customAccordianHeader > span{ | 186 | .customAccordianHeader > span{ |
187 | font-size: 15px; | 187 | font-size: 15px; |
188 | margin-right: 20px; | 188 | margin-right: 20px; |
189 | line-height: 22px; | 189 | line-height: 22px; |
190 | float: left; | 190 | float: left; |
191 | } | 191 | } |
192 | .customAccordianHeader .btn{ | 192 | .customAccordianHeader .btn{ |
193 | padding: 2px 12px; | 193 | padding: 2px 12px; |
194 | } | 194 | } |
195 | .customAccordianHeader > .form-control{ | 195 | .customAccordianHeader > .form-control{ |
196 | outline: none; | 196 | outline: none; |
197 | box-shadow: none; | 197 | box-shadow: none; |
198 | } | 198 | } |
199 | .customAccordianHeader > select.form-control{ | 199 | .customAccordianHeader > select.form-control{ |
200 | width: 150px; | 200 | width: 150px; |
201 | height: 26px; | 201 | height: 26px; |
202 | padding: 0 6px; | 202 | padding: 0 6px; |
203 | margin-right: 20px; | 203 | margin-right: 20px; |
204 | float: left; | 204 | float: left; |
205 | } | 205 | } |
206 | .customAccordianHeader > select.form-control[disabled]{ | 206 | .customAccordianHeader > select.form-control[disabled]{ |
207 | border: none; | 207 | border: none; |
208 | -webkit-appearance: none; | 208 | -webkit-appearance: none; |
209 | -moz-appearance: none; | 209 | -moz-appearance: none; |
210 | appearance: none; | 210 | appearance: none; |
211 | background-color: transparent; | 211 | background-color: transparent; |
212 | color: #f90; | 212 | color: #f90; |
213 | width: auto; | 213 | width: auto; |
214 | } | 214 | } |
215 | .customAccordianHeader > input.form-control{ | 215 | .customAccordianHeader > input.form-control{ |
216 | width: 80px; | 216 | width: 80px; |
217 | height: 26px; | 217 | height: 26px; |
218 | padding: 0 6px; | 218 | padding: 0 6px; |
219 | float: left; | 219 | float: left; |
220 | } | 220 | } |
221 | .customAccordianHeader > input.form-control[disabled]{ | 221 | .customAccordianHeader > input.form-control[disabled]{ |
222 | border: none; | 222 | border: none; |
223 | -webkit-appearance: none; | 223 | -webkit-appearance: none; |
224 | -moz-appearance: none; | 224 | -moz-appearance: none; |
225 | appearance: none; | 225 | appearance: none; |
226 | background-color: transparent; | 226 | background-color: transparent; |
227 | color: #333; | 227 | color: #333; |
228 | } | 228 | } |
229 | .customAccordianTabBody{ | 229 | .customAccordianTabBody{ |
230 | width: 100%; | 230 | width: 100%; |
231 | height: auto; | 231 | height: auto; |
232 | padding: 15px; | 232 | padding: 15px; |
233 | border: 1px solid #ddd; | 233 | border: 1px solid #ddd; |
234 | border-top: 0; | 234 | border-top: 0; |
235 | border-radius: 0 0 3px 3px; | 235 | border-radius: 0 0 3px 3px; |
236 | } | 236 | } |
237 | .customTableWithFilter{ | 237 | .customTableWithFilter{ |
238 | width: auto; | 238 | width: auto; |
239 | height: auto; | 239 | height: auto; |
240 | } | 240 | } |
241 | .customTableWithFilter th{ | 241 | .customTableWithFilter th{ |
242 | padding: 5px; | 242 | padding: 5px; |
243 | background-color: #f3f3f3; | 243 | background-color: #f3f3f3; |
244 | border: 1px solid #ddd; | 244 | border: 1px solid #ddd; |
245 | } | 245 | } |
246 | .customTableWithFilter th i{ | 246 | .customTableWithFilter th i{ |
247 | margin-top: 3px; | 247 | margin-top: 3px; |
248 | } | 248 | } |
249 | .customTableWithFilter th span{ | 249 | .customTableWithFilter th span{ |
250 | font-size: 11px; | 250 | font-size: 11px; |
251 | color: #222; | 251 | color: #222; |
252 | } | 252 | } |
253 | .customTableWithFilter th input{ | 253 | .customTableWithFilter th input{ |
254 | width: 50px; | 254 | width: 50px; |
255 | } | 255 | } |
256 | .customTableWithFilter td{ | 256 | .customTableWithFilter td{ |
257 | padding: 5px; | 257 | padding: 5px; |
258 | border: 1px solid #ddd; | 258 | border: 1px solid #ddd; |
259 | } | 259 | } |
260 | .customTableWithFilter td span{ | 260 | .customTableWithFilter td span{ |
261 | font-size: 11px; | 261 | font-size: 11px; |
262 | } | 262 | } |
263 | .customTableWithFilter td span:first-child{ | 263 | .customTableWithFilter td span:first-child{ |
264 | color: #449d44; | 264 | color: #449d44; |
265 | font-weight: bold; | 265 | font-weight: bold; |
266 | } | 266 | } |
267 | .customTableWithFilter td span:last-child{ | 267 | .customTableWithFilter td span:last-child{ |
268 | color: #c9302c; | 268 | color: #c9302c; |
269 | font-style: italic; | 269 | font-style: italic; |
270 | font-weight: bold; | 270 | font-weight: bold; |
271 | } | 271 | } |
272 | .customTableWithFilter td .tierTextBox{ | 272 | .customTableWithFilter td .tierTextBox{ |
273 | width: 70px; | 273 | width: 70px; |
274 | } | 274 | } |
275 | .customTableWithFilter .addTierButton{ | 275 | .customTableWithFilter .addTierButton{ |
276 | color: #fff; | 276 | color: #fff; |
277 | background-color: #2196f3; | 277 | background-color: #2196f3; |
278 | border: none; | 278 | border: none; |
279 | padding: 3px 5px; | 279 | padding: 3px 5px; |
280 | } | 280 | } |
281 | .customTableWithFilter td .fa-trash-o{ | 281 | .customTableWithFilter td .fa-trash-o{ |
282 | color: #fff; | 282 | color: #fff; |
283 | background-color: #c9302c; | 283 | background-color: #c9302c; |
284 | padding: 5px; | 284 | padding: 5px; |
285 | border-radius: 3px; | 285 | border-radius: 3px; |
286 | cursor: pointer; | 286 | cursor: pointer; |
287 | } | 287 | } |
288 | .resizeTextarea{ | 288 | .resizeTextarea{ |
289 | resize: vertical; | 289 | resize: vertical; |
290 | margin-top: 20px; | 290 | margin-top: 20px; |
291 | } | 291 | } |
292 | 292 | ||
293 | 293 | ||
294 | 294 | ||
295 | 295 | ||
296 | 296 | ||
297 | .new-widget-content{ | 297 | .new-widget-content{ |
298 | padding: 0 0 0 0 !important; | 298 | padding: 0 0 0 0 !important; |
299 | } | 299 | } |
300 | .new-tab-heading{ | 300 | .new-tab-heading{ |
301 | padding: 5px; | 301 | padding: 5px; |
302 | color: #333; | 302 | color: #333; |
303 | background-color: #fcfcfc; | 303 | background-color: #fcfcfc; |
304 | border-bottom: 1px solid #d5d5d5; | 304 | border-bottom: 1px solid #d5d5d5; |
305 | border-right: 1px solid #d5d5d5; | 305 | border-right: 1px solid #d5d5d5; |
306 | } | 306 | } |
307 | .new-tab-body{ | 307 | .new-tab-body{ |
308 | border-right: 1px solid #d5d5d5; | 308 | border-right: 1px solid #d5d5d5; |
309 | border-bottom: 1px solid #d5d5d5; | 309 | border-bottom: 1px solid #d5d5d5; |
310 | padding-left: 15px; | 310 | padding-left: 15px; |
311 | padding-bottom: 5px; | 311 | padding-bottom: 5px; |
312 | } | 312 | } |
313 | .new-tab-heading i.fa{ | 313 | .new-tab-heading i.fa{ |
314 | font-size: 16px; | 314 | font-size: 16px; |
315 | cursor: pointer; | 315 | cursor: pointer; |
316 | } | 316 | } |
317 | .new-tab-heading span{ | 317 | .new-tab-heading span{ |
318 | font-size: 14px; | 318 | font-size: 14px; |
319 | margin-left: 5px; | 319 | margin-left: 5px; |
320 | } | 320 | } |
321 | .new-tab-heading i.fa-plus-circle{ | 321 | .new-tab-heading i.fa-plus-circle{ |
322 | color: #067dfc; | 322 | color: #067dfc; |
323 | } | 323 | } |
324 | .new-tab-heading i.fa-minus-circle{ | 324 | .new-tab-heading i.fa-minus-circle{ |
325 | color: #d00d09; | 325 | color: #d00d09; |
326 | } | 326 | } |
327 | .new-tab-body-th{ | 327 | .new-tab-body-th{ |
328 | color: #333; | 328 | color: #333; |
329 | } | 329 | } |
330 | .new-tab-body-th > div{ | 330 | .new-tab-body-th > div{ |
331 | font-size: 12px; | 331 | font-size: 12px; |
332 | font-weight: bold; | 332 | font-weight: bold; |
333 | padding-right: 5px; | 333 | padding-right: 5px; |
334 | padding-left: 5px; | 334 | padding-left: 5px; |
335 | text-align: center; | 335 | text-align: center; |
336 | } | 336 | } |
337 | .new-tab-body-th > div:first-child{ | 337 | .new-tab-body-th > div:first-child{ |
338 | font-size: 14px; | 338 | font-size: 14px; |
339 | font-weight: bold; | 339 | font-weight: bold; |
340 | text-align: left; | 340 | text-align: left; |
341 | } | 341 | } |
342 | .new-tab-body-td i.fa-plus-circle{ | 342 | .new-tab-body-td i.fa-plus-circle{ |
343 | color: #067dfc; | 343 | color: #067dfc; |
344 | } | 344 | } |
345 | .new-tab-body-td i.fa-minus-circle{ | 345 | .new-tab-body-td i.fa-minus-circle{ |
346 | color: #d00d09; | 346 | color: #d00d09; |
347 | } | 347 | } |
348 | .new-tab-body-td input{ | 348 | .new-tab-body-td input{ |
349 | width: 50px; | 349 | width: 50px; |
350 | height: 24px; | 350 | height: 24px; |
351 | } | 351 | } |
352 | .new-tab-body-td .fa{ | 352 | .new-tab-body-td .fa{ |
353 | font-size: 14px; | 353 | font-size: 14px; |
354 | } | 354 | } |
355 | .new-tab-body-td > div:first-child > div{ | 355 | .new-tab-body-td > div:first-child > div{ |
356 | padding-right: 5px; | 356 | padding-right: 5px; |
357 | padding-left: 5px; | 357 | padding-left: 5px; |
358 | text-align: center; | 358 | text-align: center; |
359 | } | 359 | } |
360 | .new-tab-body-td > div:first-child > div:first-child{ | 360 | .new-tab-body-td > div:first-child > div:first-child{ |
361 | text-align: left; | 361 | text-align: left; |
362 | } | 362 | } |
363 | .appliesTableHeading{ | 363 | .appliesTableHeading{ |
364 | border: 1px solid #d5d5d5; | 364 | border: 1px solid #d5d5d5; |
365 | padding: 5px; | 365 | padding: 5px; |
366 | color: #333; | 366 | color: #333; |
367 | font-weight: bold; | 367 | font-weight: bold; |
368 | background-color: #fcfcfc; | 368 | background-color: #fcfcfc; |
369 | margin: 10px 0 0 0; | 369 | margin: 10px 0 0 0; |
370 | } | 370 | } |
371 | .appliesTableBody{ | 371 | .appliesTableBody{ |
372 | border: 1px solid #d5d5d5; | 372 | border: 1px solid #d5d5d5; |
373 | border-top: 0; | 373 | border-top: 0; |
374 | background-color: #ffffe0; | 374 | background-color: #ffffe0; |
375 | margin-bottom: 10px; | 375 | margin-bottom: 10px; |
376 | height: auto; | 376 | height: auto; |
377 | } | 377 | } |
378 | .appliesTableBody > div.firstDiv{ | 378 | .appliesTableBody > div.firstDiv{ |
379 | height: 100px; | 379 | height: 100px; |
380 | float: left; | 380 | float: left; |
381 | width: 40%; | 381 | width: 40%; |
382 | border-right: 1px solid #d5d5d5; | 382 | border-right: 1px solid #d5d5d5; |
383 | overflow: auto; | 383 | overflow: auto; |
384 | padding: 5px; | 384 | padding: 5px; |
385 | } | 385 | } |
386 | .appliesTableBody > div.lastDiv{ | 386 | .appliesTableBody > div.lastDiv{ |
387 | width: 59%; | 387 | width: 59%; |
388 | height: 100px; | 388 | height: 100px; |
389 | padding: 5px; | 389 | padding: 5px; |
390 | float: left; | 390 | float: left; |
391 | } | 391 | } |
392 | .appliesTableBody > div.lastDiv textarea{ | 392 | .appliesTableBody > div.lastDiv textarea{ |
393 | width: 100%; | 393 | width: 40%; |
394 | height: 60px; | 394 | height: 60px; |
395 | margin: 15px 0; | 395 | margin: 15px 0; |
396 | resize: none; | 396 | resize: none; |
397 | float: left; | ||
398 | } | ||
399 | .reportedByTag{ | ||
400 | width: 60%; | ||
401 | height: 80px; | ||
402 | border-top: 10px solid #393; | ||
403 | border-left: 10px solid #6c6; | ||
404 | border-radius: 5px 0 0 5px; | ||
405 | background-color: #d7d7d7; | ||
406 | float: right; | ||
407 | position: relative; | ||
408 | right: -13px; | ||
409 | margin-top: 5px; | ||
410 | font-size: 11px; | ||
411 | } | ||
412 | .confirmedTag{ | ||
413 | background-color: #393; | ||
414 | color: #fff; | ||
415 | -webkit-transform: rotate(-90deg); | ||
416 | -moz-transform: rotate(-90deg); | ||
417 | -o-transform: rotate(-90deg); | ||
418 | -ms-transform: rotate(-90deg); | ||
419 | transform: rotate(-90deg); | ||
420 | position: absolute; | ||
421 | bottom: 25px; | ||
422 | left: -24px; | ||
423 | width: 71px; | ||
424 | text-align: center; | ||
425 | font-size: 11px; | ||
426 | } | ||
427 | .reportedByTag table{ | ||
428 | margin-left: 27px; | ||
429 | width: calc(100% - 27px); | ||
430 | } | ||
431 | .reportedByTag table td{ | ||
432 | font-size: 11px; | ||
433 | text-align: center; | ||
434 | font-weight: bold; | ||
435 | } | ||
436 | .reportedByTag table tr:last-child td{ | ||
437 | text-align: left; | ||
438 | font-weight: normal; | ||
439 | font-size: 10px; | ||
397 | } | 440 | } |
398 | .feeManagerRight{ | 441 | .feeManagerRight{ |
399 | min-height: 70px; | 442 | min-height: 70px; |
400 | position: relative; | 443 | position: relative; |
401 | } | 444 | } |
402 | .feeManagerRight div{ | 445 | .feeManagerRight div{ |
403 | position: absolute; | 446 | position: absolute; |
404 | bottom: 0; | 447 | bottom: 0; |
405 | width: 100%; | 448 | width: 100%; |
406 | } | 449 | } |
407 | .new-tab-body-td{ | 450 | .new-tab-body-td{ |
408 | padding: 5px 0; | 451 | padding: 5px 0; |
409 | } | 452 | } |
410 | 453 | ||
411 | /* new checkbox slide css */ | 454 | /* new checkbox slide css */ |
412 | 455 | ||
413 | .onoffswitch { | 456 | .onoffswitch { |
414 | position: relative; width: 80px; | 457 | position: relative; width: 80px; |
415 | -webkit-user-select:none; | 458 | -webkit-user-select:none; |
416 | -moz-user-select:none; | 459 | -moz-user-select:none; |
417 | -ms-user-select: none; | 460 | -ms-user-select: none; |
418 | margin: auto; | 461 | margin: auto; |
419 | } | 462 | } |
420 | .onoffswitch-checkbox { | 463 | .onoffswitch-checkbox { |
421 | display: none; | 464 | display: none; |
422 | } | 465 | } |
423 | .onoffswitch-label { | 466 | .onoffswitch-label { |
424 | display: block; | 467 | display: block; |
425 | overflow: hidden; | 468 | overflow: hidden; |
426 | cursor: pointer; | 469 | cursor: pointer; |
427 | border: 2px solid #999999; | 470 | border: 2px solid #999999; |
428 | border-radius: 0px; | 471 | border-radius: 0px; |
429 | } | 472 | } |
430 | .onoffswitch-inner { | 473 | .onoffswitch-inner { |
431 | display: block; | 474 | display: block; |
432 | width: 200%; | 475 | width: 200%; |
433 | margin-left: -100%; | 476 | margin-left: -100%; |
434 | transition: margin 0.3s ease-in 0s; | 477 | transition: margin 0.3s ease-in 0s; |
435 | } | 478 | } |
436 | .onoffswitch-inner:before, .onoffswitch-inner:after { | 479 | .onoffswitch-inner:before, .onoffswitch-inner:after { |
437 | display: block; | 480 | display: block; |
438 | float: left; | 481 | float: left; |
439 | width: 50%; | 482 | width: 50%; |
440 | height: 18px; | 483 | height: 18px; |
441 | padding: 0; | 484 | padding: 0; |
442 | line-height: 18px; | 485 | line-height: 18px; |
443 | font-size: 10px; | 486 | font-size: 10px; |
444 | color: white; | 487 | color: white; |
445 | font-family: Trebuchet, Arial, sans-serif; | 488 | font-family: Trebuchet, Arial, sans-serif; |
446 | font-weight: bold; | 489 | font-weight: bold; |
447 | box-sizing: border-box; | 490 | box-sizing: border-box; |
448 | } | 491 | } |
449 | .onoffswitch-inner:before { | 492 | .onoffswitch-inner:before { |
450 | content: "Include"; | 493 | content: "Include"; |
451 | padding-left: 5px; | 494 | padding-left: 5px; |
452 | background-color: #016ADB; color: #FFFFFF; | 495 | background-color: #016ADB; color: #FFFFFF; |
453 | text-align: left; | 496 | text-align: left; |
454 | } | 497 | } |
455 | .onoffswitch-inner:after { | 498 | .onoffswitch-inner:after { |
456 | content: "Exclude"; | 499 | content: "Exclude"; |
457 | padding-right: 5px; | 500 | padding-right: 5px; |
458 | background-color: ; color: #333333; | 501 | background-color: ; color: #333333; |
459 | text-align: right; | 502 | text-align: right; |
460 | } | 503 | } |
461 | .onoffswitch-switch { | 504 | .onoffswitch-switch { |
462 | display: block; | 505 | display: block; |
463 | width: 25px; | 506 | width: 25px; |
464 | margin: -3.5px; | 507 | margin: -3.5px; |
465 | background: #FFFFFF; | 508 | background: #FFFFFF; |
466 | position: absolute; | 509 | position: absolute; |
467 | top: 0; | 510 | top: 0; |
468 | bottom: 0; | 511 | bottom: 0; |
469 | right: 58px; | 512 | right: 58px; |
470 | border: 2px solid #999999; | 513 | border: 2px solid #999999; |
471 | border-radius: 0px; | 514 | border-radius: 0px; |
472 | transition: all 0.3s ease-in 0s; | 515 | transition: all 0.3s ease-in 0s; |
473 | } | 516 | } |
474 | .onoffswitch-switch i{ | 517 | .onoffswitch-switch i{ |
475 | line-height: 25px; | 518 | line-height: 25px; |
476 | } | 519 | } |
477 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { | 520 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { |
478 | margin-left: 0; | 521 | margin-left: 0; |
479 | } | 522 | } |
480 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { | 523 | .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { |
481 | right: 0px; | 524 | right: 0px; |
482 | } | 525 | } |
483 | .onoffswitch-checkbox fa-check{ | 526 | .onoffswitch-checkbox fa-check{ |
484 | color: #00ff00; | 527 | color: #00ff00; |
485 | } | 528 | } |
486 | .onoffswitch-checkbox fa-times{ | 529 | .onoffswitch-checkbox fa-times{ |
487 | color: #ff0000; | 530 | color: #ff0000; |
488 | } | 531 | } |
489 | 532 | ||
490 | .newButtons{ | 533 | .newButtons{ |
491 | background-color: #fff; | 534 | background-color: #fff; |
492 | border-radius: 10px; | 535 | border-radius: 10px; |
493 | color: #333; | 536 | color: #333; |
494 | border: 1px solid #eee; | 537 | border: 1px solid #eee; |
495 | box-shadow: 5px 5px 6px rgba(0,0,0,0.3); | 538 | box-shadow: 5px 5px 6px rgba(0,0,0,0.3); |
496 | padding: 6px 15px; | 539 | padding: 6px 15px; |
497 | margin-right: 10px; | 540 | margin-right: 10px; |
498 | } | 541 | } |
499 | .newButtons:disabled{ | 542 | .newButtons:disabled{ |
500 | background-color: #eee; | 543 | background-color: #eee; |
501 | } | 544 | } |
502 | *{ | 545 | *{ |
503 | outline: none; | 546 | outline: none; |
504 | } | 547 | } |
505 | 548 | ||
506 | 549 | ||
507 | /* my custom modal */ | 550 | /* my custom modal */ |
508 | 551 | ||
509 | .customBackdrop{ | 552 | .customBackdrop{ |
510 | position: fixed; | 553 | position: fixed; |
511 | background-color: rgba(0, 0, 0, 0.15); | 554 | background-color: rgba(0, 0, 0, 0.15); |
512 | top: 0; | 555 | top: 0; |
513 | left: 0; | 556 | left: 0; |
514 | width: 100%; | 557 | width: 100%; |
515 | height: 100%; | 558 | height: 100%; |
559 | z-index: 999; | ||
516 | } | 560 | } |
517 | .customModalInner{ | 561 | .customModalInner{ |
518 | width: 100%; | 562 | width: 100%; |
519 | max-width: 500px; | 563 | max-width: 500px; |
520 | height: 200px; | 564 | height: 200px; |
521 | top: 15%; | 565 | top: 15%; |
522 | position: relative; | 566 | position: relative; |
523 | margin: auto; | 567 | margin: auto; |
524 | } | 568 | } |
525 | .customModelHead, .customModelFooter{ | 569 | .customModelHead, .customModelFooter{ |
526 | width: 100%; | 570 | width: 100%; |
527 | background-color: #fafafa; | 571 | background-color: #fafafa; |
528 | border-bottom: 1px solid #ccc; | 572 | border-bottom: 1px solid #ccc; |
529 | color: #333; | 573 | color: #333; |
530 | padding: 10px; | 574 | padding: 10px; |
531 | } | 575 | } |
532 | .customModelFooter{ | 576 | .customModelFooter{ |
533 | border-top: 1px solid #ccc; | 577 | border-top: 1px solid #ccc; |
534 | } | 578 | } |
535 | .customModelBody{ | 579 | .customModelBody{ |
536 | width: 100%; | 580 | width: 100%; |
537 | height: auto; | 581 | height: auto; |
538 | background-color: #fff; | 582 | background-color: #fff; |
539 | color: #333; | 583 | color: #333; |
540 | padding: 10px; | 584 | padding: 10px; |
541 | } | 585 | } |
542 | .customModelHead p{ | 586 | .customModelHead p{ |
543 | margin-bottom: 0; | 587 | margin-bottom: 0; |
544 | font-size: 14px; | 588 | font-size: 14px; |
545 | } | 589 | } |
546 | .customModelFooter button{ | 590 | .customModelFooter button{ |
547 | border: 1px solid #ccc; | 591 | border: 1px solid #ccc; |
548 | } | 592 | } |
549 | .customModelFooter input[type="submit"]{ | 593 | .customModelFooter input[type="submit"]{ |
550 | background-color: #6ad46a; | 594 | background-color: #6ad46a; |
551 | border: 1px solid #ccc; | 595 | border: 1px solid #ccc; |
552 | } | 596 | } |
app/partials/fuelManager/fuelManager.controller.js
1 | 1 | ||
2 | 'use strict'; | 2 | 'use strict'; |
3 | 3 | ||
4 | //Load controller | 4 | //Load controller |
5 | angular.module('acufuel') | 5 | angular.module('acufuel') |
6 | 6 | ||
7 | //.controller('fuelManagerController', ['$scope', 'fuelManagerService',function($scope, fuelManagerService) { | 7 | //.controller('fuelManagerController', ['$scope', 'fuelManagerService',function($scope, fuelManagerService) { |
8 | .controller('fuelManagerController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'fuelManagerService', fuelManagerController]); | 8 | .controller('fuelManagerController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'fuelManagerService', fuelManagerController]); |
9 | 9 | ||
10 | function fuelManagerController($scope, $rootScope, $uibModal, $filter, $http, fuelManagerService) { | 10 | function fuelManagerController($scope, $rootScope, $uibModal, $filter, $http, fuelManagerService) { |
11 | 11 | ||
12 | $scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId')); | 12 | $scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId')); |
13 | 13 | ||
14 | fuelManagerService.getFullList().then(function(result) { | 14 | fuelManagerService.getFullList().then(function(result) { |
15 | $scope.fullJetList = result; | 15 | $scope.fullJetList = result; |
16 | }) | 16 | }) |
17 | 17 | ||
18 | $scope.avoidanceList = {}; | 18 | $scope.avoidanceList = {}; |
19 | 19 | ||
20 | $scope.updateList = function(fullJetList){ | 20 | $scope.updateList = function(fullJetList){ |
21 | $scope.addData = []; | 21 | $scope.addData = []; |
22 | $scope.newJetList = fullJetList; | 22 | $scope.newJetList = fullJetList; |
23 | if ($scope.currentUserData == undefined || $scope.currentUserData == null) { | 23 | if ($scope.currentUserData == undefined || $scope.currentUserData == null) { |
24 | 24 | ||
25 | }else{ | 25 | }else{ |
26 | 26 | ||
27 | for(var i=0; i<$scope.newJetList.length;i++){ | 27 | for(var i=0; i<$scope.newJetList.length;i++){ |
28 | for(var j = 0; j < $scope.newJetList[i].aircraftsSize.length; j++){ | 28 | for(var j = 0; j < $scope.newJetList[i].aircraftsSize.length; j++){ |
29 | if($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null){ | 29 | if($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null){ |
30 | console.log('fullJetList', $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance); | 30 | console.log('fullJetList', $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance); |
31 | $scope.addData.push({ | 31 | $scope.addData.push({ |
32 | //'aircraftType': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.aircraftType, | 32 | //'aircraftType': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.aircraftType, |
33 | 'id': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.id, | 33 | 'id': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.id, |
34 | 'aircraftSizeId': $scope.newJetList[i].aircraftsSize[j].id, | 34 | 'aircraftSizeId': $scope.newJetList[i].aircraftsSize[j].id, |
35 | 'rampFees': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.rampFees, | 35 | 'rampFees': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.rampFees, |
36 | 'avoidance' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.avoidance, | 36 | 'avoidance' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.avoidance, |
37 | 'applicable' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.applicable, | 37 | 'applicable' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.applicable, |
38 | 'expirationDate' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate, | 38 | 'expirationDate' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate, |
39 | 'notes' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.notes | 39 | 'notes' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.notes |
40 | }); | 40 | }); |
41 | 41 | ||
42 | } | 42 | } |
43 | } | 43 | } |
44 | } | 44 | } |
45 | $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.addData; | 45 | $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.addData; |
46 | $scope.avoidanceList.fboUserId = $scope.currentUserData; | 46 | $scope.avoidanceList.fboUserId = $scope.currentUserData; |
47 | console.log('data', $scope.avoidanceList); | ||
48 | 47 | ||
49 | fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) { | 48 | fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) { |
49 | toastr.success(''+result.success+'', { | ||
50 | closeButton: true | ||
51 | }) | ||
50 | fuelManagerService.getFullList().then(function(result) { | 52 | fuelManagerService.getFullList().then(function(result) { |
51 | $scope.fullJetList = result; | 53 | $scope.fullJetList = result; |
52 | }) | 54 | }) |
53 | }) | 55 | }) |
54 | 56 | ||
55 | } | 57 | } |
56 | 58 | ||
57 | } | 59 | } |
58 | 60 | ||
61 | $scope.dropOptions = {}; | ||
59 | 62 | ||
60 | fuelManagerService.getOptions().then(function(result) { | 63 | fuelManagerService.getOptions().then(function(result) { |
61 | $scope.dropOptions = result; | 64 | $scope.dropOptions = result; |
62 | }) | 65 | }) |
63 | 66 | ||
67 | fuelManagerService.getAircrafts().then(function(result) { | ||
68 | $scope.aircrafts = result; | ||
69 | }) | ||
70 | |||
71 | $scope.openRampFeeModal = false; | ||
72 | $scope.customRampData = {}; | ||
73 | $scope.customRampData.rampFeesAndAvoidanceList = {}; | ||
74 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftType = null; | ||
75 | |||
76 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftMake = ''; | ||
77 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftSizeId = ''; | ||
78 | $scope.customRampData.rampFeesAndAvoidanceList.tailNumber = ''; | ||
79 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMin = ''; | ||
80 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMax = ''; | ||
81 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMin = ''; | ||
82 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMax = ''; | ||
83 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMax = ''; | ||
84 | $scope.customRampData.rampFeesAndAvoidanceList.rampFees = ''; | ||
85 | $scope.customRampData.rampFeesAndAvoidanceList.avoidance = ''; | ||
86 | //$scope.customRampData.fboUserId = ''; | ||
87 | |||
64 | //$scope.rampFeeType = ''; | 88 | //$scope.rampFeeType = ''; |
65 | 89 | ||
66 | $scope.openRampModal = function(rampFeeType){ | 90 | $scope.openRampModal = function(){ |
67 | console.log('rampFeeType', rampFeeType); | 91 | //console.log('$scope.dropOptions', $scope.dropOptions) |
68 | 92 | ||
93 | |||
94 | if ($scope.customRampData.rampFeesAndAvoidanceList.aircraftType === 'WEIGHT') { | ||
95 | $scope.openRampFeeModal = true; | ||
96 | $scope.showWeight = true; | ||
97 | $scope.showWingspan = false; | ||
98 | $scope.showTail = false; | ||
99 | $scope.showAircraft = false; | ||
100 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftMake = ''; | ||
101 | $scope.customRampData.rampFeesAndAvoidanceList.tailNumber = ''; | ||
102 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMin = ''; | ||
103 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMax = ''; | ||
104 | $scope.customRampData.rampFeesAndAvoidanceList.rampFees = ''; | ||
105 | $scope.customRampData.rampFeesAndAvoidanceList.avoidance = ''; | ||
106 | }else if ($scope.customRampData.rampFeesAndAvoidanceList.aircraftType === 'MAKE_AND_MODEL') { | ||
107 | $scope.openRampFeeModal = true; | ||
108 | $scope.showWeight = false; | ||
109 | $scope.showWingspan = false; | ||
110 | $scope.showTail = false; | ||
111 | $scope.showAircraft = true; | ||
112 | $scope.customRampData.rampFeesAndAvoidanceList.tailNumber = ''; | ||
113 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMin = ''; | ||
114 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMax = ''; | ||
115 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMin = ''; | ||
116 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMax = ''; | ||
117 | $scope.customRampData.rampFeesAndAvoidanceList.rampFees = ''; | ||
118 | $scope.customRampData.rampFeesAndAvoidanceList.avoidance = ''; | ||
119 | }else if ($scope.customRampData.rampFeesAndAvoidanceList.aircraftType === 'WINGSPAN') { | ||
120 | $scope.openRampFeeModal = true; | ||
121 | $scope.showWeight = false; | ||
122 | $scope.showWingspan = true; | ||
123 | $scope.showTail = false; | ||
124 | $scope.showAircraft = false; | ||
125 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftMake = ''; | ||
126 | $scope.customRampData.rampFeesAndAvoidanceList.tailNumber = ''; | ||
127 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMin = ''; | ||
128 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMax = ''; | ||
129 | $scope.customRampData.rampFeesAndAvoidanceList.rampFees = ''; | ||
130 | $scope.customRampData.rampFeesAndAvoidanceList.avoidance = ''; | ||
131 | }else if ($scope.customRampData.rampFeesAndAvoidanceList.aircraftType === 'TAIL') { | ||
132 | $scope.openRampFeeModal = true; | ||
133 | $scope.showWeight = false; | ||
134 | $scope.showWingspan = false; | ||
135 | $scope.showTail = true; | ||
136 | $scope.showAircraft = false; | ||
137 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftMake = ''; | ||
138 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMin = ''; | ||
139 | $scope.customRampData.rampFeesAndAvoidanceList.wingspanMax = ''; | ||
140 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMin = ''; | ||
141 | $scope.customRampData.rampFeesAndAvoidanceList.weightRangeMax = ''; | ||
142 | $scope.customRampData.rampFeesAndAvoidanceList.rampFees = ''; | ||
143 | $scope.customRampData.rampFeesAndAvoidanceList.avoidance = ''; | ||
144 | }else if ($scope.customRampData.rampFeesAndAvoidanceList.aircraftType = null){ | ||
145 | $scope.openRampFeeModal = false; | ||
146 | $scope.showWeight = false; | ||
147 | $scope.showWingspan = false; | ||
148 | $scope.showTail = false; | ||
149 | $scope.showAircraft = false; | ||
150 | }else{ | ||
151 | $scope.openRampFeeModal = false; | ||
152 | $scope.showWeight = false; | ||
153 | $scope.showWingspan = false; | ||
154 | $scope.showTail = false; | ||
155 | $scope.showAircraft = false; | ||
156 | } | ||
157 | for (var i = 0; $scope.dropOptions.length; i++) { | ||
158 | if ($scope.customRampData.rampFeesAndAvoidanceList.aircraftType === $scope.dropOptions[i].size) { | ||
159 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftSizeId = $scope.dropOptions[i].id; | ||
160 | } | ||
161 | } | ||
162 | } | ||
163 | |||
164 | |||
165 | |||
166 | $scope.addCustomRamp = function(){ | ||
167 | |||
168 | $scope.newData = {}; | ||
169 | $scope.newData.rampFeesAndAvoidanceList = []; | ||
170 | $scope.newData.rampFeesAndAvoidanceList.push($scope.customRampData.rampFeesAndAvoidanceList); | ||
171 | $scope.newData.fboUserId = $scope.currentUserData; | ||
172 | console.log('$scope.customRampData', $scope.newData) | ||
173 | fuelManagerService.updateFullList($scope.newData).then(function(result) { | ||
174 | toastr.success(''+result.success+'', { | ||
175 | closeButton: true | ||
176 | }); | ||
177 | $scope.openRampFeeModal = false; | ||
178 | $scope.customRampData.rampFeesAndAvoidanceList = {}; | ||
179 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftType = null; | ||
180 | $scope.newData = {}; | ||
181 | $scope.newData.rampFeesAndAvoidanceList = []; | ||
182 | fuelManagerService.getFullList().then(function(result) { | ||
183 | $scope.fullJetList = result; | ||
184 | }) | ||
185 | }) | ||
186 | } | ||
187 | |||
188 | $scope.closeRampFeeModel = function(){ | ||
189 | $scope.openRampFeeModal = false; | ||
190 | $scope.showWeight = false; | ||
191 | $scope.showWingspan = false; | ||
192 | $scope.showTail = false; | ||
193 | $scope.showAircraft = false; | ||
194 | $scope.customRampData.rampFeesAndAvoidanceList = {}; | ||
195 | $scope.customRampData.rampFeesAndAvoidanceList.aircraftType = null; | ||
69 | } | 196 | } |
70 | 197 | ||
71 | $scope.parentOpen = function(index){ | 198 | $scope.parentOpen = function(index){ |
72 | $('#parentOpen'+index).css('display', 'none'); | 199 | $('#parentOpen'+index).css('display', 'none'); |
73 | $('#parentClose'+index).css('display', 'initial'); | 200 | $('#parentClose'+index).css('display', 'initial'); |
74 | $('#parentTogglebody'+index).slideDown(); | 201 | $('#parentTogglebody'+index).slideDown(); |
75 | } | 202 | } |
76 | $scope.parentClose = function(index){ | 203 | $scope.parentClose = function(index){ |
77 | $('#parentOpen'+index).css('display', 'initial'); | 204 | $('#parentOpen'+index).css('display', 'initial'); |
78 | $('#parentClose'+index).css('display', 'none'); | 205 | $('#parentClose'+index).css('display', 'none'); |
79 | $('#parentTogglebody'+index).slideUp(); | 206 | $('#parentTogglebody'+index).slideUp(); |
80 | } | 207 | } |
81 | 208 | ||
82 | $scope.toggleChild = function(id){ | 209 | $scope.toggleChild = function(id){ |
83 | if ($('.'+id).hasClass('fa-plus-circle')) { | 210 | if ($('.'+id).hasClass('fa-plus-circle')) { |
84 | $('.'+id).removeClass('fa-plus-circle'); | 211 | $('.'+id).removeClass('fa-plus-circle'); |
85 | $('.'+id).addClass('fa-minus-circle'); | 212 | $('.'+id).addClass('fa-minus-circle'); |
86 | }else{ | 213 | }else{ |
87 | $('.'+id).removeClass('fa-minus-circle'); | 214 | $('.'+id).removeClass('fa-minus-circle'); |
88 | $('.'+id).addClass('fa-plus-circle'); | 215 | $('.'+id).addClass('fa-plus-circle'); |
89 | } | 216 | } |
90 | $('#'+id).slideToggle(); | 217 | $('#'+id).slideToggle(); |
91 | } | 218 | } |
92 | 219 | ||
93 | $(document).ready(function(){ | 220 | $(document).ready(function(){ |
94 | 221 | ||
95 | setInterval(function(){ | 222 | setInterval(function(){ |
96 | var newHeight = $('.feeManagerLeft').height(); | 223 | var newHeight = $('.feeManagerLeft').height(); |
97 | $('.feeManagerRight').css('height', newHeight); | 224 | $('.feeManagerRight').css('height', newHeight); |
98 | }, 3); | 225 | }, 3); |
99 | 226 | ||
100 | $('#customTabToggle1').click(function(){ | 227 | $('#customTabToggle1').click(function(){ |
101 | console.log('tab 1'); | 228 | console.log('tab 1'); |
102 | $('#customTabsBody1').slideDown(); | 229 | $('#customTabsBody1').slideDown(); |
103 | $('#customTabsBody2').slideUp(); | 230 | $('#customTabsBody2').slideUp(); |
104 | $('#customTabsBody3').slideUp(); | 231 | $('#customTabsBody3').slideUp(); |
105 | $('#customTabsBody4').slideUp(); | 232 | $('#customTabsBody4').slideUp(); |
106 | $('#customTabs1').addClass('customActive'); | 233 | $('#customTabs1').addClass('customActive'); |
107 | $('#customTabs2').removeClass('customActive'); | 234 | $('#customTabs2').removeClass('customActive'); |
108 | $('#customTabs3').removeClass('customActive'); | 235 | $('#customTabs3').removeClass('customActive'); |
109 | $('#customTabs4').removeClass('customActive'); | 236 | $('#customTabs4').removeClass('customActive'); |
110 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | 237 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); |
111 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | 238 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); |
112 | 239 | ||
113 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'none'); | 240 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'none'); |
114 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block'); | 241 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block'); |
115 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block'); | 242 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block'); |
116 | 243 | ||
117 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); | 244 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); |
118 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); | 245 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); |
119 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); | 246 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); |
120 | 247 | ||
121 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); | 248 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); |
122 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); | 249 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); |
123 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); | 250 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); |
124 | 251 | ||
125 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); | 252 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); |
126 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); | 253 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); |
127 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); | 254 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); |
128 | 255 | ||
129 | }) | 256 | }) |
130 | $('#customTabToggle2').click(function(){ | 257 | $('#customTabToggle2').click(function(){ |
131 | console.log('tab 2'); | 258 | console.log('tab 2'); |
132 | $('#customTabsBody1').slideUp(); | 259 | $('#customTabsBody1').slideUp(); |
133 | $('#customTabsBody2').slideDown(); | 260 | $('#customTabsBody2').slideDown(); |
134 | $('#customTabsBody3').slideUp(); | 261 | $('#customTabsBody3').slideUp(); |
135 | $('#customTabsBody4').slideUp(); | 262 | $('#customTabsBody4').slideUp(); |
136 | $('#customTabs1').removeClass('customActive'); | 263 | $('#customTabs1').removeClass('customActive'); |
137 | $('#customTabs2').addClass('customActive'); | 264 | $('#customTabs2').addClass('customActive'); |
138 | $('#customTabs3').removeClass('customActive'); | 265 | $('#customTabs3').removeClass('customActive'); |
139 | $('#customTabs4').removeClass('customActive'); | 266 | $('#customTabs4').removeClass('customActive'); |
140 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | 267 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); |
141 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | 268 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); |
142 | 269 | ||
143 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); | 270 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); |
144 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); | 271 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); |
145 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); | 272 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); |
146 | 273 | ||
147 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'none'); | 274 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'none'); |
148 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block'); | 275 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block'); |
149 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block'); | 276 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block'); |
150 | 277 | ||
151 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); | 278 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); |
152 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); | 279 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); |
153 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); | 280 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); |
154 | 281 | ||
155 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); | 282 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); |
156 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); | 283 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); |
157 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); | 284 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); |
158 | 285 | ||
159 | }) | 286 | }) |
160 | $('#customTabToggle3').click(function(){ | 287 | $('#customTabToggle3').click(function(){ |
161 | console.log('tab 3'); | 288 | console.log('tab 3'); |
162 | $('#customTabsBody1').slideUp(); | 289 | $('#customTabsBody1').slideUp(); |
163 | $('#customTabsBody2').slideUp(); | 290 | $('#customTabsBody2').slideUp(); |
164 | $('#customTabsBody3').slideDown(); | 291 | $('#customTabsBody3').slideDown(); |
165 | $('#customTabsBody4').slideUp(); | 292 | $('#customTabsBody4').slideUp(); |
166 | $('#customTabs1').removeClass('customActive'); | 293 | $('#customTabs1').removeClass('customActive'); |
167 | $('#customTabs2').removeClass('customActive'); | 294 | $('#customTabs2').removeClass('customActive'); |
168 | $('#customTabs3').addClass('customActive'); | 295 | $('#customTabs3').addClass('customActive'); |
169 | $('#customTabs4').removeClass('customActive'); | 296 | $('#customTabs4').removeClass('customActive'); |
170 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | 297 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); |
171 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | 298 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); |
172 | 299 | ||
173 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); | 300 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); |
174 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); | 301 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); |
175 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); | 302 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); |
176 | 303 | ||
177 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); | 304 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); |
178 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); | 305 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); |
179 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); | 306 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); |
180 | 307 | ||
181 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'none'); | 308 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'none'); |
182 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block'); | 309 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block'); |
183 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block'); | 310 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block'); |
184 | 311 | ||
185 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); | 312 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); |
186 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); | 313 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); |
187 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); | 314 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); |
188 | 315 | ||
189 | }) | 316 | }) |
190 | $('#customTabToggle4').click(function(){ | 317 | $('#customTabToggle4').click(function(){ |
191 | console.log('tab 4'); | 318 | console.log('tab 4'); |
192 | $('#customTabsBody1').slideUp(); | 319 | $('#customTabsBody1').slideUp(); |
193 | $('#customTabsBody2').slideUp(); | 320 | $('#customTabsBody2').slideUp(); |
194 | $('#customTabsBody3').slideUp(); | 321 | $('#customTabsBody3').slideUp(); |
195 | $('#customTabsBody4').slideDown(); | 322 | $('#customTabsBody4').slideDown(); |
196 | $('#customTabs1').removeClass('customActive'); | 323 | $('#customTabs1').removeClass('customActive'); |
197 | $('#customTabs2').removeClass('customActive'); | 324 | $('#customTabs2').removeClass('customActive'); |
198 | $('#customTabs3').removeClass('customActive'); | 325 | $('#customTabs3').removeClass('customActive'); |
199 | $('#customTabs4').addClass('customActive'); | 326 | $('#customTabs4').addClass('customActive'); |
200 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); | 327 | $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); |
201 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); | 328 | $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); |
202 | 329 | ||
203 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); | 330 | $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); |
204 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); | 331 | $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); |
205 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); | 332 | $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); |
206 | 333 | ||
207 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); | 334 | $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); |
208 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); | 335 | $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); |
209 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); | 336 | $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); |
210 | 337 | ||
211 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); | 338 | $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); |
212 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); | 339 | $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); |
213 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); | 340 | $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); |
214 | 341 | ||
215 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'none'); | 342 | $('#customTabs4 > .pull-right > .btn-default').css('display', 'none'); |
216 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block'); | 343 | $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block'); |
217 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block'); | 344 | $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block'); |
218 | 345 | ||
219 | }) | 346 | }) |
220 | 347 | ||
221 | }) | 348 | }) |
222 | 349 | ||
223 | } | 350 | } |
app/partials/fuelManager/fuelManager.html
1 | <style> | 1 | <style> |
2 | .subnavbar .mainnav > li:nth-child(2) > a{ | 2 | .subnavbar .mainnav > li:nth-child(2) > a{ |
3 | color: #ff9900; | 3 | color: #ff9900; |
4 | } | 4 | } |
5 | </style> | 5 | </style> |
6 | <div class="container" style="display: none;"> | 6 | <div class="container" style="display: none;"> |
7 | <div class="row"> | 7 | <div class="row"> |
8 | <div class="col-md-10"> | 8 | <div class="col-md-10"> |
9 | <div class="widget stacked"> | 9 | <div class="widget stacked"> |
10 | <div class="widget-header"> | 10 | <div class="widget-header"> |
11 | <i class="fa fa-pencil"></i> | 11 | <i class="fa fa-pencil"></i> |
12 | <h3>Ramp Fee Manager</h3> | 12 | <h3>Ramp Fee Manager</h3> |
13 | <select> | 13 | <select> |
14 | <option>Ramp Fee By Category</option> | 14 | <option>Ramp Fee By Category</option> |
15 | <option>Make And Model</option> | 15 | <option>Make And Model</option> |
16 | <option>Weight</option> | 16 | <option>Weight</option> |
17 | <option>Wingspan</option> | 17 | <option>Wingspan</option> |
18 | </select> | 18 | </select> |
19 | </div> | 19 | </div> |
20 | <!-- /widget-header --> | 20 | <!-- /widget-header --> |
21 | <div class="widget-content"> | 21 | <div class="widget-content"> |
22 | <h3>Ramp Fees & Avoidance</h3> | 22 | <h3>Ramp Fees & Avoidance</h3> |
23 | <section id="accordions"> | 23 | <section id="accordions"> |
24 | <div class="newCustomAccordian"> | 24 | <div class="newCustomAccordian"> |
25 | <!-- tab 1 --> | 25 | <!-- tab 1 --> |
26 | <div class="customAccordianHeader customActive" id="customTabs1"> | 26 | <div class="customAccordianHeader customActive" id="customTabs1"> |
27 | <span>Jet Aircraft</span> | 27 | <span>Jet Aircraft</span> |
28 | <select class="form-control"> | 28 | <select class="form-control"> |
29 | <option>Pricing Structure</option> | 29 | <option>Pricing Structure</option> |
30 | <option>Retail-(minus)</option> | 30 | <option>Retail-(minus)</option> |
31 | <option>Cost+(plus)</option> | 31 | <option>Cost+(plus)</option> |
32 | <option>Direct=(equals)</option> | 32 | <option>Direct=(equals)</option> |
33 | </select> | 33 | </select> |
34 | <input type="text" name="" class="form-control" value="$1.7500"> | 34 | <input type="text" name="" class="form-control" value="$1.7500"> |
35 | <div class="pull-right"> | 35 | <div class="pull-right"> |
36 | <button class="btn btn-success">Save</button> | 36 | <button class="btn btn-success">Save</button> |
37 | <button class="btn btn-danger">Delete</button> | 37 | <button class="btn btn-danger">Delete</button> |
38 | <button class="btn btn-default" id="customTabToggle1" style="display: none;">Edit</button> | 38 | <button class="btn btn-default" id="customTabToggle1" style="display: none;">Edit</button> |
39 | </div> | 39 | </div> |
40 | <div class="clearfix"></div> | 40 | <div class="clearfix"></div> |
41 | </div> | 41 | </div> |
42 | <div class="customAccordianTabBody" id="customTabsBody1"> | 42 | <div class="customAccordianTabBody" id="customTabsBody1"> |
43 | <table class="customTableWithFilter"> | 43 | <table class="customTableWithFilter"> |
44 | <thead> | 44 | <thead> |
45 | <tr> | 45 | <tr> |
46 | <th> | 46 | <th> |
47 | <span class="pull-left">1-250 gal.</span> | 47 | <span class="pull-left">1-250 gal.</span> |
48 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 48 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
49 | </th> | 49 | </th> |
50 | <th> | 50 | <th> |
51 | <span class="pull-left">1-250 gal.</span> | 51 | <span class="pull-left">1-250 gal.</span> |
52 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 52 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
53 | </th> | 53 | </th> |
54 | <th> | 54 | <th> |
55 | <input type="text" placeholder="min" name=""> - | 55 | <input type="text" placeholder="min" name=""> - |
56 | <input type="text" placeholder="max" name=""> | 56 | <input type="text" placeholder="max" name=""> |
57 | <span>gal.</span> | 57 | <span>gal.</span> |
58 | </th> | 58 | </th> |
59 | <th> </th> | 59 | <th> </th> |
60 | </tr> | 60 | </tr> |
61 | </thead> | 61 | </thead> |
62 | <tbody> | 62 | <tbody> |
63 | <tr> | 63 | <tr> |
64 | <td> | 64 | <td> |
65 | <span class="pull-left">-$0.0000</span> | 65 | <span class="pull-left">-$0.0000</span> |
66 | <span class="pull-right">($1.7500)</span> | 66 | <span class="pull-right">($1.7500)</span> |
67 | </td> | 67 | </td> |
68 | <td> | 68 | <td> |
69 | <span class="pull-left">-$0.0000</span> | 69 | <span class="pull-left">-$0.0000</span> |
70 | <span class="pull-right">($1.7500)</span> | 70 | <span class="pull-right">($1.7500)</span> |
71 | </td> | 71 | </td> |
72 | <td> | 72 | <td> |
73 | <span>$</span> | 73 | <span>$</span> |
74 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | 74 | <input type="text" placeholder="margin" class="tierTextBox" name=""> |
75 | <button class="addTierButton">Add Tier</button> | 75 | <button class="addTierButton">Add Tier</button> |
76 | </td> | 76 | </td> |
77 | <td> | 77 | <td> |
78 | <i class="fa fa-trash-o" aria-hidden="true"></i> | 78 | <i class="fa fa-trash-o" aria-hidden="true"></i> |
79 | </td> | 79 | </td> |
80 | </tr> | 80 | </tr> |
81 | </tbody> | 81 | </tbody> |
82 | </table> | 82 | </table> |
83 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | 83 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> |
84 | </div> | 84 | </div> |
85 | 85 | ||
86 | <!-- tab 2 --> | 86 | <!-- tab 2 --> |
87 | 87 | ||
88 | <div class="customAccordianHeader" id="customTabs2"> | 88 | <div class="customAccordianHeader" id="customTabs2"> |
89 | <span>Jet Aircraft</span> | 89 | <span>Jet Aircraft</span> |
90 | <select class="form-control" disabled="true"> | 90 | <select class="form-control" disabled="true"> |
91 | <option>Pricing Structure</option> | 91 | <option>Pricing Structure</option> |
92 | <option>Retail-(minus)</option> | 92 | <option>Retail-(minus)</option> |
93 | <option>Cost+(plus)</option> | 93 | <option>Cost+(plus)</option> |
94 | <option>Direct=(equals)</option> | 94 | <option>Direct=(equals)</option> |
95 | </select> | 95 | </select> |
96 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | 96 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> |
97 | <div class="pull-right"> | 97 | <div class="pull-right"> |
98 | <button class="btn btn-success" style="display: none;">Save</button> | 98 | <button class="btn btn-success" style="display: none;">Save</button> |
99 | <button class="btn btn-danger" style="display: none;">Delete</button> | 99 | <button class="btn btn-danger" style="display: none;">Delete</button> |
100 | <button class="btn btn-default" id="customTabToggle2">Edit</button> | 100 | <button class="btn btn-default" id="customTabToggle2">Edit</button> |
101 | </div> | 101 | </div> |
102 | <div class="clearfix"></div> | 102 | <div class="clearfix"></div> |
103 | </div> | 103 | </div> |
104 | <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;"> | 104 | <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;"> |
105 | <table class="customTableWithFilter"> | 105 | <table class="customTableWithFilter"> |
106 | <thead> | 106 | <thead> |
107 | <tr> | 107 | <tr> |
108 | <th> | 108 | <th> |
109 | <span class="pull-left">1-250 gal.</span> | 109 | <span class="pull-left">1-250 gal.</span> |
110 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 110 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
111 | </th> | 111 | </th> |
112 | <th> | 112 | <th> |
113 | <span class="pull-left">1-250 gal.</span> | 113 | <span class="pull-left">1-250 gal.</span> |
114 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 114 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
115 | </th> | 115 | </th> |
116 | <th> | 116 | <th> |
117 | <input type="text" placeholder="min" name=""> - | 117 | <input type="text" placeholder="min" name=""> - |
118 | <input type="text" placeholder="max" name=""> | 118 | <input type="text" placeholder="max" name=""> |
119 | <span>gal.</span> | 119 | <span>gal.</span> |
120 | </th> | 120 | </th> |
121 | <th> </th> | 121 | <th> </th> |
122 | </tr> | 122 | </tr> |
123 | </thead> | 123 | </thead> |
124 | <tbody> | 124 | <tbody> |
125 | <tr> | 125 | <tr> |
126 | <td> | 126 | <td> |
127 | <span class="pull-left">-$0.0000</span> | 127 | <span class="pull-left">-$0.0000</span> |
128 | <span class="pull-right">($1.7500)</span> | 128 | <span class="pull-right">($1.7500)</span> |
129 | </td> | 129 | </td> |
130 | <td> | 130 | <td> |
131 | <span class="pull-left">-$0.0000</span> | 131 | <span class="pull-left">-$0.0000</span> |
132 | <span class="pull-right">($1.7500)</span> | 132 | <span class="pull-right">($1.7500)</span> |
133 | </td> | 133 | </td> |
134 | <td> | 134 | <td> |
135 | <span>$</span> | 135 | <span>$</span> |
136 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | 136 | <input type="text" placeholder="margin" class="tierTextBox" name=""> |
137 | <button class="addTierButton">Add Tier</button> | 137 | <button class="addTierButton">Add Tier</button> |
138 | </td> | 138 | </td> |
139 | <td> | 139 | <td> |
140 | <i class="fa fa-trash-o" aria-hidden="true"></i> | 140 | <i class="fa fa-trash-o" aria-hidden="true"></i> |
141 | </td> | 141 | </td> |
142 | </tr> | 142 | </tr> |
143 | </tbody> | 143 | </tbody> |
144 | </table> | 144 | </table> |
145 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | 145 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> |
146 | </div> | 146 | </div> |
147 | 147 | ||
148 | <!-- tab 3 --> | 148 | <!-- tab 3 --> |
149 | 149 | ||
150 | <div class="customAccordianHeader" id="customTabs3"> | 150 | <div class="customAccordianHeader" id="customTabs3"> |
151 | <span>Jet Aircraft</span> | 151 | <span>Jet Aircraft</span> |
152 | <select class="form-control" disabled="true"> | 152 | <select class="form-control" disabled="true"> |
153 | <option>Pricing Structure</option> | 153 | <option>Pricing Structure</option> |
154 | <option>Retail-(minus)</option> | 154 | <option>Retail-(minus)</option> |
155 | <option>Cost+(plus)</option> | 155 | <option>Cost+(plus)</option> |
156 | <option>Direct=(equals)</option> | 156 | <option>Direct=(equals)</option> |
157 | </select> | 157 | </select> |
158 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | 158 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> |
159 | <div class="pull-right"> | 159 | <div class="pull-right"> |
160 | <button class="btn btn-success" style="display: none;">Save</button> | 160 | <button class="btn btn-success" style="display: none;">Save</button> |
161 | <button class="btn btn-danger" style="display: none;">Delete</button> | 161 | <button class="btn btn-danger" style="display: none;">Delete</button> |
162 | <button class="btn btn-default" id="customTabToggle3">Edit</button> | 162 | <button class="btn btn-default" id="customTabToggle3">Edit</button> |
163 | </div> | 163 | </div> |
164 | <div class="clearfix"></div> | 164 | <div class="clearfix"></div> |
165 | </div> | 165 | </div> |
166 | <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;"> | 166 | <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;"> |
167 | <table class="customTableWithFilter"> | 167 | <table class="customTableWithFilter"> |
168 | <thead> | 168 | <thead> |
169 | <tr> | 169 | <tr> |
170 | <th> | 170 | <th> |
171 | <span class="pull-left">1-250 gal.</span> | 171 | <span class="pull-left">1-250 gal.</span> |
172 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 172 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
173 | </th> | 173 | </th> |
174 | <th> | 174 | <th> |
175 | <span class="pull-left">1-250 gal.</span> | 175 | <span class="pull-left">1-250 gal.</span> |
176 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 176 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
177 | </th> | 177 | </th> |
178 | <th> | 178 | <th> |
179 | <input type="text" placeholder="min" name=""> - | 179 | <input type="text" placeholder="min" name=""> - |
180 | <input type="text" placeholder="max" name=""> | 180 | <input type="text" placeholder="max" name=""> |
181 | <span>gal.</span> | 181 | <span>gal.</span> |
182 | </th> | 182 | </th> |
183 | <th> </th> | 183 | <th> </th> |
184 | </tr> | 184 | </tr> |
185 | </thead> | 185 | </thead> |
186 | <tbody> | 186 | <tbody> |
187 | <tr> | 187 | <tr> |
188 | <td> | 188 | <td> |
189 | <span class="pull-left">-$0.0000</span> | 189 | <span class="pull-left">-$0.0000</span> |
190 | <span class="pull-right">($1.7500)</span> | 190 | <span class="pull-right">($1.7500)</span> |
191 | </td> | 191 | </td> |
192 | <td> | 192 | <td> |
193 | <span class="pull-left">-$0.0000</span> | 193 | <span class="pull-left">-$0.0000</span> |
194 | <span class="pull-right">($1.7500)</span> | 194 | <span class="pull-right">($1.7500)</span> |
195 | </td> | 195 | </td> |
196 | <td> | 196 | <td> |
197 | <span>$</span> | 197 | <span>$</span> |
198 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | 198 | <input type="text" placeholder="margin" class="tierTextBox" name=""> |
199 | <button class="addTierButton">Add Tier</button> | 199 | <button class="addTierButton">Add Tier</button> |
200 | </td> | 200 | </td> |
201 | <td> | 201 | <td> |
202 | <i class="fa fa-trash-o" aria-hidden="true"></i> | 202 | <i class="fa fa-trash-o" aria-hidden="true"></i> |
203 | </td> | 203 | </td> |
204 | </tr> | 204 | </tr> |
205 | </tbody> | 205 | </tbody> |
206 | </table> | 206 | </table> |
207 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | 207 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> |
208 | </div> | 208 | </div> |
209 | 209 | ||
210 | <!-- tab 4 --> | 210 | <!-- tab 4 --> |
211 | 211 | ||
212 | <div class="customAccordianHeader" id="customTabs4"> | 212 | <div class="customAccordianHeader" id="customTabs4"> |
213 | <span>Jet Aircraft</span> | 213 | <span>Jet Aircraft</span> |
214 | <select class="form-control" disabled="true"> | 214 | <select class="form-control" disabled="true"> |
215 | <option>Pricing Structure</option> | 215 | <option>Pricing Structure</option> |
216 | <option>Retail-(minus)</option> | 216 | <option>Retail-(minus)</option> |
217 | <option>Cost+(plus)</option> | 217 | <option>Cost+(plus)</option> |
218 | <option>Direct=(equals)</option> | 218 | <option>Direct=(equals)</option> |
219 | </select> | 219 | </select> |
220 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> | 220 | <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> |
221 | <div class="pull-right"> | 221 | <div class="pull-right"> |
222 | <button class="btn btn-success" style="display: none;">Save</button> | 222 | <button class="btn btn-success" style="display: none;">Save</button> |
223 | <button class="btn btn-danger" style="display: none;">Delete</button> | 223 | <button class="btn btn-danger" style="display: none;">Delete</button> |
224 | <button class="btn btn-default" id="customTabToggle4">Edit</button> | 224 | <button class="btn btn-default" id="customTabToggle4">Edit</button> |
225 | </div> | 225 | </div> |
226 | <div class="clearfix"></div> | 226 | <div class="clearfix"></div> |
227 | </div> | 227 | </div> |
228 | <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;"> | 228 | <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;"> |
229 | <table class="customTableWithFilter"> | 229 | <table class="customTableWithFilter"> |
230 | <thead> | 230 | <thead> |
231 | <tr> | 231 | <tr> |
232 | <th> | 232 | <th> |
233 | <span class="pull-left">1-250 gal.</span> | 233 | <span class="pull-left">1-250 gal.</span> |
234 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 234 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
235 | </th> | 235 | </th> |
236 | <th> | 236 | <th> |
237 | <span class="pull-left">1-250 gal.</span> | 237 | <span class="pull-left">1-250 gal.</span> |
238 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> | 238 | <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> |
239 | </th> | 239 | </th> |
240 | <th> | 240 | <th> |
241 | <input type="text" placeholder="min" name=""> - | 241 | <input type="text" placeholder="min" name=""> - |
242 | <input type="text" placeholder="max" name=""> | 242 | <input type="text" placeholder="max" name=""> |
243 | <span>gal.</span> | 243 | <span>gal.</span> |
244 | </th> | 244 | </th> |
245 | <th> </th> | 245 | <th> </th> |
246 | </tr> | 246 | </tr> |
247 | </thead> | 247 | </thead> |
248 | <tbody> | 248 | <tbody> |
249 | <tr> | 249 | <tr> |
250 | <td> | 250 | <td> |
251 | <span class="pull-left">-$0.0000</span> | 251 | <span class="pull-left">-$0.0000</span> |
252 | <span class="pull-right">($1.7500)</span> | 252 | <span class="pull-right">($1.7500)</span> |
253 | </td> | 253 | </td> |
254 | <td> | 254 | <td> |
255 | <span class="pull-left">-$0.0000</span> | 255 | <span class="pull-left">-$0.0000</span> |
256 | <span class="pull-right">($1.7500)</span> | 256 | <span class="pull-right">($1.7500)</span> |
257 | </td> | 257 | </td> |
258 | <td> | 258 | <td> |
259 | <span>$</span> | 259 | <span>$</span> |
260 | <input type="text" placeholder="margin" class="tierTextBox" name=""> | 260 | <input type="text" placeholder="margin" class="tierTextBox" name=""> |
261 | <button class="addTierButton">Add Tier</button> | 261 | <button class="addTierButton">Add Tier</button> |
262 | </td> | 262 | </td> |
263 | <td> | 263 | <td> |
264 | <i class="fa fa-trash-o" aria-hidden="true"></i> | 264 | <i class="fa fa-trash-o" aria-hidden="true"></i> |
265 | </td> | 265 | </td> |
266 | </tr> | 266 | </tr> |
267 | </tbody> | 267 | </tbody> |
268 | </table> | 268 | </table> |
269 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> | 269 | <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> |
270 | </div> | 270 | </div> |
271 | 271 | ||
272 | 272 | ||
273 | </div> | 273 | </div> |
274 | </section> | 274 | </section> |
275 | <div class="row"> </div> | 275 | <div class="row"> </div> |
276 | <div class="row"> | 276 | <div class="row"> |
277 | <div class="col-md-7"> | 277 | <div class="col-md-7"> |
278 | </div> | 278 | </div> |
279 | <div class="col-md-5"> | 279 | <div class="col-md-5"> |
280 | <div class="form-group"> | 280 | <div class="form-group"> |
281 | <div class="col-lg-4"></div> | 281 | <div class="col-lg-4"></div> |
282 | <div class="col-lg-8"> | 282 | <div class="col-lg-8"> |
283 | <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> | 283 | <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> |
284 | <button type="reset" class="btn btn-default">Cancel</button> | 284 | <button type="reset" class="btn btn-default">Cancel</button> |
285 | </div> | 285 | </div> |
286 | </div> | 286 | </div> |
287 | </div> | 287 | </div> |
288 | </div> | 288 | </div> |
289 | </div> | 289 | </div> |
290 | <!-- /widget-content --> | 290 | <!-- /widget-content --> |
291 | </div> | 291 | </div> |
292 | <!-- /widget --> | 292 | <!-- /widget --> |
293 | </div> | 293 | </div> |
294 | <!-- /span6 --> | 294 | <!-- /span6 --> |
295 | </div> | 295 | </div> |
296 | <!-- /span12 --> | 296 | <!-- /span12 --> |
297 | </div> <!-- /container 1 --> | 297 | </div> <!-- /container 1 --> |
298 | <!-- Le javascript | 298 | <!-- Le javascript |
299 | ================================================== --> | 299 | ================================================== --> |
300 | <!-- Placed at the end of the document so the pages load faster --> | 300 | <!-- Placed at the end of the document so the pages load faster --> |
301 | 301 | ||
302 | 302 | ||
303 | 303 | ||
304 | 304 | ||
305 | 305 | ||
306 | 306 | ||
307 | 307 | ||
308 | 308 | ||
309 | 309 | ||
310 | 310 | ||
311 | 311 | ||
312 | 312 | ||
313 | <div class="container"> | 313 | <div class="container"> |
314 | <div class="row"> | 314 | <div class="row"> |
315 | <div class="col-md-10"> | 315 | <div class="col-md-10"> |
316 | <div class="widget stacked"> | 316 | <div class="widget stacked"> |
317 | <div class="widget-header"> | 317 | <div class="widget-header"> |
318 | <i class="fa fa-pencil"></i> | 318 | <i class="fa fa-pencil"></i> |
319 | <h3>Ramp Fee Manager</h3> | 319 | <h3>Ramp Fee Manager</h3> |
320 | <select style="float: right; margin: 8px 10px;" ng-model="rampFeeType" ng-change="openRampModal(rampFeeType)"> | 320 | <select style="float: right; margin: 8px 10px;" ng-model="customRampData.rampFeesAndAvoidanceList.aircraftType" ng-change="openRampModal()"> |
321 | <option disabled selected value="">Ramp Fee By Category</option> | 321 | <option disabled selected value="">Ramp Fee By Category</option> |
322 | <option ng-repeat="modals in dropOptions" value="{{modals.id}}">{{modals.size}}</option> | 322 | <option ng-repeat="modals in dropOptions" value="{{modals.size}}">{{modals.size}}</option> |
323 | </select> | 323 | </select> |
324 | </div> | 324 | </div> |
325 | <!-- /widget-header --> | 325 | <!-- /widget-header --> |
326 | <div class="widget-content new-widget-content"> | 326 | <div class="widget-content new-widget-content"> |
327 | <section id="accordions1"> | 327 | <section id="accordions1"> |
328 | <div class="newCustomAccordian"> | 328 | <div class="newCustomAccordian"> |
329 | 329 | ||
330 | <div class="col-md-9 feeManagerLeft" style="padding: 0;"> | 330 | <div class="col-md-9 feeManagerLeft" style="padding: 0;"> |
331 | 331 | ||
332 | <div ng-repeat="list in fullJetList"> | 332 | <div ng-repeat="list in fullJetList"> |
333 | <div class="new-tab-heading"> | 333 | <div class="new-tab-heading"> |
334 | <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i> | 334 | <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i> |
335 | <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i> | 335 | <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i> |
336 | <span>{{list.type}}</span> | 336 | <span>{{list.type}}</span> |
337 | </div> | 337 | </div> |
338 | <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;"> | 338 | <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;"> |
339 | <div class="new-tab-body-th"> | 339 | <div class="new-tab-body-th"> |
340 | <div class="col-md-4"> | 340 | <div class="col-md-4"> |
341 | Aircraft Size | 341 | Aircraft Size |
342 | </div> | 342 | </div> |
343 | <div class="col-md-2"> | 343 | <div class="col-md-2"> |
344 | Ramp/Facil. Fee | 344 | Ramp/Facil. Fee |
345 | </div> | 345 | </div> |
346 | <div class="col-md-2"> | 346 | <div class="col-md-2"> |
347 | Avoidance | 347 | Avoidance |
348 | </div> | 348 | </div> |
349 | <div class="col-md-2"> | 349 | <div class="col-md-2"> |
350 | Expiration Date | 350 | Expiration Date |
351 | </div> | 351 | </div> |
352 | <div class="col-md-2"> | 352 | <div class="col-md-2"> |
353 | Applicable | 353 | Applicable |
354 | </div> | 354 | </div> |
355 | <div class="clearfix"></div> | 355 | <div class="clearfix"></div> |
356 | </div> | 356 | </div> |
357 | <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize"> | 357 | <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize"> |
358 | <div> | 358 | <div> |
359 | <div class="col-md-4"> | 359 | <div class="col-md-4"> |
360 | <i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i> | 360 | <i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i> |
361 | <span style="margin-left: 5px;">{{jets.size}}</span> | 361 | <span style="margin-left: 5px;">{{jets.size}}</span> |
362 | </div> | 362 | </div> |
363 | <div class="col-md-2"> | 363 | <div class="col-md-2"> |
364 | <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" name=""> | 364 | <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" name=""> |
365 | </div> | 365 | </div> |
366 | <div class="col-md-2"> | 366 | <div class="col-md-2"> |
367 | <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" name=""> | 367 | <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" name=""> |
368 | </div> | 368 | </div> |
369 | <div class="col-md-2"> | 369 | <div class="col-md-2"> |
370 | <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> | 370 | <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> |
371 | <!-- <div class="form-group" id="data_1"> | 371 | <!-- <div class="form-group" id="data_1"> |
372 | <div class="input-group date"> | 372 | <div class="input-group date"> |
373 | <span class="input-group-addon"><i class="fa fa-calendar"></i></span> | 373 | <span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
374 | <input type="text" style="height: 34px;" class="form-control" > | 374 | <input type="text" style="height: 34px;" class="form-control" > |
375 | </div> | 375 | </div> |
376 | </div> --> | 376 | </div> --> |
377 | </div> | 377 | </div> |
378 | <div class="col-md-2"> | 378 | <div class="col-md-2"> |
379 | <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> --> | 379 | <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> --> |
380 | <div class="onoffswitch"> | 380 | <div class="onoffswitch"> |
381 | <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable"> | 381 | <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable"> |
382 | <label class="onoffswitch-label" for="{{jets.id}}{{$index}}"> | 382 | <label class="onoffswitch-label" for="{{jets.id}}{{$index}}"> |
383 | <span class="onoffswitch-inner"></span> | 383 | <span class="onoffswitch-inner"></span> |
384 | <span class="onoffswitch-switch"> | 384 | <span class="onoffswitch-switch"> |
385 | <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> | 385 | <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> |
386 | <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> | 386 | <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> |
387 | </span> | 387 | </span> |
388 | </label> | 388 | </label> |
389 | </div> | 389 | </div> |
390 | </div> | 390 | </div> |
391 | <div class="clearfix"></div> | 391 | <div class="clearfix"></div> |
392 | </div> | 392 | </div> |
393 | <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}"> | 393 | <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}"> |
394 | <div class="col-xs-12"> | 394 | <div class="col-xs-12"> |
395 | <div class="col-xs-12"> | 395 | <div class="col-xs-12"> |
396 | <div class="appliesTableHeading">Applies To:</div> | 396 | <div class="appliesTableHeading">Applies To:</div> |
397 | <div class="appliesTableBody"> | 397 | <div class="appliesTableBody"> |
398 | <div class="firstDiv"> | 398 | <div class="firstDiv"> |
399 | <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts">{{aircraftList.model}}</label> | 399 | <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts">{{aircraftList.model}}</label> |
400 | </div> | 400 | </div> |
401 | <div class="lastDiv"> | 401 | <div class="lastDiv"> |
402 | <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea> | 402 | <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea> |
403 | <div class="reportedByTag"> | ||
404 | <div class="confirmedTag">Confirmed</div> | ||
405 | <table> | ||
406 | <tr> | ||
407 | <td width="50%"> | ||
408 | Reported By: | ||
409 | </td> | ||
410 | <td width="50%"> | ||
411 | {{jets.rampFeesAndAvoidance.reportedBy}} | ||
412 | </td> | ||
413 | </tr> | ||
414 | <tr> | ||
415 | <td width="50%"> | ||
416 | Reported On: | ||
417 | </td> | ||
418 | <td width="50%"> | ||
419 | {{jets.rampFeesAndAvoidance.reportedOn}} | ||
420 | </td> | ||
421 | </tr> | ||
422 | <tr> | ||
423 | <td colspan="2"> | ||
424 | <i>Click the Save Form button to Re-Confirm</i> | ||
425 | </td> | ||
426 | </tr> | ||
427 | </table> | ||
428 | </div> | ||
403 | </div> | 429 | </div> |
404 | <div class="clearfix"></div> | 430 | <div class="clearfix"></div> |
405 | </div> | 431 | </div> |
406 | </div> | 432 | </div> |
407 | <div class="clearfix"></div> | 433 | <div class="clearfix"></div> |
408 | </div> | 434 | </div> |
409 | <div class="clearfix"></div> | 435 | <div class="clearfix"></div> |
410 | </div> | 436 | </div> |
411 | </div> | 437 | </div> |
412 | </div> | 438 | </div> |
413 | </div> | 439 | </div> |
414 | </div> | 440 | </div> |
415 | <div class="col-md-3 text-center feeManagerRight" style="padding: 0;"> | 441 | <div class="col-md-3 text-center feeManagerRight" style="padding: 0;"> |
416 | <div class="text-center"> | 442 | <div class="text-center"> |
417 | <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> | 443 | <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button> |
418 | <button type="reset" class="btn btn-default">Cancel</button> | 444 | <button type="reset" class="btn btn-default">Cancel</button> |
419 | </div> | 445 | </div> |
420 | </div> | 446 | </div> |
421 | <div class="clearfix"></div> | 447 | <div class="clearfix"></div> |
422 | <br/> | 448 | <br/> |
423 | </div> | 449 | </div> |
424 | </section> | 450 | </section> |
425 | </div> | 451 | </div> |
426 | <!-- /widget-content --> | 452 | <!-- /widget-content --> |
427 | </div> | 453 | </div> |
428 | <!-- /widget --> | 454 | <!-- /widget --> |
429 | </div> | 455 | </div> |
430 | <!-- /span6 --> | 456 | <!-- /span6 --> |
431 | </div> | 457 | </div> |
432 | <!-- /span12 --> | 458 | <!-- /span12 --> |
433 | </div> <!-- /container 2 --> | 459 | </div> <!-- /container 2 --> |
434 | 460 | ||
435 | <div> | 461 | <div ng-show="openRampFeeModal"> |
436 | <div class="customBackdrop"> | 462 | <div class="customBackdrop"> |
437 | <div class="customModalInner"> | 463 | <div class="customModalInner"> |
438 | <div class="customModelHead"> | 464 | <div class="customModelHead"> |
439 | <p class="pull-left"> | 465 | <p class="pull-left"> |
440 | <i class="fa fa-list-alt" aria-hidden="true"></i> | 466 | <i class="fa fa-list-alt" aria-hidden="true"></i> |
441 | Add Ramp Fee | 467 | Add Ramp Fee |
442 | </p> | 468 | </p> |
443 | <p class="pull-right"> | 469 | <p class="pull-right"> |
444 | <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;"></i> | 470 | <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeRampFeeModel()"></i> |
445 | </p> | 471 | </p> |
446 | <div class="clearfix"></div> | 472 | <div class="clearfix"></div> |
447 | </div> | 473 | </div> |
448 | <div class="customModelBody"> | 474 | <div class="customModelBody"> |
449 | 475 | ||
450 | <div class="col-xs-12 col-sm-3"> | 476 | <div class="col-xs-12 col-sm-4"> |
451 | Type: | 477 | Type: |
452 | </div> | 478 | </div> |
453 | <div class="col-xs-12 col-sm-4"> | 479 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> |
454 | <select class="form-control" style="border-radius: 0; height: 26px;" ng-model="sampleTpe"> | 480 | <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampData.rampFeesAndAvoidanceList.aircraftType" ng-change="openRampModal()"> |
455 | <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.id}}">{{modalsNew.size}}</option> | 481 | <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> |
456 | </select> | 482 | </select> |
457 | </div> | 483 | </div> |
458 | <div class="clearfix"></div> | 484 | <div class="clearfix"></div> |
485 | <br/> | ||
486 | |||
487 | <div ng-show="showAircraft"> | ||
488 | <div class="col-xs-12 col-sm-4"> | ||
489 | Aircraft Make: | ||
490 | </div> | ||
491 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
492 | <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampData.rampFeesAndAvoidanceList.aircraftMake"> | ||
493 | <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> | ||
494 | </select> | ||
495 | </div> | ||
496 | <div class="clearfix"></div> | ||
497 | <br/> | ||
498 | </div> | ||
499 | |||
500 | <div ng-show="showTail"> | ||
501 | <div class="col-xs-12 col-sm-4"> | ||
502 | Tail Numbers: | ||
503 | </div> | ||
504 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
505 | <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampData.rampFeesAndAvoidanceList.tailNumber"> | ||
506 | <!-- <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> --> | ||
507 | </select> | ||
508 | </div> | ||
509 | <div class="clearfix"></div> | ||
510 | <br/> | ||
511 | </div> | ||
512 | |||
513 | <div ng-show="showWingspan"> | ||
514 | <div class="col-xs-12 col-sm-4"> | ||
515 | Wingspan Min: | ||
516 | </div> | ||
517 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
518 | <input type="number" value="0.00" ng-model="customRampData.rampFeesAndAvoidanceList.wingspanMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > | ||
519 | </div> | ||
520 | <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> | ||
521 | ft. | ||
522 | </div> | ||
523 | <div class="clearfix"></div> | ||
524 | <br/> | ||
525 | <div class="col-xs-12 col-sm-4"> | ||
526 | Wingspan Max: | ||
527 | </div> | ||
528 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
529 | <input type="number" value="0.00" ng-model="customRampData.rampFeesAndAvoidanceList.wingspanMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > | ||
530 | </div> | ||
531 | <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> | ||
532 | ft. | ||
533 | </div> | ||
534 | <div class="clearfix"></div> | ||
535 | <br/> | ||
536 | </div> | ||
537 | |||
538 | <div ng-show="showWeight"> | ||
539 | <div class="col-xs-12 col-sm-4"> | ||
540 | Weight Range Min: | ||
541 | </div> | ||
542 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
543 | <input type="number" value="0.00" ng-model="customRampData.rampFeesAndAvoidanceList.weightRangeMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > | ||
544 | </div> | ||
545 | <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> | ||
546 | lbs. | ||
547 | </div> | ||
548 | <div class="clearfix"></div> | ||
549 | <br/> | ||
550 | <div class="col-xs-12 col-sm-4"> | ||
551 | Weight Range Max: | ||
552 | </div> | ||
553 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
554 | <input type="number" value="0.00" ng-model="customRampData.rampFeesAndAvoidanceList.weightRangeMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > | ||
555 | </div> | ||
556 | <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> | ||
557 | lbs. | ||
558 | </div> | ||
559 | <div class="clearfix"></div> | ||
560 | <br/> | ||
561 | </div> | ||
562 | |||
563 | <div> | ||
564 | <div class="col-xs-12 col-sm-4"> | ||
565 | Ramp/Facil. Fee($): | ||
566 | </div> | ||
567 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
568 | <input type="number" value="0" ng-model="customRampData.rampFeesAndAvoidanceList.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > | ||
569 | </div> | ||
570 | <div class="clearfix"></div> | ||
571 | <br/> | ||
572 | </div> | ||
573 | <div> | ||
574 | <div class="col-xs-12 col-sm-4"> | ||
575 | Avoidance: | ||
576 | </div> | ||
577 | <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> | ||
578 | <input type="number" value="0" ng-model="customRampData.rampFeesAndAvoidanceList.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > | ||
579 | </div> | ||
580 | <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> | ||
581 | gal. | ||
582 | </div> | ||
583 | <div class="clearfix"></div> | ||
584 | </div> | ||
459 | 585 | ||
460 | </div> | 586 | </div> |
461 | <div class="customModelFooter text-center"> | 587 | <div class="customModelFooter text-center"> |
462 | <input type="submit" value="Save" class="btn"> | 588 | <input type="submit" value="Save" class="btn" ng-click="addCustomRamp(customRampData)"> |
463 | <button class="btn">Cancel</button> | 589 | <button class="btn" ng-click="closeRampFeeModel()">Cancel</button> |
464 | </div> | 590 | </div> |
465 | </div> | 591 | </div> |
466 | </div> | 592 | </div> |
467 | </div> | 593 | </div> |
468 | 594 | ||
469 | <script src="js/jquery-3.1.1.min.js"></script> | 595 | <script src="js/jquery-3.1.1.min.js"></script> |
470 | <script src="js/plugins/bootstrap-datepicker.js"></script> | 596 | <script src="js/plugins/bootstrap-datepicker.js"></script> |
471 | <script type="text/javascript"> | 597 | <script type="text/javascript"> |
472 | $(document).ready(function(){ | 598 | $(document).ready(function(){ |
473 | $('#data_1 .input-group.date').datepicker({ | 599 | $('#data_1 .input-group.date').datepicker({ |
474 | todayBtn: "linked", | 600 | todayBtn: "linked", |
475 | keyboardNavigation: false, | 601 | keyboardNavigation: false, |
476 | forceParse: false, | 602 | forceParse: false, |
477 | calendarWeeks: true, | 603 | calendarWeeks: true, |
478 | autoclose: true | 604 | autoclose: true |
479 | }); | 605 | }); |
480 | }) | 606 | }) |
481 | </script> | 607 | </script> |
app/partials/fuelManager/fuelManager.service.js
1 | (function(){ | 1 | (function(){ |
2 | 'use strict'; | 2 | 'use strict'; |
3 | angular.module('acufuel') | 3 | angular.module('acufuel') |
4 | .service('fuelManagerService', ['$q', '$http', 'BASE_URL', fuelManagerService]); | 4 | .service('fuelManagerService', ['$q', '$http', 'BASE_URL', fuelManagerService]); |
5 | 5 | ||
6 | function fuelManagerService($q, $http, BASE_URL) { | 6 | function fuelManagerService($q, $http, BASE_URL) { |
7 | 7 | ||
8 | this.getOptions = function() { | 8 | this.getOptions = function() { |
9 | 9 | ||
10 | var deferred = $q.defer(); | 10 | var deferred = $q.defer(); |
11 | $http({ | 11 | $http({ |
12 | method : 'GET', | 12 | method : 'GET', |
13 | url : BASE_URL.url +'/rampFeesAndAvoidance/getCustomCategorySize', | 13 | url : BASE_URL.url +'/rampFeesAndAvoidance/getCustomCategorySize', |
14 | headers : {'Content-Type': 'application/json'}, | 14 | headers : {'Content-Type': 'application/json'}, |
15 | }) | 15 | }) |
16 | .then(function (result){ | 16 | .then(function (result){ |
17 | deferred.resolve(result.data); | 17 | deferred.resolve(result.data); |
18 | },function (result){ | 18 | },function (result){ |
19 | deferred.resolve(result.data); | 19 | deferred.resolve(result.data); |
20 | }) | 20 | }) |
21 | return deferred.promise; | 21 | return deferred.promise; |
22 | } | 22 | } |
23 | 23 | ||
24 | this.getAircrafts = function() { | ||
25 | |||
26 | var deferred = $q.defer(); | ||
27 | $http({ | ||
28 | method : 'GET', | ||
29 | url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftMake', | ||
30 | headers : {'Content-Type': 'application/json'}, | ||
31 | }) | ||
32 | .then(function (result){ | ||
33 | deferred.resolve(result.data); | ||
34 | },function (result){ | ||
35 | deferred.resolve(result.data); | ||
36 | }) | ||
37 | return deferred.promise; | ||
38 | } | ||
39 | |||
24 | this.getFullList = function() { | 40 | this.getFullList = function() { |
25 | 41 | ||
26 | var deferred = $q.defer(); | 42 | var deferred = $q.defer(); |
27 | $http({ | 43 | $http({ |
28 | method : 'GET', | 44 | method : 'GET', |
29 | url : BASE_URL.url +'/rampFeesAndAvoidance/getAll', | 45 | url : BASE_URL.url +'/rampFeesAndAvoidance/getAll', |
30 | headers : {'Content-Type': 'application/json'}, | 46 | headers : {'Content-Type': 'application/json'}, |
31 | }) | 47 | }) |
32 | .then(function (result){ | 48 | .then(function (result){ |
33 | deferred.resolve(result.data); | 49 | deferred.resolve(result.data); |
34 | },function (result){ | 50 | },function (result){ |
35 | deferred.resolve(result.data); | 51 | deferred.resolve(result.data); |
36 | }) | 52 | }) |
37 | return deferred.promise; | 53 | return deferred.promise; |
38 | } | 54 | } |
39 | 55 | ||
40 | //this.addCompany = function(data) { | ||
41 | this.updateFullList = function(data){ | 56 | this.updateFullList = function(data){ |
42 | 57 | console.log('service data', data); | |
43 | var deferred = $q.defer(); | 58 | var deferred = $q.defer(); |
44 | $http({ | 59 | $http({ |
45 | method : 'POST', | 60 | method : 'POST', |
46 | url : BASE_URL.url +'/rampFeesAndAvoidance', | 61 | url : BASE_URL.url +'/rampFeesAndAvoidance', |
47 | headers : {'Content-Type': 'application/json'}, | 62 | headers : {'Content-Type': 'application/json'}, |
48 | data: data | 63 | data: data |
49 | }) | 64 | }) |
50 | .then(function (result){ | 65 | .then(function (result){ |
51 | deferred.resolve(result.data); | 66 | deferred.resolve(result.data); |
52 | },function (result){ | 67 | },function (result){ |
53 | deferred.resolve(result.data); | 68 | deferred.resolve(result.data); |
54 | }) | 69 | }) |
55 | return deferred.promise; | 70 | return deferred.promise; |
56 | } | 71 | } |
57 | 72 | ||
58 | } | 73 | } |
59 | 74 |