Commit 05c2f6fb3bcf2961c17df3d0439d64c0078bab4d

Authored by Swarn Singh
1 parent 1097c2ce17
Exists in master

margin module and tier module Done

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: 40%; 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; 397 float: left;
398 } 398 }
399 .reportedByTag{ 399 .reportedByTag{
400 width: 60%; 400 width: 60%;
401 height: 80px; 401 height: 80px;
402 border-top: 10px solid #393; 402 border-top: 10px solid #393;
403 border-left: 10px solid #6c6; 403 border-left: 10px solid #6c6;
404 border-radius: 5px 0 0 5px; 404 border-radius: 5px 0 0 5px;
405 background-color: #d7d7d7; 405 background-color: #d7d7d7;
406 float: right; 406 float: right;
407 position: relative; 407 position: relative;
408 right: -13px; 408 right: -13px;
409 margin-top: 5px; 409 margin-top: 5px;
410 font-size: 11px; 410 font-size: 11px;
411 } 411 }
412 .confirmedTag{ 412 .confirmedTag{
413 background-color: #393; 413 background-color: #393;
414 color: #fff; 414 color: #fff;
415 -webkit-transform: rotate(-90deg); 415 -webkit-transform: rotate(-90deg);
416 -moz-transform: rotate(-90deg); 416 -moz-transform: rotate(-90deg);
417 -o-transform: rotate(-90deg); 417 -o-transform: rotate(-90deg);
418 -ms-transform: rotate(-90deg); 418 -ms-transform: rotate(-90deg);
419 transform: rotate(-90deg); 419 transform: rotate(-90deg);
420 position: absolute; 420 position: absolute;
421 bottom: 25px; 421 bottom: 25px;
422 left: -24px; 422 left: -24px;
423 width: 71px; 423 width: 71px;
424 text-align: center; 424 text-align: center;
425 font-size: 11px; 425 font-size: 11px;
426 } 426 }
427 .reportedByTag table{ 427 .reportedByTag table{
428 margin-left: 27px; 428 margin-left: 27px;
429 width: calc(100% - 27px); 429 width: calc(100% - 27px);
430 } 430 }
431 .reportedByTag table td{ 431 .reportedByTag table td{
432 font-size: 11px; 432 font-size: 11px;
433 text-align: center; 433 text-align: center;
434 font-weight: bold; 434 font-weight: bold;
435 } 435 }
436 .reportedByTag table tr:last-child td{ 436 .reportedByTag table tr:last-child td{
437 text-align: left; 437 text-align: left;
438 font-weight: normal; 438 font-weight: normal;
439 font-size: 10px; 439 font-size: 10px;
440 } 440 }
441 .feeManagerRight{ 441 .feeManagerRight{
442 min-height: 70px; 442 min-height: 70px;
443 position: relative; 443 position: relative;
444 } 444 }
445 .feeManagerRight div{ 445 .feeManagerRight div{
446 position: absolute; 446 position: absolute;
447 bottom: 0; 447 bottom: 0;
448 width: 100%; 448 width: 100%;
449 } 449 }
450 .new-tab-body-td{ 450 .new-tab-body-td{
451 padding: 5px 0; 451 padding: 5px 0;
452 } 452 }
453 453
454 /* new checkbox slide css */ 454 /* new checkbox slide css */
455 455
456 .onoffswitch { 456 .onoffswitch {
457 position: relative; width: 80px; 457 position: relative; width: 80px;
458 -webkit-user-select:none; 458 -webkit-user-select:none;
459 -moz-user-select:none; 459 -moz-user-select:none;
460 -ms-user-select: none; 460 -ms-user-select: none;
461 margin: auto; 461 margin: auto;
462 } 462 }
463 .onoffswitch-checkbox { 463 .onoffswitch-checkbox {
464 display: none; 464 display: none;
465 } 465 }
466 .onoffswitch-label { 466 .onoffswitch-label {
467 display: block; 467 display: block;
468 overflow: hidden; 468 overflow: hidden;
469 cursor: pointer; 469 cursor: pointer;
470 border: 2px solid #999999; 470 border: 2px solid #999999;
471 border-radius: 0px; 471 border-radius: 0px;
472 } 472 }
473 .onoffswitch-inner { 473 .onoffswitch-inner {
474 display: block; 474 display: block;
475 width: 200%; 475 width: 200%;
476 margin-left: -100%; 476 margin-left: -100%;
477 transition: margin 0.3s ease-in 0s; 477 transition: margin 0.3s ease-in 0s;
478 } 478 }
479 .onoffswitch-inner:before, .onoffswitch-inner:after { 479 .onoffswitch-inner:before, .onoffswitch-inner:after {
480 display: block; 480 display: block;
481 float: left; 481 float: left;
482 width: 50%; 482 width: 50%;
483 height: 18px; 483 height: 18px;
484 padding: 0; 484 padding: 0;
485 line-height: 18px; 485 line-height: 18px;
486 font-size: 10px; 486 font-size: 10px;
487 color: white; 487 color: white;
488 font-family: Trebuchet, Arial, sans-serif; 488 font-family: Trebuchet, Arial, sans-serif;
489 font-weight: bold; 489 font-weight: bold;
490 box-sizing: border-box; 490 box-sizing: border-box;
491 } 491 }
492 .onoffswitch-inner:before { 492 .onoffswitch-inner:before {
493 content: "Include"; 493 content: "Include";
494 padding-left: 5px; 494 padding-left: 5px;
495 background-color: #016ADB; color: #FFFFFF; 495 background-color: #016ADB; color: #FFFFFF;
496 text-align: left; 496 text-align: left;
497 } 497 }
498 .onoffswitch-inner:after { 498 .onoffswitch-inner:after {
499 content: "Exclude"; 499 content: "Exclude";
500 padding-right: 5px; 500 padding-right: 5px;
501 background-color: ; color: #333333; 501 background-color: ; color: #333333;
502 text-align: right; 502 text-align: right;
503 } 503 }
504 .onoffswitch-switch { 504 .onoffswitch-switch {
505 display: block; 505 display: block;
506 width: 25px; 506 width: 25px;
507 margin: -3.5px; 507 margin: -3.5px;
508 background: #FFFFFF; 508 background: #FFFFFF;
509 position: absolute; 509 position: absolute;
510 top: 0; 510 top: 0;
511 bottom: 0; 511 bottom: 0;
512 right: 58px; 512 right: 58px;
513 border: 2px solid #999999; 513 border: 2px solid #999999;
514 border-radius: 0px; 514 border-radius: 0px;
515 transition: all 0.3s ease-in 0s; 515 transition: all 0.3s ease-in 0s;
516 } 516 }
517 .onoffswitch-switch i{ 517 .onoffswitch-switch i{
518 line-height: 25px; 518 line-height: 25px;
519 } 519 }
520 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { 520 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
521 margin-left: 0; 521 margin-left: 0;
522 } 522 }
523 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { 523 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
524 right: 0px; 524 right: 0px;
525 } 525 }
526 .onoffswitch-checkbox fa-check{ 526 .onoffswitch-checkbox fa-check{
527 color: #00ff00; 527 color: #00ff00;
528 } 528 }
529 .onoffswitch-checkbox fa-times{ 529 .onoffswitch-checkbox fa-times{
530 color: #ff0000; 530 color: #ff0000;
531 } 531 }
532 532
533 .newButtons{ 533 .newButtons{
534 background-color: #fff; 534 background-color: #fff;
535 border-radius: 10px; 535 border-radius: 10px;
536 color: #333; 536 color: #333;
537 border: 1px solid #eee; 537 border: 1px solid #eee;
538 box-shadow: 5px 5px 6px rgba(0,0,0,0.3); 538 box-shadow: 5px 5px 6px rgba(0,0,0,0.3);
539 padding: 6px 15px; 539 padding: 6px 15px;
540 margin-right: 10px; 540 margin-right: 10px;
541 } 541 }
542 .newButtons:disabled{ 542 .newButtons:disabled{
543 background-color: #eee; 543 background-color: #eee;
544 } 544 }
545 *{ 545 *{
546 outline: none; 546 outline: none;
547 } 547 }
548 548
549 549
550 /* my custom modal */ 550 /* my custom modal */
551 551
552 .customBackdrop{ 552 .customBackdrop{
553 position: fixed; 553 position: fixed;
554 background-color: rgba(0, 0, 0, 0.15); 554 background-color: rgba(0, 0, 0, 0.15);
555 top: 0; 555 top: 0;
556 left: 0; 556 left: 0;
557 width: 100%; 557 width: 100%;
558 height: 100%; 558 height: 100%;
559 z-index: 999; 559 z-index: 999;
560 } 560 }
561 .customModalInner{ 561 .customModalInner{
562 width: 100%; 562 width: 100%;
563 max-width: 500px; 563 max-width: 500px;
564 height: 200px; 564 height: 200px;
565 top: 15%; 565 top: 15%;
566 position: relative; 566 position: relative;
567 margin: auto; 567 margin: auto;
568 } 568 }
569 .customModelHead, .customModelFooter{ 569 .customModelHead, .customModelFooter{
570 width: 100%; 570 width: 100%;
571 background-color: #fafafa; 571 background-color: #fafafa;
572 border-bottom: 1px solid #ccc; 572 border-bottom: 1px solid #ccc;
573 color: #333; 573 color: #333;
574 padding: 10px; 574 padding: 10px;
575 } 575 }
576 .customModelFooter{ 576 .customModelFooter{
577 border-top: 1px solid #ccc; 577 border-top: 1px solid #ccc;
578 } 578 }
579 .customModelBody{ 579 .customModelBody{
580 width: 100%; 580 width: 100%;
581 height: auto; 581 height: auto;
582 background-color: #fff; 582 background-color: #fff;
583 color: #333; 583 color: #333;
584 padding: 10px; 584 padding: 10px;
585 } 585 }
586 .customModelHead p{ 586 .customModelHead p{
587 margin-bottom: 0; 587 margin-bottom: 0;
588 font-size: 14px; 588 font-size: 14px;
589 } 589 }
590 .customModelFooter button{ 590 .customModelFooter button{
591 border: 1px solid #ccc; 591 border: 1px solid #ccc;
592 } 592 }
593 .customModelFooter input[type="submit"]{ 593 .customModelFooter input[type="submit"]{
594 background-color: #6ad46a; 594 background-color: #6ad46a;
595 border: 1px solid #ccc; 595 border: 1px solid #ccc;
596 } 596 }
597 597
598 598
599 /* custom confirmation model */ 599 /* custom confirmation model */
600 600
601 601
602 .customConfirmPopBackdrop{ 602 .customConfirmPopBackdrop{
603 position: fixed; 603 position: fixed;
604 background-color: rgba(0, 0, 0, 0.3); 604 background-color: rgba(0, 0, 0, 0.3);
605 top: 0; 605 top: 0;
606 left: 0; 606 left: 0;
607 width: 100%; 607 width: 100%;
608 height: 100%; 608 height: 100%;
609 z-index: 999; 609 z-index: 999;
610 display: none; 610 display: none;
611 } 611 }
612 .customConfirmPopBackdrop .customModalInner{ 612 .customConfirmPopBackdrop .customModalInner{
613 top: 30%; 613 top: 30%;
614 }
615
616
617
618 /* tier list table */
619
620 .tierListWrap{
621 width: 120px;
622 height: auto;
623 float: left;
624 }
625 .tierListHead{
626 width: 100%;
627 padding: 5px;
628 background-color: #f3f3f3;
629 border: 1px solid #ddd;
630 border-right: none;
631 }
632 .tierListBody{
633 width: 100%;
634 padding: 5px;
635 border: 1px solid #ddd;
636 border-top: none;
637 border-right: none;
638 }
639 .minTierSpan{
640 color: #449d44;
641 font-weight: bold;
642 font-size: 11px;
643 }
644 .maxTierSpan{
645 color: #c9302c;
646 font-style: italic;
647 font-size: 11px;
648 font-weight: bold;
649 }
650 .tierHeadingSpan{
651 font-size: 11px;
652 color: #222;
653 font-weight: bold;
654 }
655 .tierListHead input{
656 width: 50px;
657 height: 24px;
658 }
659 .addTierBtn{
660 color: #fff;
661 background-color: #2196f3;
662 border: none;
663 padding: 1px 5px;
664 }
665 .deleteTierIcon{
666 color: #fff;
667 background-color: #c9302c;
668 padding: 5px;
669 border-radius: 3px;
670 cursor: pointer;
614 } 671 }
app/partials/updateFuelManager/updateFuelManager.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 7
8 .controller('updateFuelManagerController', ['$scope','$uibModal', 'updateFuelManagerService', function($scope , $uibModal, updateFuelManagerService) { 8 .controller('updateFuelManagerController', ['$scope','$uibModal', 'updateFuelManagerService', function($scope , $uibModal, updateFuelManagerService) {
9 9
10 $scope.yes = function(data){ 10 $scope.yes = function(data){
11 console.log('========'); 11 console.log('========');
12 console.log('value', data); 12 console.log('value', data);
13 $uibModal.yes({ 13 $uibModal.yes({
14 templateUrl: 'partials/pricingcontact/pricingcontact.html', 14 templateUrl: 'partials/pricingcontact/pricingcontact.html',
15 backdrop: true, 15 backdrop: true,
16 scope: $scope, 16 scope: $scope,
17 }) 17 })
18 } 18 }
19 19
20 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')); 20 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId'));
21 21
22 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { 22 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) {
23 console.log('result', result);
24 $scope.aTypeJets = result; 23 $scope.aTypeJets = result;
25 }) 24 })
26
27 $scope.toggleJestAccordian = function(id){ 25 $scope.toggleJestAccordian = function(id){
28 $('.'+id).slideDown(); 26 $('.'+id).slideDown();
29 $('#'+id).addClass('customActive'); 27 $('#'+id).addClass('customActive');
30 $('#'+id+' select, #'+id+' input').prop("disabled", false); 28 $('#'+id+' select, #'+id+' input').prop("disabled", false);
31 $('#'+id+' .btn-success, #'+id+' .btn-danger').css('display', 'inline-block'); 29 $('#'+id+' .btn-success, #'+id+' .btn-danger').css('display', 'inline-block');
32 $('#'+id+' .btn-default').css('display', 'none'); 30 $('#'+id+' .btn-default').css('display', 'none');
31
32 updateFuelManagerService.getJetTiers(id).then(function(tiers) {
33 $scope.tierList = tiers;
34 })
35 }
36 $scope.tr = {};
37 $scope.addNewTier = function(id){
38 $scope.tr.marginTotal = '1.00';
39 $scope.tr.marginTemplateId = id;
40
41 var tierData = 'minTierBreak='+$scope.tr.minTierBreak+'&maxTierBreak='+$scope.tr.maxTierBreak+'&margin='+$scope.tr.margin+
42 '&marginTotal='+$scope.tr.marginTotal+'&marginTemplateId='+$scope.tr.marginTemplateId;
43
44 updateFuelManagerService.addNewTier(tierData).then(function(result) {
45 toastr.success('Successfully Added', {
46 closeButton: true
47 })
48 $scope.tr = {};
49 updateFuelManagerService.getJetTiers(id).then(function(tiers) {
50 $scope.tierList = tiers;
51 })
52 })
53 }
54
55 $scope.editTier = function(tier){
56 var editTierData = 'minTierBreak='+tier.minTierBreak+'&maxTierBreak='+tier.maxTierBreak+'&margin='+tier.margin+
57 '&marginTotal='+tier.marginTotal+'&marginTemplateId='+tier.marginTemplate.id+'&marginId='+tier.id;
58
59 updateFuelManagerService.editTier(editTierData).then(function(result) {
60 toastr.success('Successfully Updated', {
61 closeButton: true
62 })
63 updateFuelManagerService.getJetTiers(tier.marginTemplate.id).then(function(tiers) {
64 $scope.tierList = tiers;
65 })
66 })
67
68 }
69
70 $scope.deleteTier = function(id){
71 console.log('delete id', id);
72 updateFuelManagerService.deleteTier(id).then(function(result) {
73 toastr.success('Successfully Deleted', {
74 closeButton: true
75 })
76 updateFuelManagerService.getJetTiers(tier.marginTemplate.id).then(function(tiers) {
77 $scope.tierList = tiers;
78 })
79 })
33 } 80 }
34 81
35 $scope.saveJetAccordian = function(jets){ 82 $scope.saveJetAccordian = function(jets){
36 $scope.jetsDetail = jets; 83 $scope.jetsDetail = jets;
37 $scope.jetsDetail.userProfileId = $scope.userProfileId; 84 $scope.jetsDetail.userProfileId = $scope.userProfileId;
38 //console.log('jets', $scope.jetsDetail); 85 //console.log('jets', $scope.jetsDetail);
39 $('.'+$scope.jetsDetail.id).slideUp(); 86 $('.'+$scope.jetsDetail.id).slideUp();
40 $('#'+$scope.jetsDetail.id).removeClass('customActive'); 87 $('#'+$scope.jetsDetail.id).removeClass('customActive');
41 $('#'+$scope.jetsDetail.id+' select, #'+$scope.jetsDetail.id+' input').prop("disabled", true); 88 $('#'+$scope.jetsDetail.id+' select, #'+$scope.jetsDetail.id+' input').prop("disabled", true);
42 $('#'+$scope.jetsDetail.id+' .btn-success, #'+$scope.jetsDetail.id+' .btn-danger').css('display', 'none'); 89 $('#'+$scope.jetsDetail.id+' .btn-success, #'+$scope.jetsDetail.id+' .btn-danger').css('display', 'none');
43 $('#'+$scope.jetsDetail.id+' .btn-default').css('display', 'inline-block'); 90 $('#'+$scope.jetsDetail.id+' .btn-default').css('display', 'inline-block');
44 91
45 var editJetData = 'productType='+$scope.jetsDetail.productType+'&marginName='+$scope.jetsDetail.marginName+'&pricingStructure='+$scope.jetsDetail.pricingStructure+'&marginValue='+$scope.jetsDetail.marginValue+'&userProfileId='+$scope.jetsDetail.userProfileId+'&marginId='+$scope.jetsDetail.id; 92 var editJetData = 'productType='+$scope.jetsDetail.productType+'&marginName='+$scope.jetsDetail.marginName+'&pricingStructure='+$scope.jetsDetail.pricingStructure+'&marginValue='+$scope.jetsDetail.marginValue+'&userProfileId='+$scope.jetsDetail.userProfileId+'&marginId='+$scope.jetsDetail.id;
46 93
47 updateFuelManagerService.editAtypeJetMargin(editJetData).then(function(result) { 94 updateFuelManagerService.editAtypeJetMargin(editJetData).then(function(result) {
48 console.log('newJet', editJetData); 95 console.log('newJet', editJetData);
49 toastr.success('Successfully Updated', { 96 toastr.success('Successfully Updated', {
50 closeButton: true 97 closeButton: true
51 }) 98 })
52 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { 99 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) {
53 console.log('result', result); 100 console.log('result', result);
54 $scope.aTypeJets = result; 101 $scope.aTypeJets = result;
55 }) 102 })
56 }) 103 })
57 104
58 } 105 }
59 106
60 $scope.addNewMarginBtn = function(){ 107 $scope.addNewMarginBtn = function(){
61 $('.addNewMargin').css('display', 'block'); 108 $('.addNewMargin').css('display', 'block');
62 } 109 }
63 $scope.closeMarginPopup = function(){ 110 $scope.closeMarginPopup = function(){
64 $('.addNewMargin').css('display', 'none'); 111 $('.addNewMargin').css('display', 'none');
65 } 112 }
66 113
67 $scope.newJet = {}; 114 $scope.newJet = {};
68 $scope.newJet.productType = ''; 115 $scope.newJet.productType = '';
69 116
70 $scope.addNewATypeJet = function(){ 117 $scope.addNewATypeJet = function(){
71 $scope.newJet.productType = 'JET-A'; 118 $scope.newJet.productType = 'JET-A';
72 $scope.newJet.userProfileId = $scope.userProfileId; 119 $scope.newJet.userProfileId = $scope.userProfileId;
73 120
74 var jetData = 'productType='+$scope.newJet.productType+'&marginName='+$scope.newJet.marginName+'&pricingStructure='+$scope.newJet.pricingStructure+'&marginValue='+$scope.newJet.marginValue+'&userProfileId='+$scope.newJet.userProfileId; 121 var jetData = 'productType='+$scope.newJet.productType+'&marginName='+$scope.newJet.marginName+'&pricingStructure='+$scope.newJet.pricingStructure+'&marginValue='+$scope.newJet.marginValue+'&userProfileId='+$scope.newJet.userProfileId;
75 122
76 updateFuelManagerService.addNewAtypeJetMargin(jetData).then(function(result) { 123 updateFuelManagerService.addNewAtypeJetMargin(jetData).then(function(result) {
77 console.log('newJet', jetData); 124 console.log('newJet', jetData);
78 toastr.success('Successfully Added', { 125 toastr.success('Successfully Added', {
79 closeButton: true 126 closeButton: true
80 }) 127 })
81 $('.addNewMargin').css('display', 'none'); 128 $('.addNewMargin').css('display', 'none');
82 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { 129 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) {
83 console.log('result', result); 130 console.log('result', result);
84 $scope.aTypeJets = result; 131 $scope.aTypeJets = result;
85 }) 132 })
86 }) 133 })
87 } 134 }
88 135
89 /* $scope.addNewATypeJet = function(){ 136 /* $scope.addNewATypeJet = function(){
90 $scope.newJet.productType = 'JET-A'; 137 $scope.newJet.productType = 'JET-A';
91 $scope.newJet.userProfileId = $scope.userProfileId; 138 $scope.newJet.userProfileId = $scope.userProfileId;
92 139
93 var jetData = 'productType='+$scope.newJet.productType+'&marginName='+$scope.newJet.marginName+'&pricingStructure='+$scope.newJet.pricingStructure+'&marginValue='+$scope.newJet.marginValue+'&userProfileId='+$scope.newJet.userProfileId; 140 var jetData = 'productType='+$scope.newJet.productType+'&marginName='+$scope.newJet.marginName+'&pricingStructure='+$scope.newJet.pricingStructure+'&marginValue='+$scope.newJet.marginValue+'&userProfileId='+$scope.newJet.userProfileId;
94 141
95 updateFuelManagerService.addNewAtypeJetMargin(jetData).then(function(result) { 142 updateFuelManagerService.addNewAtypeJetMargin(jetData).then(function(result) {
96 console.log('newJet', jetData); 143 console.log('newJet', jetData);
97 toastr.success('Successfully Added', { 144 toastr.success('Successfully Added', {
98 closeButton: true 145 closeButton: true
99 }) 146 })
100 $('.addNewMargin').css('display', 'none'); 147 $('.addNewMargin').css('display', 'none');
101 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) { 148 updateFuelManagerService.getATypeJets($scope.userProfileId).then(function(result) {
102 console.log('result', result); 149 console.log('result', result);
103 $scope.aTypeJets = result; 150 $scope.aTypeJets = result;
104 }) 151 })
105 }) 152 })
106 }*/ 153 }*/
107 154
108 155
109 }]); 156 }]);
110 157
app/partials/updateFuelManager/updateFuelManager.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"> 6 <div class="container">
7 <div class="row"> 7 <div class="row">
8 <div class="col-md-5"> 8 <div class="col-md-5">
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>Price Manager</h3> 12 <h3>Price Manager</h3>
13 <select style="float: right;margin:10px;" ng-model="priceManager" ng-change="yes(priceManager)"> 13 <select style="float: right;margin:10px;" ng-model="priceManager" ng-change="yes(priceManager)">
14 <option value="1">Send Pricing Email</option> 14 <option value="1">Send Pricing Email</option>
15 <option value="2">Margin 1</option> 15 <option value="2">Margin 1</option>
16 <option value="3">Margin 2</option> 16 <option value="3">Margin 2</option>
17 <option value="4">Margin Tenants</option> 17 <option value="4">Margin Tenants</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 <h6>Update Fuel Price Here</h6> 22 <h6>Update Fuel Price Here</h6>
23 <table class="table table-striped"> 23 <table class="table table-striped">
24 <thead> 24 <thead>
25 <tr> 25 <tr>
26 <th> Product</th> 26 <th> Product</th>
27 <th> Cost</th> 27 <th> Cost</th>
28 <th> Margin</th> 28 <th> Margin</th>
29 <th> PAP(Total)</th> 29 <th> PAP(Total)</th>
30 <th> Date</th> 30 <th> Date</th>
31 </tr> 31 </tr>
32 </thead> 32 </thead>
33 <tbody> 33 <tbody>
34 <tr> 34 <tr>
35 <td>Name and inc.</td> 35 <td>Name and inc.</td>
36 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 36 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
37 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 37 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
38 <td>Jemmy</td> 38 <td>Jemmy</td>
39 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 39 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
40 </tr> 40 </tr>
41 <tr> 41 <tr>
42 <td>Name and inc.</td> 42 <td>Name and inc.</td>
43 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 43 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
44 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 44 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
45 <td>Jemmy</td> 45 <td>Jemmy</td>
46 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 46 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
47 </tr> 47 </tr>
48 </tbody> 48 </tbody>
49 </table> 49 </table>
50 <div class="row" style="margin-left: 0px;"> 50 <div class="row" style="margin-left: 0px;">
51 <div class="col-md-12" style= "text-align: right;"> 51 <div class="col-md-12" style= "text-align: right;">
52 <button type="button" class="btn btn-success btn-xs">Save</button> 52 <button type="button" class="btn btn-success btn-xs">Save</button>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div> 55 </div>
56 <!-- /widget-content --> 56 <!-- /widget-content -->
57 </div> 57 </div>
58 <!-- /widget --> 58 <!-- /widget -->
59 </div> 59 </div>
60 60
61 <div class="col-md-7"> 61 <div class="col-md-7">
62 <div class="widget stacked"> 62 <div class="widget stacked">
63 <div class="widget-header"> 63 <div class="widget-header">
64 <i class="fa fa-pencil"></i> 64 <i class="fa fa-pencil"></i>
65 <h3><b>JET-A</b> Customer Margin Template</h3> 65 <h3><b>JET-A</b> Customer Margin Template</h3>
66 <div class="pull-right"> 66 <div class="pull-right">
67 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="icon-ok"></i>+ &nbsp Add Aircraft</button> 67 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="icon-ok"></i>+ &nbsp Add Aircraft</button>
68 </div> 68 </div>
69 </div> 69 </div>
70 <!-- /widget-header --> 70 <!-- /widget-header -->
71 <div class="widget-content"> 71 <div class="widget-content">
72 <section id="accordions"> 72 <section id="accordions">
73 <div class="newCustomAccordian"> 73 <div class="newCustomAccordian">
74 <!-- tab 1 --> 74 <!-- tab 1 -->
75 <div ng-repeat="jets in aTypeJets"> 75 <div ng-repeat="jets in aTypeJets">
76 <div class="customAccordianHeader" id="{{jets.id}}"> 76 <div class="customAccordianHeader" id="{{jets.id}}">
77 <span>{{jets.marginName}}</span> 77 <span>{{jets.marginName}}</span>
78 <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> 78 <select class="form-control" disabled="true" ng-model="jets.pricingStructure">
79 <option value="" disabled selected>Pricing Structure</option> 79 <option value="" disabled selected>Pricing Structure</option>
80 <option value="minus">Retail-(minus)</option> 80 <option value="minus">Retail-(minus)</option>
81 <option value="plus">Cost+(plus)</option> 81 <option value="plus">Cost+(plus)</option>
82 <option value="equal">Direct=(equal)</option> 82 <option value="equal">Direct=(equal)</option>
83 </select> 83 </select>
84 <span style="margin-right: 0;">$</span> 84 <span style="margin-right: 0;">$</span>
85 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue"> 85 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue">
86 <div class="pull-right"> 86 <div class="pull-right">
87 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button> 87 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button>
88 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button> 88 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button>
89 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id)">Edit</button> 89 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id)">Edit</button>
90 </div> 90 </div>
91 <div class="clearfix"></div> 91 <div class="clearfix"></div>
92 </div> 92 </div>
93 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 93 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
94 <table class="customTableWithFilter"> 94 <div class="tierListWrap" ng-repeat="tier in tierList">
95 <thead> 95 <div class="tierListHead" style="height: 36px;">
96 <tr> 96 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
97 <th> 97 </span>
98 <span class="pull-left">1-250 gal.</span> 98 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
99 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 99
100 </th> 100 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
101 <th> 101 <span ng-show="showEditTier">-</span>
102 <span class="pull-left">1-250 gal.</span> 102 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
103 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 103 <div class="clearfix"></div>
104 </th> 104 </div>
105 <th> 105 <div class="tierListBody" style="height: 35px;">
106 <input type="text" placeholder="min" name=""> - 106 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
107 <input type="text" placeholder="max" name=""> 107
108 <span>gal.</span> 108 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
109 </th> 109
110 <th> &nbsp; </th> 110 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal}})</span>
111 </tr> 111
112 </thead> 112 <button class="addTierBtn" ng-click="editTier(tier)" ng-show="showEditTier">Save</button>
113 <tbody> 113
114 <tr> 114 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id)" aria-hidden="true" ng-show="showEditTier"></i>
115 <td> 115
116 <span class="pull-left">-$0.0000</span> &nbsp; 116 <div class="clearfix"></div>
117 <span class="pull-right">($1.7500)</span> 117 </div>
118 </td> 118 </div>
119 <td> 119 <div class="tierListWrap" style="width: 160px;">
120 <span class="pull-left">-$0.0000</span> &nbsp; 120 <div class="tierListHead" style="border-right: 1px solid #ddd;">
121 <span class="pull-right">($1.7500)</span> 121 <input type="text" placeholder="min" ng-model="tr.minTierBreak">
122 </td> 122 <span>-</span>
123 <td> 123 <input type="text" placeholder="max" ng-model="tr.maxTierBreak"> <b>gal.</b>
124 <span>$</span> 124 <div class="clearfix"></div>
125 <input type="text" placeholder="margin" class="tierTextBox" name=""> 125 </div>
126 <button class="addTierButton">Add Tier</button> 126 <div class="tierListBody" style="border-right: 1px solid #ddd;">
127 </td> 127 <span style="color: #449d44;">$</span>
128 <td> 128 <input type="text" placeholder="margin" ng-model="tr.margin" class="tierTextBox" style="width: 70px; height: 24px;">
129 <i class="fa fa-trash-o" aria-hidden="true"></i> 129 <button class="addTierBtn" ng-click="addNewTier(jets.id)">Add Tier</button>
130 </td> 130 <div class="clearfix"></div>
131 </tr> 131 </div>
132 </tbody> 132 </div>
133 </table> 133 <!-- <div class="tierListWrap" style="width: 32px;">
134 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
135 &nbsp;
136 </div>
137 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
138 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
139 </div>
140 </div> -->
141 <div class="clearfix"></div>
134 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 142 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
135 </div> 143 </div>
136 </div> 144 </div>
137 145
138 <!-- tab 2 --> 146 <!-- tab 2 -->
139 147
140 <!-- <div class="customAccordianHeader" id="customTabs2"> 148 <!-- <div class="customAccordianHeader" id="customTabs2">
141 <span>Jet Aircraft</span> 149 <span>Jet Aircraft</span>
142 <select class="form-control" disabled="true"> 150 <select class="form-control" disabled="true">
143 <option>Pricing Structure</option> 151 <option>Pricing Structure</option>
144 <option>Retail-(minus)</option> 152 <option>Retail-(minus)</option>
145 <option>Cost+(plus)</option> 153 <option>Cost+(plus)</option>
146 <option>Direct=(equals)</option> 154 <option>Direct=(equals)</option>
147 </select> 155 </select>
148 <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> 156 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
149 <div class="pull-right"> 157 <div class="pull-right">
150 <button class="btn btn-success" style="display: none;">Save</button> 158 <button class="btn btn-success" style="display: none;">Save</button>
151 <button class="btn btn-danger" style="display: none;">Delete</button> 159 <button class="btn btn-danger" style="display: none;">Delete</button>
152 <button class="btn btn-default" id="customTabToggle2">Edit</button> 160 <button class="btn btn-default" id="customTabToggle2">Edit</button>
153 </div> 161 </div>
154 <div class="clearfix"></div> 162 <div class="clearfix"></div>
155 </div> 163 </div>
156 <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;"> 164 <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;">
157 <table class="customTableWithFilter"> 165 <table class="customTableWithFilter">
158 <thead> 166 <thead>
159 <tr> 167 <tr>
160 <th> 168 <th>
161 <span class="pull-left">1-250 gal.</span> 169 <span class="pull-left">1-250 gal.</span>
162 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 170 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
163 </th> 171 </th>
164 <th> 172 <th>
165 <span class="pull-left">1-250 gal.</span> 173 <span class="pull-left">1-250 gal.</span>
166 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 174 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
167 </th> 175 </th>
168 <th> 176 <th>
169 <input type="text" placeholder="min" name=""> - 177 <input type="text" placeholder="min" name=""> -
170 <input type="text" placeholder="max" name=""> 178 <input type="text" placeholder="max" name="">
171 <span>gal.</span> 179 <span>gal.</span>
172 </th> 180 </th>
173 <th> &nbsp; </th> 181 <th> &nbsp; </th>
174 </tr> 182 </tr>
175 </thead> 183 </thead>
176 <tbody> 184 <tbody>
177 <tr> 185 <tr>
178 <td> 186 <td>
179 <span class="pull-left">-$0.0000</span> &nbsp; 187 <span class="pull-left">-$0.0000</span> &nbsp;
180 <span class="pull-right">($1.7500)</span> 188 <span class="pull-right">($1.7500)</span>
181 </td> 189 </td>
182 <td> 190 <td>
183 <span class="pull-left">-$0.0000</span> &nbsp; 191 <span class="pull-left">-$0.0000</span> &nbsp;
184 <span class="pull-right">($1.7500)</span> 192 <span class="pull-right">($1.7500)</span>
185 </td> 193 </td>
186 <td> 194 <td>
187 <span>$</span> 195 <span>$</span>
188 <input type="text" placeholder="margin" class="tierTextBox" name=""> 196 <input type="text" placeholder="margin" class="tierTextBox" name="">
189 <button class="addTierButton">Add Tier</button> 197 <button class="addTierButton">Add Tier</button>
190 </td> 198 </td>
191 <td> 199 <td>
192 <i class="fa fa-trash-o" aria-hidden="true"></i> 200 <i class="fa fa-trash-o" aria-hidden="true"></i>
193 </td> 201 </td>
194 </tr> 202 </tr>
195 </tbody> 203 </tbody>
196 </table> 204 </table>
197 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 205 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
198 </div> --> 206 </div> -->
199 207
200 <!-- tab 3 --> 208 <!-- tab 3 -->
201 209
202 <!-- <div class="customAccordianHeader" id="customTabs3"> 210 <!-- <div class="customAccordianHeader" id="customTabs3">
203 <span>Jet Aircraft</span> 211 <span>Jet Aircraft</span>
204 <select class="form-control" disabled="true"> 212 <select class="form-control" disabled="true">
205 <option>Pricing Structure</option> 213 <option>Pricing Structure</option>
206 <option>Retail-(minus)</option> 214 <option>Retail-(minus)</option>
207 <option>Cost+(plus)</option> 215 <option>Cost+(plus)</option>
208 <option>Direct=(equals)</option> 216 <option>Direct=(equals)</option>
209 </select> 217 </select>
210 <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> 218 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
211 <div class="pull-right"> 219 <div class="pull-right">
212 <button class="btn btn-success" style="display: none;">Save</button> 220 <button class="btn btn-success" style="display: none;">Save</button>
213 <button class="btn btn-danger" style="display: none;">Delete</button> 221 <button class="btn btn-danger" style="display: none;">Delete</button>
214 <button class="btn btn-default" id="customTabToggle3">Edit</button> 222 <button class="btn btn-default" id="customTabToggle3">Edit</button>
215 </div> 223 </div>
216 <div class="clearfix"></div> 224 <div class="clearfix"></div>
217 </div> 225 </div>
218 <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;"> 226 <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;">
219 <table class="customTableWithFilter"> 227 <table class="customTableWithFilter">
220 <thead> 228 <thead>
221 <tr> 229 <tr>
222 <th> 230 <th>
223 <span class="pull-left">1-250 gal.</span> 231 <span class="pull-left">1-250 gal.</span>
224 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 232 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
225 </th> 233 </th>
226 <th> 234 <th>
227 <span class="pull-left">1-250 gal.</span> 235 <span class="pull-left">1-250 gal.</span>
228 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 236 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
229 </th> 237 </th>
230 <th> 238 <th>
231 <input type="text" placeholder="min" name=""> - 239 <input type="text" placeholder="min" name=""> -
232 <input type="text" placeholder="max" name=""> 240 <input type="text" placeholder="max" name="">
233 <span>gal.</span> 241 <span>gal.</span>
234 </th> 242 </th>
235 <th> &nbsp; </th> 243 <th> &nbsp; </th>
236 </tr> 244 </tr>
237 </thead> 245 </thead>
238 <tbody> 246 <tbody>
239 <tr> 247 <tr>
240 <td> 248 <td>
241 <span class="pull-left">-$0.0000</span> &nbsp; 249 <span class="pull-left">-$0.0000</span> &nbsp;
242 <span class="pull-right">($1.7500)</span> 250 <span class="pull-right">($1.7500)</span>
243 </td> 251 </td>
244 <td> 252 <td>
245 <span class="pull-left">-$0.0000</span> &nbsp; 253 <span class="pull-left">-$0.0000</span> &nbsp;
246 <span class="pull-right">($1.7500)</span> 254 <span class="pull-right">($1.7500)</span>
247 </td> 255 </td>
248 <td> 256 <td>
249 <span>$</span> 257 <span>$</span>
250 <input type="text" placeholder="margin" class="tierTextBox" name=""> 258 <input type="text" placeholder="margin" class="tierTextBox" name="">
251 <button class="addTierButton">Add Tier</button> 259 <button class="addTierButton">Add Tier</button>
252 </td> 260 </td>
253 <td> 261 <td>
254 <i class="fa fa-trash-o" aria-hidden="true"></i> 262 <i class="fa fa-trash-o" aria-hidden="true"></i>
255 </td> 263 </td>
256 </tr> 264 </tr>
257 </tbody> 265 </tbody>
258 </table> 266 </table>
259 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 267 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
260 </div> --> 268 </div> -->
261 269
262 <!-- tab 4 --> 270 <!-- tab 4 -->
263 271
264 <!-- <div class="customAccordianHeader" id="customTabs4"> 272 <!-- <div class="customAccordianHeader" id="customTabs4">
265 <span>Jet Aircraft</span> 273 <span>Jet Aircraft</span>
266 <select class="form-control" disabled="true"> 274 <select class="form-control" disabled="true">
267 <option>Pricing Structure</option> 275 <option>Pricing Structure</option>
268 <option>Retail-(minus)</option> 276 <option>Retail-(minus)</option>
269 <option>Cost+(plus)</option> 277 <option>Cost+(plus)</option>
270 <option>Direct=(equals)</option> 278 <option>Direct=(equals)</option>
271 </select> 279 </select>
272 <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> 280 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
273 <div class="pull-right"> 281 <div class="pull-right">
274 <button class="btn btn-success" style="display: none;">Save</button> 282 <button class="btn btn-success" style="display: none;">Save</button>
275 <button class="btn btn-danger" style="display: none;">Delete</button> 283 <button class="btn btn-danger" style="display: none;">Delete</button>
276 <button class="btn btn-default" id="customTabToggle4">Edit</button> 284 <button class="btn btn-default" id="customTabToggle4">Edit</button>
277 </div> 285 </div>
278 <div class="clearfix"></div> 286 <div class="clearfix"></div>
279 </div> 287 </div>
280 <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;"> 288 <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;">
281 <table class="customTableWithFilter"> 289 <table class="customTableWithFilter">
282 <thead> 290 <thead>
283 <tr> 291 <tr>
284 <th> 292 <th>
285 <span class="pull-left">1-250 gal.</span> 293 <span class="pull-left">1-250 gal.</span>
286 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 294 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
287 </th> 295 </th>
288 <th> 296 <th>
289 <span class="pull-left">1-250 gal.</span> 297 <span class="pull-left">1-250 gal.</span>
290 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 298 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
291 </th> 299 </th>
292 <th> 300 <th>
293 <input type="text" placeholder="min" name=""> - 301 <input type="text" placeholder="min" name=""> -
294 <input type="text" placeholder="max" name=""> 302 <input type="text" placeholder="max" name="">
295 <span>gal.</span> 303 <span>gal.</span>
296 </th> 304 </th>
297 <th> &nbsp; </th> 305 <th> &nbsp; </th>
298 </tr> 306 </tr>
299 </thead> 307 </thead>
300 <tbody> 308 <tbody>
301 <tr> 309 <tr>
302 <td> 310 <td>
303 <span class="pull-left">-$0.0000</span> &nbsp; 311 <span class="pull-left">-$0.0000</span> &nbsp;
304 <span class="pull-right">($1.7500)</span> 312 <span class="pull-right">($1.7500)</span>
305 </td> 313 </td>
306 <td> 314 <td>
307 <span class="pull-left">-$0.0000</span> &nbsp; 315 <span class="pull-left">-$0.0000</span> &nbsp;
308 <span class="pull-right">($1.7500)</span> 316 <span class="pull-right">($1.7500)</span>
309 </td> 317 </td>
310 <td> 318 <td>
311 <span>$</span> 319 <span>$</span>
312 <input type="text" placeholder="margin" class="tierTextBox" name=""> 320 <input type="text" placeholder="margin" class="tierTextBox" name="">
313 <button class="addTierButton">Add Tier</button> 321 <button class="addTierButton">Add Tier</button>
314 </td> 322 </td>
315 <td> 323 <td>
316 <i class="fa fa-trash-o" aria-hidden="true"></i> 324 <i class="fa fa-trash-o" aria-hidden="true"></i>
317 </td> 325 </td>
318 </tr> 326 </tr>
319 </tbody> 327 </tbody>
320 </table> 328 </table>
321 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 329 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
322 </div> --> 330 </div> -->
323 331
324 332
325 </div> 333 </div>
326 </section> 334 </section>
327 <div class="row">&nbsp;</div> 335 <div class="row">&nbsp;</div>
328 <div class="row"> 336 <div class="row">
329 <div class="form-group"> 337 <div class="form-group">
330 <div class="col-lg-12 text-right"> 338 <div class="col-lg-12 text-right">
331 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 339 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
332 <button type="reset" class="btn btn-default">Cancel</button> 340 <button type="reset" class="btn btn-default">Cancel</button>
333 </div> 341 </div>
334 </div> 342 </div>
335 </div> 343 </div>
336 </div> 344 </div>
337 <!-- /widget-content --> 345 <!-- /widget-content -->
338 </div> 346 </div>
339 <!-- /widget --> 347 <!-- /widget -->
340 </div> 348 </div>
341 <!-- /span6 --> 349 <!-- /span6 -->
342 </div> 350 </div>
343 <!-- /span12 --> 351 <!-- /span12 -->
344 </div> 352 </div>
345 <!-- /row --> 353 <!-- /row -->
346 <div class="container"> 354 <div class="container">
347 <div class="row"> 355 <div class="row">
348 <div class="col-md-5"> 356 <div class="col-md-5">
349 <div class="widget stacked"> 357 <div class="widget stacked">
350 <div class="widget-header"> 358 <div class="widget-header">
351 <i class="fa fa-pencil"></i> 359 <i class="fa fa-pencil"></i>
352 <h3>Queue Future Pricing </h3> 360 <h3>Queue Future Pricing </h3>
353 <!-- <select style="float: right;margin:10px;background-color:#cd7b00;"> 361 <!-- <select style="float: right;margin:10px;background-color:#cd7b00;">
354 <option>Send Pricing Email</option> 362 <option>Send Pricing Email</option>
355 <option>Margin 1</option> 363 <option>Margin 1</option>
356 <option>Margin 2</option> 364 <option>Margin 2</option>
357 <option>Margin Tenants</option> 365 <option>Margin Tenants</option>
358 </select> --> 366 </select> -->
359 </div> 367 </div>
360 <!-- /widget-header --> 368 <!-- /widget-header -->
361 <div class="widget-content"> 369 <div class="widget-content">
362 <h6>Queue Future Fuel Pricing Here</h6> 370 <h6>Queue Future Fuel Pricing Here</h6>
363 <table class="table table-striped"> 371 <table class="table table-striped">
364 <thead> 372 <thead>
365 <tr> 373 <tr>
366 <th> Product</th> 374 <th> Product</th>
367 <th> Cost</th> 375 <th> Cost</th>
368 <th>PAP(Total)</th> 376 <th>PAP(Total)</th>
369 <th>Deploy</th> 377 <th>Deploy</th>
370 <th>Next Expiration</th> 378 <th>Next Expiration</th>
371 </tr> 379 </tr>
372 </thead> 380 </thead>
373 <tbody> 381 <tbody>
374 <tr> 382 <tr>
375 <td>Name and inc.</td> 383 <td>Name and inc.</td>
376 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 384 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
377 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 385 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
378 <td>Jemmy</td> 386 <td>Jemmy</td>
379 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 387 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
380 </tr> 388 </tr>
381 <tr> 389 <tr>
382 <td>Name and inc.</td> 390 <td>Name and inc.</td>
383 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 391 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
384 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 392 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
385 <td>Jemmy</td> 393 <td>Jemmy</td>
386 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td> 394 <td><input type="text" class="form-control" style="height:31px;" name="name" id="name"></td>
387 </tr> 395 </tr>
388 </tbody> 396 </tbody>
389 </table> 397 </table>
390 <div class="row" style="margin-left: 0px;"> 398 <div class="row" style="margin-left: 0px;">
391 <div class="col-md-12" style= "text-align: right;"> 399 <div class="col-md-12" style= "text-align: right;">
392 <button type="button" class="btn btn-success btn-xs">Save</button> 400 <button type="button" class="btn btn-success btn-xs">Save</button>
393 </div> 401 </div>
394 </div> 402 </div>
395 </div> 403 </div>
396 <!-- /widget-content --> 404 <!-- /widget-content -->
397 </div> 405 </div>
398 <!-- /widget --> 406 <!-- /widget -->
399 </div> 407 </div>
400 <div class="col-md-7"> 408 <div class="col-md-7">
401 <div class="widget stacked"> 409 <div class="widget stacked">
402 <div class="widget-header"> 410 <div class="widget-header">
403 <i class="fa fa-pencil"></i> 411 <i class="fa fa-pencil"></i>
404 <h3><b>JET-A</b> Customer Margin Template</h3> 412 <h3><b>JET-A</b> Customer Margin Template</h3>
405 <div class="pull-right"> 413 <div class="pull-right">
406 <button type="submit" class="btn btn-success btn-sm"><i class="icon-ok"></i>+ &nbsp Add Aircraft</button> 414 <button type="submit" class="btn btn-success btn-sm"><i class="icon-ok"></i>+ &nbsp Add Aircraft</button>
407 </div> 415 </div>
408 </div> 416 </div>
409 <!-- /widget-header --> 417 <!-- /widget-header -->
410 <div class="widget-content"> 418 <div class="widget-content">
411 <!-- <section id="accordions"> 419 <!-- <section id="accordions">
412 <div class="panel-group accordion"> 420 <div class="panel-group accordion">
413 <div class="panel panel-default open"> 421 <div class="panel panel-default open">
414 <div class="panel-heading"> 422 <div class="panel-heading">
415 <h4 class="panel-title"> 423 <h4 class="panel-title">
416 <a class="accordion-toggle" style="float:left;" data-toggle="collapse" data-parent=".accordion" href="#collapseOne"> 424 <a class="accordion-toggle" style="float:left;" data-toggle="collapse" data-parent=".accordion" href="#collapseOne">
417 Margin 1 425 Margin 1
418 </a> 426 </a>
419 <span style="color:#ff9900;font-size:12px;margin-left:50px">Retail- (minus) </span><span style="font-size:12px">$1.1500</span> 427 <span style="color:#ff9900;font-size:12px;margin-left:50px">Retail- (minus) </span><span style="font-size:12px">$1.1500</span>
420 </h4> 428 </h4>
421 </div> 429 </div>
422 <div id="collapseOne" class="panel-collapse collapse in"> 430 <div id="collapseOne" class="panel-collapse collapse in">
423 <div class="panel-body"> 431 <div class="panel-body">
424 <div id="editor2" style="visibility: hidden;"> 432 <div id="editor2" style="visibility: hidden;">
425 </div> 433 </div>
426 </div> 434 </div>
427 </div> 435 </div>
428 </div> 436 </div>
429 <div class="panel panel-default"> 437 <div class="panel panel-default">
430 <div class="panel-heading"> 438 <div class="panel-heading">
431 <h4 class="panel-title"> 439 <h4 class="panel-title">
432 <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo"> 440 <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo">
433 TurboPop AirCraft 441 TurboPop AirCraft
434 </a> 442 </a>
435 </h4> 443 </h4>
436 </div> 444 </div>
437 <div id="collapseTwo" class="panel-collapse collapse"> 445 <div id="collapseTwo" class="panel-collapse collapse">
438 <div class="panel-body"> 446 <div class="panel-body">
439 <div class="row" style="margin-left: 0px;"> 447 <div class="row" style="margin-left: 0px;">
440 <div class="col-md-8"> 448 <div class="col-md-8">
441 <div class="row" style="margin-bottom: 5px;"> 449 <div class="row" style="margin-bottom: 5px;">
442 <div class="col-md-1" style="text-align: right;"> 450 <div class="col-md-1" style="text-align: right;">
443 <h5 style="color: blue;font-weight: bold;">Omit</h5> 451 <h5 style="color: blue;font-weight: bold;">Omit</h5>
444 </div> 452 </div>
445 <div class="col-md-5"> 453 <div class="col-md-5">
446 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> 454 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5>
447 </div> 455 </div>
448 <div class="col-md-3"> 456 <div class="col-md-3">
449 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> 457 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5>
450 </div> 458 </div>
451 <div class="col-md-3"> 459 <div class="col-md-3">
452 <h5 style="color: blue;font-weight: bold;">Avoidance</h5> 460 <h5 style="color: blue;font-weight: bold;">Avoidance</h5>
453 </div> 461 </div>
454 </div> 462 </div>
455 <div class="row" style="margin-bottom: 5px;"> 463 <div class="row" style="margin-bottom: 5px;">
456 <div class="col-md-1" style="text-align: right;"> 464 <div class="col-md-1" style="text-align: right;">
457 <input type="checkbox" name="validateCheckbox" value="1"> 465 <input type="checkbox" name="validateCheckbox" value="1">
458 </div> 466 </div>
459 <div class="col-md-5"> 467 <div class="col-md-5">
460 <p>Very Light Jet 468 <p>Very Light Jet
461 </p> 469 </p>
462 </div> 470 </div>
463 <div class="col-md-3"> 471 <div class="col-md-3">
464 <input type="text" class="form-control" name="name" id="name"> 472 <input type="text" class="form-control" name="name" id="name">
465 </div> 473 </div>
466 <div class="col-md-3"> 474 <div class="col-md-3">
467 <input type="text" class="form-control" name="name" id="name"> 475 <input type="text" class="form-control" name="name" id="name">
468 </div> 476 </div>
469 </div> 477 </div>
470 <div class="row" style="margin-bottom: 5px;"> 478 <div class="row" style="margin-bottom: 5px;">
471 <div class="col-md-1" style="text-align: right;"> 479 <div class="col-md-1" style="text-align: right;">
472 <input type="checkbox" name="validateCheckbox" value="1"> 480 <input type="checkbox" name="validateCheckbox" value="1">
473 </div> 481 </div>
474 <div class="col-md-5"> 482 <div class="col-md-5">
475 <p> Light Jet 483 <p> Light Jet
476 </p> 484 </p>
477 </div> 485 </div>
478 <div class="col-md-3"> 486 <div class="col-md-3">
479 <input type="text" class="form-control" name="name" id="name"> 487 <input type="text" class="form-control" name="name" id="name">
480 </div> 488 </div>
481 <div class="col-md-3"> 489 <div class="col-md-3">
482 <input type="text" class="form-control" name="name" id="name"> 490 <input type="text" class="form-control" name="name" id="name">
483 </div> 491 </div>
484 </div> 492 </div>
485 </div> 493 </div>
486 <div class="col-md-4"> 494 <div class="col-md-4">
487 </div> 495 </div>
488 </div> 496 </div>
489 </div> 497 </div>
490 </div> 498 </div>
491 </div> 499 </div>
492 <div class="panel panel-default"> 500 <div class="panel panel-default">
493 <div class="panel-heading"> 501 <div class="panel-heading">
494 <h4 class="panel-title"> 502 <h4 class="panel-title">
495 <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseThree"> 503 <a class="accordion-toggle" data-toggle="collapse" data-parent=".accordion" href="#collapseThree">
496 Collapsible Group Item #3 504 Collapsible Group Item #3
497 </a> 505 </a>
498 </h4> 506 </h4>
499 </div> 507 </div>
500 <div id="collapseThree" class="panel-collapse collapse"> 508 <div id="collapseThree" class="panel-collapse collapse">
501 <div class="panel-body"> 509 <div class="panel-body">
502 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 510 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
503 </div> 511 </div>
504 </div> 512 </div>
505 </div> 513 </div>
506 </div> 514 </div>
507 </section> --> 515 </section> -->
508 <uib-accordion close-others="oneAtATime"> 516 <uib-accordion close-others="oneAtATime">
509 <div uib-accordion-group class="panel-default" heading="Margin 1 Retail- (minus) $1.1500"> 517 <div uib-accordion-group class="panel-default" heading="Margin 1 Retail- (minus) $1.1500">
510 <div id="editor2" style="visibility: hidden;"></div> 518 <div id="editor2" style="visibility: hidden;"></div>
511 </div> 519 </div>
512 <div uib-accordion-group class="panel-default" heading="TurboPop AirCraft"> 520 <div uib-accordion-group class="panel-default" heading="TurboPop AirCraft">
513 <div class="panel-body"> 521 <div class="panel-body">
514 <div class="row" style="margin-left: 0px;"> 522 <div class="row" style="margin-left: 0px;">
515 <div class="col-md-8"> 523 <div class="col-md-8">
516 <div class="row" style="margin-bottom: 5px;"> 524 <div class="row" style="margin-bottom: 5px;">
517 <div class="col-md-1" style="text-align: right;"> 525 <div class="col-md-1" style="text-align: right;">
518 <h5 style="color: blue;font-weight: bold;">Omit</h5> 526 <h5 style="color: blue;font-weight: bold;">Omit</h5>
519 </div> 527 </div>
520 <div class="col-md-5"> 528 <div class="col-md-5">
521 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5> 529 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5>
522 </div> 530 </div>
523 <div class="col-md-3"> 531 <div class="col-md-3">
524 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5> 532 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5>
525 </div> 533 </div>
526 <div class="col-md-3"> 534 <div class="col-md-3">
527 <h5 style="color: blue;font-weight: bold;">Avoidance</h5> 535 <h5 style="color: blue;font-weight: bold;">Avoidance</h5>
528 </div> 536 </div>
529 </div> 537 </div>
530 <div class="row" style="margin-bottom: 5px;"> 538 <div class="row" style="margin-bottom: 5px;">
531 <div class="col-md-1" style="text-align: right;"> 539 <div class="col-md-1" style="text-align: right;">
532 <input type="checkbox" name="validateCheckbox" value="1"> 540 <input type="checkbox" name="validateCheckbox" value="1">
533 </div> 541 </div>
534 <div class="col-md-5"> 542 <div class="col-md-5">
535 <p>Very Light Jet 543 <p>Very Light Jet
536 </p> 544 </p>
537 </div> 545 </div>
538 <div class="col-md-3"> 546 <div class="col-md-3">
539 <input type="text" class="form-control" name="name" id="name"> 547 <input type="text" class="form-control" name="name" id="name">
540 </div> 548 </div>
541 <div class="col-md-3"> 549 <div class="col-md-3">
542 <input type="text" class="form-control" name="name" id="name"> 550 <input type="text" class="form-control" name="name" id="name">
543 </div> 551 </div>
544 </div> 552 </div>
545 <div class="row" style="margin-bottom: 5px;"> 553 <div class="row" style="margin-bottom: 5px;">
546 <div class="col-md-1" style="text-align: right;"> 554 <div class="col-md-1" style="text-align: right;">
547 <input type="checkbox" name="validateCheckbox" value="1"> 555 <input type="checkbox" name="validateCheckbox" value="1">
548 </div> 556 </div>
549 <div class="col-md-5"> 557 <div class="col-md-5">
550 <p> Light Jet 558 <p> Light Jet
551 </p> 559 </p>
552 </div> 560 </div>
553 <div class="col-md-3"> 561 <div class="col-md-3">
554 <input type="text" class="form-control" name="name" id="name"> 562 <input type="text" class="form-control" name="name" id="name">
555 </div> 563 </div>
556 <div class="col-md-3"> 564 <div class="col-md-3">
557 <input type="text" class="form-control" name="name" id="name"> 565 <input type="text" class="form-control" name="name" id="name">
558 </div> 566 </div>
559 </div> 567 </div>
560 </div> 568 </div>
561 <div class="col-md-4"> 569 <div class="col-md-4">
562 </div> 570 </div>
563 </div> 571 </div>
564 </div> 572 </div>
565 </div> 573 </div>
566 <div uib-accordion-group class="panel-default" heading="Collapsible Group Item #3"> 574 <div uib-accordion-group class="panel-default" heading="Collapsible Group Item #3">
567 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 575 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
568 </div> 576 </div>
569 </uib-accordion> 577 </uib-accordion>
570 </div> 578 </div>
571 <!-- /widget-content --> 579 <!-- /widget-content -->
572 </div> 580 </div>
573 <!-- /widget --> 581 <!-- /widget -->
574 </div> 582 </div>
575 <!-- /span6 --> 583 <!-- /span6 -->
576 </div> 584 </div>
577 </div> 585 </div>
578 </div> 586 </div>
579 </div> <!-- /container --> 587 </div> <!-- /container -->
580 588
581 589
582 <div class="addNewMargin" style="display: none;"> 590 <div class="addNewMargin" style="display: none;">
583 <div class="customBackdrop"> 591 <div class="customBackdrop">
584 <div class="customModalInner" style="max-width: 700px;"> 592 <div class="customModalInner" style="max-width: 700px;">
585 <div class="customModelHead"> 593 <div class="customModelHead">
586 <p class="pull-left"> 594 <p class="pull-left">
587 <i class="fa fa-list-alt" aria-hidden="true"></i> 595 <i class="fa fa-list-alt" aria-hidden="true"></i>
588 Add New JET-A Customer Margin 596 Add New JET-A Customer Margin
589 </p> 597 </p>
590 <p class="pull-right"> 598 <p class="pull-right">
591 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i> 599 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i>
592 </p> 600 </p>
593 <div class="clearfix"></div> 601 <div class="clearfix"></div>
594 </div> 602 </div>
595 <div class="customModelBody"> 603 <div class="customModelBody">
596 604
597 <div class="customAccordianHeader customActive"> 605 <div class="customAccordianHeader customActive">
598 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName"> 606 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName">
599 <select class="form-control" ng-model="newJet.pricingStructure"> 607 <select class="form-control" ng-model="newJet.pricingStructure">
600 <option value="" disabled selected>Pricing Structure</option> 608 <option value="" disabled selected>Pricing Structure</option>
601 <option value="minus">Retail-(minus)</option> 609 <option value="minus">Retail-(minus)</option>
602 <option value="plus">Cost+(plus)</option> 610 <option value="plus">Cost+(plus)</option>
603 <option value="equal">Direct=(equal)</option> 611 <option value="equal">Direct=(equal)</option>
604 </select> 612 </select>
605 <span style="margin-right: 0;">$</span> 613 <span style="margin-right: 0;">$</span>
606 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue"> 614 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue">
607 <div class="clearfix"></div> 615 <div class="clearfix"></div>
608 </div> 616 </div>
609 <div class="customAccordianTabBody"> 617 <div class="customAccordianTabBody">
610 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 618 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
611 </div> 619 </div>
612 620
613 </div> 621 </div>
614 <div class="customModelFooter text-center"> 622 <div class="customModelFooter text-center">
615 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()"> 623 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()">
616 <button class="btn" ng-click="closeMarginPopup()">Cancel</button> 624 <button class="btn" ng-click="closeMarginPopup()">Cancel</button>
617 </div> 625 </div>
618 </div> 626 </div>
619 </div> 627 </div>
620 </div> 628 </div>
621 629
622 630
623 <!-- Le javascript 631 <!-- Le javascript
624 ================================================== --> 632 ================================================== -->
625 <!-- Placed at the end of the document so the pages load faster --> 633 <!-- Placed at the end of the document so the pages load faster -->
626 <!-- <script> 634 <!-- <script>
627 CKEDITOR.replace( 'editor2', { 635 CKEDITOR.replace( 'editor2', {
628 height: 250, 636 height: 250,
629 extraPlugins: 'divarea' 637 extraPlugins: 'divarea'
630 } ); 638 } );
631 </script> --> 639 </script> -->
app/partials/updateFuelManager/updateFuelManager.service.js
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 angular.module('acufuel') 3 angular.module('acufuel')
4 .service('updateFuelManagerService', ['$q', '$http', 'BASE_URL', updateFuelManagerService]); 4 .service('updateFuelManagerService', ['$q', '$http', 'BASE_URL', updateFuelManagerService]);
5 5
6 function updateFuelManagerService($q, $http, BASE_URL) { 6 function updateFuelManagerService($q, $http, BASE_URL) {
7 var temp = {}; 7 var temp = {};
8 8
9 this.getATypeJets = function(id) { 9 this.getATypeJets = function(id) {
10 10
11 var deferred = $q.defer(); 11 var deferred = $q.defer();
12 $http({ 12 $http({
13 method : 'GET', 13 method : 'GET',
14 url : BASE_URL.url +'/margin/getJetAType/'+id, 14 url : BASE_URL.url +'/margin/getJetAType/'+id,
15 headers : {'Content-Type': 'application/json'}, 15 headers : {'Content-Type': 'application/json'},
16 }) 16 })
17 .then(function (result){ 17 .then(function (result){
18 deferred.resolve(result.data); 18 deferred.resolve(result.data);
19 },function (result){ 19 },function (result){
20 deferred.resolve(result.data); 20 deferred.resolve(result.data);
21 }) 21 })
22 return deferred.promise; 22 return deferred.promise;
23 } 23 }
24 24
25 this.addNewAtypeJetMargin = function(data){ 25 this.addNewAtypeJetMargin = function(data){
26 var deferred = $q.defer(); 26 var deferred = $q.defer();
27 $http({ 27 $http({
28 method : 'POST', 28 method : 'POST',
29 url : BASE_URL.url +'/margin', 29 url : BASE_URL.url +'/margin',
30 headers : {'Content-Type': 'application/json'}, 30 headers : {'Content-Type': 'application/json'},
31 data: data 31 data: data
32 }) 32 })
33 .then(function (result){ 33 .then(function (result){
34 deferred.resolve(result.data); 34 deferred.resolve(result.data);
35 },function (result){ 35 },function (result){
36 deferred.resolve(result.data); 36 deferred.resolve(result.data);
37 }) 37 })
38 return deferred.promise; 38 return deferred.promise;
39 } 39 }
40 40
41 this.editAtypeJetMargin = function(data){ 41 this.editAtypeJetMargin = function(data){
42 var deferred = $q.defer(); 42 var deferred = $q.defer();
43 $http({ 43 $http({
44 method : 'PUT', 44 method : 'PUT',
45 url : BASE_URL.url +'/margin', 45 url : BASE_URL.url +'/margin',
46 headers : {'Content-Type': 'application/json'}, 46 headers : {'Content-Type': 'application/json'},
47 data: data 47 data: data
48 }) 48 })
49 .then(function (result){ 49 .then(function (result){
50 deferred.resolve(result.data); 50 deferred.resolve(result.data);
51 },function (result){ 51 },function (result){
52 deferred.resolve(result.data); 52 deferred.resolve(result.data);
53 }) 53 })
54 return deferred.promise; 54 return deferred.promise;
55 } 55 }
56
57 this.getJetTiers = function(id) {
58
59 var deferred = $q.defer();
60 $http({
61 method : 'GET',
62 url : BASE_URL.url +'/margin/getCustomMargins/'+id,
63 headers : {'Content-Type': 'application/json'},
64 })
65 .then(function (result){
66 deferred.resolve(result.data);
67 },function (result){
68 deferred.resolve(result.data);
69 })
70 return deferred.promise;
71 }
72
73 this.addNewTier = function(data){
74 var deferred = $q.defer();
75 $http({
76 method : 'POST',
77 url : BASE_URL.url +'/margin/custom',
78 headers : {'Content-Type': 'application/json'},
79 data: data
80 })
81 .then(function (result){
82 deferred.resolve(result.data);
83 },function (result){
84 deferred.resolve(result.data);
85 })
86 return deferred.promise;
87 }
88
89 this.editTier = function(data){
90 var deferred = $q.defer();
91 $http({
92 method : 'PUT',
93 url : BASE_URL.url +'/margin/custom',
94 headers : {'Content-Type': 'application/json'},
95 data: data
96 })
97 .then(function (result){
98 deferred.resolve(result.data);
99 },function (result){
100 deferred.resolve(result.data);
101 })
102 return deferred.promise;
103 }
104
105 this.deleteTier = function(id) {
106
107 var deferred = $q.defer();
108 $http({
109 method : 'DELETE',
110 url : BASE_URL.url +'/margin/customMargins/'+id,
111 headers : {'Content-Type': 'application/json'},
112 })
113 .then(function (result){
114 deferred.resolve(result.data);
115 },function (result){
116 deferred.resolve(result.data);
117 })
118 return deferred.promise;
119 }
56 120
57 } 121 }
58 122
59 })(); 123 })();