Compare View

switch
from
...
to
 
Commits (2)
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: 999999999; 609 z-index: 999999999;
610 display: none; 610 display: none;
611 } 611 }
612 .customConfirmPopBackdrop .customModalInner{ 612 .customConfirmPopBackdrop .customModalInner{
613 top: 30%; 613 top: 30%;
614 } 614 }
615 615
616 616
617 617
618 /* tier list table */ 618 /* tier list table */
619 619
620 .tierListWrap{ 620 .tierListWrap{
621 width: 120px; 621 width: 120px;
622 height: auto; 622 height: auto;
623 float: left; 623 float: left;
624 } 624 }
625 .tierListHead{ 625 .tierListHead{
626 width: 100%; 626 width: 100%;
627 padding: 5px; 627 padding: 5px;
628 background-color: #f3f3f3; 628 background-color: #f3f3f3;
629 border: 1px solid #ddd; 629 border: 1px solid #ddd;
630 border-right: none; 630 border-right: none;
631 } 631 }
632 .tierListBody{ 632 .tierListBody{
633 width: 100%; 633 width: 100%;
634 padding: 5px; 634 padding: 5px;
635 border: 1px solid #ddd; 635 border: 1px solid #ddd;
636 border-top: none; 636 border-top: none;
637 border-right: none; 637 border-right: none;
638 } 638 }
639 .minTierSpan{ 639 .minTierSpan{
640 color: #449d44; 640 color: #449d44;
641 font-weight: bold; 641 font-weight: bold;
642 font-size: 11px; 642 font-size: 11px;
643 } 643 }
644 .maxTierSpan{ 644 .maxTierSpan{
645 color: #c9302c; 645 color: #c9302c;
646 font-style: italic; 646 font-style: italic;
647 font-size: 11px; 647 font-size: 11px;
648 font-weight: bold; 648 font-weight: bold;
649 } 649 }
650 .tierHeadingSpan{ 650 .tierHeadingSpan{
651 font-size: 11px; 651 font-size: 11px;
652 color: #222; 652 color: #222;
653 font-weight: bold; 653 font-weight: bold;
654 } 654 }
655 .tierListHead input{ 655 .tierListHead input{
656 width: 50px; 656 width: 50px;
657 height: 24px; 657 height: 24px;
658 } 658 }
659 .addTierBtn{ 659 .addTierBtn{
660 color: #fff; 660 color: #fff;
661 background-color: #2196f3; 661 background-color: #2196f3;
662 border: none; 662 border: none;
663 padding: 1px 5px; 663 padding: 1px 5px;
664 } 664 }
665 .deleteTierIcon{ 665 .deleteTierIcon{
666 color: #fff; 666 color: #fff;
667 background-color: #c9302c; 667 background-color: #c9302c;
668 padding: 5px; 668 padding: 5px;
669 border-radius: 3px; 669 border-radius: 3px;
670 cursor: pointer; 670 cursor: pointer;
671 } 671 }
672 672
673 .customToogle { 673 .customToogle {
674 padding: 2px 6px !important; 674 padding: 2px 6px !important;
675 height: auto !important; 675 height: auto !important;
676 min-height: 28px !important; 676 min-height: 28px !important;
677 677
678 } 678 }
679 679
680 .myLoader{ 680 .myLoader{
681 width: 100%; 681 width: 100%;
682 height: 100%; 682 height: 100%;
683 position: fixed; 683 position: fixed;
684 z-index: 9999; 684 z-index: 9999;
685 top: 0; 685 top: 0;
686 left: 0; 686 left: 0;
687 text-align: center; 687 text-align: center;
688 background-color: rgba(0, 0, 0, 0.2); 688 background-color: rgba(0, 0, 0, 0.2);
689 } 689 }
690 .myLoader img{ 690 .myLoader img{
691 position: relative; 691 position: relative;
692 top: calc(50% - 25px); 692 top: calc(50% - 25px);
693 } 693 }
694 .customErrorInput{ 694 .customErrorInput{
695 background-color: rgb(251, 227, 228); 695 background-color: rgb(251, 227, 228);
696 border: 1px solid #fbc2c4; 696 border: 1px solid #fbc2c4;
697 color: #8a1f11; 697 color: #8a1f11;
698 } 698 }
699 .customErrorMessage{ 699 .customErrorMessage{
700 color: #8a1f11; 700 color: #8a1f11;
701 font-weight: bold; 701 font-weight: bold;
702 } 702 }
703 .ui-datepicker .ui-widget-header{ 703 .ui-datepicker .ui-widget-header{
704 background-image: none !important; 704 background-image: none !important;
705 } 705 }
706 .recordCountSelect{ 706 .recordCountSelect{
707 background-color: #fff; 707 background-color: #fff;
708 }
709 .exportBtn{
710 margin-top: 20px;
711 }
712 .select2-container .select2-choice{
713 height: 34px !important;
714 padding: 6px 12px !important;
715 border: 1px solid #ccc !important;
716 background-image: none !important;
717 }
718 .select2-container .select2-choice .select2-arrow{
719 border-left: none !important;
720 background: transparent !important;
721 }
722 .select2-container .select2-choice{
723 padding: 2px 12px !important;
708 } 724 }
1 <html ng-app="acufuel"> 1 <html ng-app="acufuel">
2 <head lang="en"> 2 <head lang="en">
3 <meta charset="utf-8"> 3 <meta charset="utf-8">
4 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 <meta name="description" content=""> 5 <meta name="description" content="">
6 <meta name="author" content=""> 6 <meta name="author" content="">
7 <title>Acufuel</title> 7 <title>Acufuel</title>
8 <!-- styles --> 8 <!-- styles -->
9 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.0.custom.min.css"/> 9 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.0.custom.min.css"/>
10 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"/> 10 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"/>
11 <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"/> 11 <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"/>
12 <link rel="stylesheet" href="bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css" /> 12 <link rel="stylesheet" href="bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css" />
13 <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.min.css"/> 13 <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.min.css"/>
14 <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.print.min.css"/> 14 <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.print.min.css"/>
15 <link rel="stylesheet" href="bower_components/toastr/toastr.min.css"/> 15 <link rel="stylesheet" href="bower_components/toastr/toastr.min.css"/>
16 <link rel="stylesheet" href="bower_components/angular-bootstrap/ui-bootstrap-csp.css"/> 16 <link rel="stylesheet" href="bower_components/angular-bootstrap/ui-bootstrap-csp.css"/>
17 <link href="bower_components/jqGrid/css/ui.jqgrid.css" rel="stylesheet"> 17 <link href="bower_components/jqGrid/css/ui.jqgrid.css" rel="stylesheet">
18 <link href="bower_components/angular-xeditable/dist/css/xeditable.css" rel="stylesheet"> 18 <link href="bower_components/angular-xeditable/dist/css/xeditable.css" rel="stylesheet">
19 <link href="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.css" 19 <link href="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.css"
20 rel="stylesheet"> 20 rel="stylesheet">
21 21
22 22
23 <link rel="stylesheet" href="css/main.css"/> 23 <link rel="stylesheet" href="css/main.css"/>
24 <link rel="stylesheet" href="css/base-admin-3.css"/> 24 <link rel="stylesheet" href="css/base-admin-3.css"/>
25 <link rel="stylesheet" href="css/base-admin-3-responsive.css"/> 25 <link rel="stylesheet" href="css/base-admin-3-responsive.css"/>
26 <link rel="stylesheet" href="css/custom.css"/> 26 <link rel="stylesheet" href="css/custom.css"/>
27 27
28 <link href="css/bootstrap-responsive.min.css" rel="stylesheet"> 28 <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
29 <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet"> 29 <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
30 <link href="js/plugins/cirque/cirque.css" rel="stylesheet"> 30 <link href="js/plugins/cirque/cirque.css" rel="stylesheet">
31 31
32 <link href="css/pages/dashboard.css" rel="stylesheet"> 32 <link href="css/pages/dashboard.css" rel="stylesheet">
33 <link href="js/plugins/faq/faq.css" rel="stylesheet"> 33 <link href="js/plugins/faq/faq.css" rel="stylesheet">
34 <link href="css/pages/plans.css" rel="stylesheet"> 34 <link href="css/pages/plans.css" rel="stylesheet">
35 35
36 <link href="js/plugins/lightbox/themes/evolution-dark/jquery.lightbox.css" rel="stylesheet"> 36 <link href="js/plugins/lightbox/themes/evolution-dark/jquery.lightbox.css" rel="stylesheet">
37 <link href="js/plugins/msgGrowl/css/msgGrowl.css" rel="stylesheet"> 37 <link href="js/plugins/msgGrowl/css/msgGrowl.css" rel="stylesheet">
38 <link href="js/plugins/msgbox/jquery.msgbox.css" rel="stylesheet"> 38 <link href="js/plugins/msgbox/jquery.msgbox.css" rel="stylesheet">
39 <link href="css/pages/pricing.css" rel="stylesheet"> 39 <link href="css/pages/pricing.css" rel="stylesheet">
40 <link href="css/pages/reports.css" rel="stylesheet"> 40 <link href="css/pages/reports.css" rel="stylesheet">
41 41
42 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" /> 42 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
43 43
44 <link rel="stylesheet" type="text/css" href="css/ngTable.css"> 44 <link rel="stylesheet" type="text/css" href="css/ngTable.css">
45 <link rel="stylesheet" href="bower_components/select2/select2.css">
46
45 <link rel="stylesheet" href="bower_components/select2/select2.css"> 47 <!-- <link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css"> -->
46 48
47 <!-- <link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css"> --> 49 </head>
48 50 <body>
49 </head> 51 <!-- views -->
50 <body> 52
51 <!-- views --> 53 <!-- scripts -->
52 54 <script src="bower_components/jquery/dist/jquery.min.js"></script>
53 <!-- scripts --> 55 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
54 <script src="bower_components/jquery/dist/jquery.min.js"></script> 56 <script src="js/libs/jquery-ui-1.10.0.custom.min.js"></script>
55 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 57 <!--<script src="js/plugins/flot/jquery.flot.js"></script>
56 <script src="js/libs/jquery-ui-1.10.0.custom.min.js"></script> 58 <script src="js/plugins/flot/jquery.flot.pie.js"></script>
57 <!--<script src="js/plugins/flot/jquery.flot.js"></script> 59 <script src="js/plugins/flot/jquery.flot.resize.js"></script>
58 <script src="js/plugins/flot/jquery.flot.pie.js"></script> 60 <script src="js/plugins/flot/jquery.flot.orderBars.js"></script>-->
59 <script src="js/plugins/flot/jquery.flot.resize.js"></script> 61 <script src="js/plugins/hoverIntent/jquery.hoverIntent.minified.js"></script>
60 <script src="js/plugins/flot/jquery.flot.orderBars.js"></script>--> 62 <script src="js/plugins/lightbox/jquery.lightbox.min.js"></script>
61 <script src="js/plugins/hoverIntent/jquery.hoverIntent.minified.js"></script> 63 <script src="js/plugins/validate/jquery.validate.js"></script>
62 <script src="js/plugins/lightbox/jquery.lightbox.min.js"></script> 64 <script src="js/plugins/msgbox/jquery.msgbox.min.js"></script>
63 <script src="js/plugins/validate/jquery.validate.js"></script> 65
64 <script src="js/plugins/msgbox/jquery.msgbox.min.js"></script> 66 <script src="bower_components/angular/angular.min.js"></script>
65 67 <script src="bower_components/angular-route/angular-route.js"></script>
66 <script src="bower_components/angular/angular.min.js"></script> 68 <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
67 <script src="bower_components/angular-route/angular-route.js"></script> 69 <script src="bower_components/angular-resource/angular-resource.min.js"></script>
68 <script src="bower_components/angular-cookies/angular-cookies.min.js"></script> 70 <script src="bower_components/angular-animate/angular-animate.js"></script>
69 <script src="bower_components/angular-resource/angular-resource.min.js"></script> 71 <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
70 <script src="bower_components/angular-animate/angular-animate.js"></script> 72 <script src="bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js"></script>
71 <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 73 <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
72 <script src="bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js"></script> 74 <script src='bower_components/moment/min/moment.min.js'></script>
73 <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 75 <script src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
74 <script src='bower_components/moment/min/moment.min.js'></script> 76 <script src='bower_components/toastr/toastr.min.js'></script>
75 <script src="bower_components/fullcalendar/dist/fullcalendar.min.js"></script> 77 <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
76 <script src='bower_components/toastr/toastr.min.js'></script> 78 <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
77 <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script> 79 <script src="bower_components/jqGrid/js/i18n/grid.locale-en.js"></script>
78 <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 80 <script src="bower_components/jqGrid/js/jquery.jqGrid.min.js"></script>
79 <script src="bower_components/jqGrid/js/i18n/grid.locale-en.js"></script> 81 <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script>
80 <script src="bower_components/jqGrid/js/jquery.jqGrid.min.js"></script> 82 <script src="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.js"></script>
83 <script src="bower_components/select2/select2.js"></script>
84 <script src="bower_components/angular-ui-select2/src/select2.js"></script>
81 <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script> 85
82 <script src="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.min.js"></script> 86 <!-- <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script> -->
83 <script src="bower_components/select2/select2.js"></script> 87
84 <script src="bower_components/angular-ui-select2/src/select2.js"></script> 88
85 89 <!--
86 <!-- <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script> --> 90 <script src="scripts/inspinia.js"></script>
87 91 <script src="plugins/iCheck/icheck.min.js"></script>
88 92 -->
89 <!-- 93
90 <script src="scripts/inspinia.js"></script> 94 <!-- <script src="./js/Application.js"></script>
91 <script src="plugins/iCheck/icheck.min.js"></script> 95 <script src="js/charts/area.js"></script>
92 --> 96 <script src="js/charts/donut.js"></script>
93 97 <script src="js/charts/pie.js"></script>
94 <!-- <script src="./js/Application.js"></script> 98 <script src="js/charts/bar.js"></script>
95 <script src="js/charts/area.js"></script> 99 <script src="js/demo/validation.js"></script>
96 <script src="js/charts/donut.js"></script> 100 <script src="js/charts/line.js"></script> -->
97 <script src="js/charts/pie.js"></script> 101 <script src="js/demo/faq.js"></script>
98 <script src="js/charts/bar.js"></script> 102 <script src="js/plugins/faq/faq.js"></script>
99 <script src="js/demo/validation.js"></script> 103 <script src="js/demo/gallery.js"></script>
100 <script src="js/charts/line.js"></script> --> 104 <script src="js/demo/sliders.js"></script>
101 <script src="js/demo/faq.js"></script> 105 <script src="js/plugins/msgGrowl/js/msgGrowl.js"></script>
102 <script src="js/plugins/faq/faq.js"></script> 106 <script src="js/demo/notifications.js"></script>
103 <script src="js/demo/gallery.js"></script> 107
104 <script src="js/demo/sliders.js"></script> 108 <script src="js/ngTable.js"></script>
105 <script src="js/plugins/msgGrowl/js/msgGrowl.js"></script> 109
106 <script src="js/demo/notifications.js"></script> 110 <script src="http://cdn.ckeditor.com/4.6.1/standard-all/ckeditor.js"></script>
107 111 <script src="https://code.highcharts.com/maps/highmaps.js"></script>
108 <script src="js/ngTable.js"></script> 112 <script src="https://code.highcharts.com/maps/modules/data.js"></script>
109 113 <script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
110 <script src="http://cdn.ckeditor.com/4.6.1/standard-all/ckeditor.js"></script> 114 <!-- Controllers -->
111 <script src="https://code.highcharts.com/maps/highmaps.js"></script> 115 <script src="js/app.js"></script>
112 <script src="https://code.highcharts.com/maps/modules/data.js"></script> 116 <script src="js/app.constant.js"></script>
113 <script src="https://code.highcharts.com/mapdata/countries/us/us-all.js"></script> 117 <script src="partials/login/login.controller.js"></script>
114 <!-- Controllers --> 118 <script src="partials/customers/customers.controller.js"></script>
115 <script src="js/app.js"></script> 119 <script src="partials/analytics/analytics.controller.js"></script>
116 <script src="js/app.constant.js"></script> 120 <script src="partials/account/account.controller.js"></script>
117 <script src="partials/login/login.controller.js"></script> 121 <script src="partials/elements/elements.controller.js"></script>
118 <script src="partials/customers/customers.controller.js"></script> 122 <script src="partials/error/error.controller.js"></script>
119 <script src="partials/analytics/analytics.controller.js"></script> 123 <script src="partials/faq/faq.controller.js"></script>
120 <script src="partials/account/account.controller.js"></script> 124 <script src="partials/forms/forms.controller.js"></script>
121 <script src="partials/elements/elements.controller.js"></script> 125 <script src="partials/fuelManager/fuelManager.controller.js"></script>
122 <script src="partials/error/error.controller.js"></script> 126 <script src="partials/pricing/pricing.controller.js"></script>
123 <script src="partials/faq/faq.controller.js"></script> 127 <script src="partials/reports/reports.controller.js"></script>
124 <script src="partials/forms/forms.controller.js"></script> 128 <script src="partials/scheduler/scheduler.controller.js"></script>
125 <script src="partials/fuelManager/fuelManager.controller.js"></script> 129 <script src="partials/signup/signup.controller.js"></script>
126 <script src="partials/pricing/pricing.controller.js"></script> 130 <script src="partials/updateFuelManager/updateFuelManager.controller.js"></script>
127 <script src="partials/reports/reports.controller.js"></script> 131 <script src="partials/viewCompany/viewCompany.controller.js"></script>
128 <script src="partials/scheduler/scheduler.controller.js"></script> 132 <script src="partials/dashboard/dashboard.controller.js"></script>
129 <script src="partials/signup/signup.controller.js"></script> 133 <script src="partials/fuelOrders/fuelOrders.controller.js"></script>
130 <script src="partials/updateFuelManager/updateFuelManager.controller.js"></script> 134 <script src="partials/DispatchFuel/DispatchFuel.controller.js"></script>
131 <script src="partials/viewCompany/viewCompany.controller.js"></script> 135 <script src="partials/searchDispatchFuel/searchDispatchFuel.controller.js"></script>
132 <script src="partials/dashboard/dashboard.controller.js"></script> 136 <script src="partials/Accept/Accept.controller.js"></script>
133 <script src="partials/fuelOrders/fuelOrders.controller.js"></script> 137 <!-- <script src="partials/AircraftList/AircraftList.controller.js"></script> -->
134 <script src="partials/DispatchFuel/DispatchFuel.controller.js"></script> 138 <script src="partials/ContactView/ContactView.controller.js"></script>
135 <script src="partials/searchDispatchFuel/searchDispatchFuel.controller.js"></script> 139 <script src="partials/FuelVendors/FuelVendors.controller.js"></script>
136 <script src="partials/Accept/Accept.controller.js"></script> 140 <script src="partials/delselected/delselected.controller.js"></script>
137 <!-- <script src="partials/AircraftList/AircraftList.controller.js"></script> --> 141 <script src="partials/pricingcontact/pricingcontact.controller.js"></script>
138 <script src="partials/ContactView/ContactView.controller.js"></script> 142 <script src="partials/viewcontact/viewcontact.controller.js"></script>
139 <script src="partials/FuelVendors/FuelVendors.controller.js"></script> 143 <script src="partials/viewFuelVendor/viewFuelVendor.controller.js"></script>
140 <script src="partials/delselected/delselected.controller.js"></script> 144 <script src="partials/accountSetting/accountSetting.Controller.js"></script>
141 <script src="partials/pricingcontact/pricingcontact.controller.js"></script> 145 <script src="partials/viewVendorContact/viewVendorContact.Controller.js"></script>
146 <script src="partials/enterFuelOrder/enterFuelOrder.controller.js"></script>
142 <script src="partials/viewcontact/viewcontact.controller.js"></script> 147
143 <script src="partials/viewFuelVendor/viewFuelVendor.controller.js"></script> 148 <script src="partials/main/main.controller.js"></script>
144 <script src="partials/accountSetting/accountSetting.Controller.js"></script> 149 <div ui-view></div>
145 <script src="partials/viewVendorContact/viewVendorContact.Controller.js"></script> 150 <!-- End controllers -->
146 <script src="partials/enterFuelOrder/enterFuelOrder.controller.js"></script> 151
147 152
148 <script src="partials/main/main.controller.js"></script> 153 <!-- services -->
149 <div ui-view></div> 154 <script src="partials/login/login.service.js"></script>
150 <!-- End controllers --> 155 <script src="partials/customers/customers.service.js"></script>
151 156 <script src="partials/analytics/analytics.service.js"></script>
152 157 <script src="partials/account/account.service.js"></script>
153 <!-- services --> 158 <script src="partials/elements/elements.service.js"></script>
154 <script src="partials/login/login.service.js"></script> 159 <script src="partials/error/error.service.js"></script>
155 <script src="partials/customers/customers.service.js"></script> 160 <script src="partials/faq/faq.service.js"></script>
156 <script src="partials/analytics/analytics.service.js"></script> 161 <script src="partials/forms/forms.service.js"></script>
157 <script src="partials/account/account.service.js"></script> 162 <script src="partials/fuelManager/fuelManager.service.js"></script>
158 <script src="partials/elements/elements.service.js"></script> 163 <script src="partials/pricing/pricing.service.js"></script>
159 <script src="partials/error/error.service.js"></script> 164 <script src="partials/reports/reports.service.js"></script>
160 <script src="partials/faq/faq.service.js"></script> 165 <script src="partials/scheduler/scheduler.service.js"></script>
161 <script src="partials/forms/forms.service.js"></script> 166 <script src="partials/signup/signup.service.js"></script>
162 <script src="partials/fuelManager/fuelManager.service.js"></script> 167 <script src="partials/updateFuelManager/updateFuelManager.service.js"></script>
163 <script src="partials/pricing/pricing.service.js"></script> 168 <script src="partials/viewCompany/viewCompany.service.js"></script>
164 <script src="partials/reports/reports.service.js"></script> 169 <script src="partials/dashboard/dashboard.service.js"></script>
165 <script src="partials/scheduler/scheduler.service.js"></script> 170 <script src="partials/fuelOrders/fuelOrders.service.js"></script>
166 <script src="partials/signup/signup.service.js"></script> 171 <script src="partials/DispatchFuel/DispatchFuel.service.js"></script>
167 <script src="partials/updateFuelManager/updateFuelManager.service.js"></script> 172 <script src="partials/searchDispatchFuel/searchDispatchFuel.service.js"></script>
168 <script src="partials/viewCompany/viewCompany.service.js"></script> 173 <script src="partials/Accept/Accept.service.js"></script>
169 <script src="partials/dashboard/dashboard.service.js"></script> 174 <!-- <script src="partials/AircraftList/AircraftList.controller.js"></script> -->
170 <script src="partials/fuelOrders/fuelOrders.service.js"></script> 175 <script src="partials/ContactView/ContactView.service.js"></script>
171 <script src="partials/DispatchFuel/DispatchFuel.service.js"></script> 176 <script src="partials/FuelVendors/FuelVendors.service.js"></script>
172 <script src="partials/searchDispatchFuel/searchDispatchFuel.service.js"></script> 177 <script src="partials/delselected/delselected.service.js"></script>
173 <script src="partials/Accept/Accept.service.js"></script> 178 <script src="partials/pricingcontact/pricingcontact.service.js"></script>
174 <!-- <script src="partials/AircraftList/AircraftList.controller.js"></script> --> 179 <script src="partials/viewcontact/viewcontact.service.js"></script>
175 <script src="partials/ContactView/ContactView.service.js"></script> 180 <script src="partials/viewFuelVendor/viewFuelVendor.service.js"></script>
176 <script src="partials/FuelVendors/FuelVendors.service.js"></script> 181 <script src="partials/accountSetting/accountSetting.Service.js"></script>
177 <script src="partials/delselected/delselected.service.js"></script> 182 <script src="partials/viewVendorContact/viewVendorContact.Service.js"></script>
183 <script src="partials/enterFuelOrder/enterFuelOrder.service.js"></script>
178 <script src="partials/pricingcontact/pricingcontact.service.js"></script> 184
179 <script src="partials/viewcontact/viewcontact.service.js"></script> 185 <script src="partials/main/main.service.js"></script>
180 <script src="partials/viewFuelVendor/viewFuelVendor.service.js"></script> 186
181 <script src="partials/accountSetting/accountSetting.Service.js"></script> 187
182 <script src="partials/viewVendorContact/viewVendorContact.Service.js"></script> 188 </body>
183 <script src="partials/enterFuelOrder/enterFuelOrder.service.js"></script> 189 </html>
app/js/app.constant.js
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 3
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .constant('BASE_URL', { 6 .constant('BASE_URL', {
7 url: 'http://54.149.169.33:8080/ws' 7 url: 'http://54.149.169.33:8080/ws'
8 //url: 'http://192.168.2.178:8080/ws' 8 //url: 'http://192.168.2.178:8080/ws'
9 //url: 'http://192.168.1.8:8080/ws' 9 //url: 'http://192.168.1.8:8080/ws'
10 10
11 }) 11 })
12 12
13 .constant('AUTH_EVENTS', { 13 .constant('AUTH_EVENTS', {
14 updateUser: 'update-user', 14 updateUser: 'update-user',
15 notAuthorized: 'auth-not-authorized' 15 notAuthorized: 'auth-not-authorized'
16 }) 16 })
17 17
18 .constant('USER_ROLES', { 18 .constant('USER_ROLES', {
19 user : 'user', 19 user : 'user',
20 admin: 'admin' 20 admin: 'admin'
21 }); 21 });
22 22
23 })(); 23 })();
1 'use strict'; 1 'use strict';
2 2
3 3
4 angular.module('acufuel', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable', 'ui.toggle', 'ngTable', 'ui.select2']) 4 angular.module('acufuel', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable', 'ui.toggle', 'ngTable', 'ui.select2'])
5 5
6 .config(['$httpProvider', function($httpProvider) { 6 .config(['$httpProvider', function($httpProvider) {
7 $httpProvider.defaults.withCredentials = true; 7 $httpProvider.defaults.withCredentials = true;
8 $httpProvider.interceptors.push('myCSRF'); 8 $httpProvider.interceptors.push('myCSRF');
9 $httpProvider.interceptors.push('httpRequestInterceptor'); 9 $httpProvider.interceptors.push('httpRequestInterceptor');
10 }]) 10 }])
11 11
12 12
13 .factory('httpRequestInterceptor', ['$q', '$rootScope', '$location', function($q, $rootScope, $location) { 13 .factory('httpRequestInterceptor', ['$q', '$rootScope', '$location', function($q, $rootScope, $location) {
14 return { 14 return {
15 request: function($config) { 15 request: function($config) {
16 return $config; 16 return $config;
17 }, 17 },
18 responseError: function(rejection) { 18 responseError: function(rejection) {
19 if (rejection.status === 401) { 19 if (rejection.status === 401) {
20 if($location.path() != "/login"){ 20 if($location.path() != "/login"){
21 localStorage.clear(); 21 localStorage.clear();
22 window.location.reload(); 22 window.location.reload();
23 } 23 }
24 } 24 }
25 return $q.reject(rejection); 25 return $q.reject(rejection);
26 } 26 }
27 } 27 }
28 }]) 28 }])
29 29
30 .provider('myCSRF',[function(){ 30 .provider('myCSRF',[function(){
31 var headerName = 'X-CSRFToken'; 31 var headerName = 'X-CSRFToken';
32 var cookieName = 'csrftoken'; 32 var cookieName = 'csrftoken';
33 var allowedMethods = ['GET']; 33 var allowedMethods = ['GET'];
34 34
35 this.setHeaderName = function(n) { 35 this.setHeaderName = function(n) {
36 headerName = n; 36 headerName = n;
37 } 37 }
38 this.setCookieName = function(n) { 38 this.setCookieName = function(n) {
39 cookieName = n; 39 cookieName = n;
40 } 40 }
41 this.setAllowedMethods = function(n) { 41 this.setAllowedMethods = function(n) {
42 allowedMethods = n; 42 allowedMethods = n;
43 } 43 }
44 this.$get = ['$cookies', function($cookies){ 44 this.$get = ['$cookies', function($cookies){
45 return { 45 return {
46 'request': function(config) { 46 'request': function(config) {
47 if(allowedMethods.indexOf(config.method) === -1) { 47 if(allowedMethods.indexOf(config.method) === -1) {
48 // do something on success 48 // do something on success
49 config.headers[headerName] = $cookies[cookieName]; 49 config.headers[headerName] = $cookies[cookieName];
50 } 50 }
51 return config; 51 return config;
52 } 52 }
53 } 53 }
54 }]; 54 }];
55 }]) 55 }])
56 56
57 .config( 57 .config(
58 ['$locationProvider', '$stateProvider', '$urlRouterProvider', 58 ['$locationProvider', '$stateProvider', '$urlRouterProvider',
59 function($locationProvider, $stateProvider, $urlRouterProvider) { 59 function($locationProvider, $stateProvider, $urlRouterProvider) {
60 $locationProvider.hashPrefix('!'); 60 $locationProvider.hashPrefix('!');
61 // routes 61 // routes
62 $urlRouterProvider 62 $urlRouterProvider
63 .otherwise('/login'); 63 .otherwise('/login');
64 64
65 $stateProvider 65 $stateProvider
66 66
67 .state("app", { 67 .state("app", {
68 url: "", 68 url: "",
69 templateUrl: "partials/main/main.html", 69 templateUrl: "partials/main/main.html",
70 controller: "MainController", 70 controller: "MainController",
71 abstract: true 71 abstract: true
72 }) 72 })
73 73
74 .state("login", { 74 .state("login", {
75 url: "/login", 75 url: "/login",
76 templateUrl: "partials/login/login.html", 76 templateUrl: "partials/login/login.html",
77 controller: "LoginController" 77 controller: "LoginController"
78 }) 78 })
79 79
80 .state("app.customers", { 80 .state("app.customers", {
81 url: "/customers", 81 url: "/customers",
82 templateUrl: "partials/customers/customers.html", 82 templateUrl: "partials/customers/customers.html",
83 controller: "customersController" 83 controller: "customersController"
84 }) 84 })
85 85
86 .state("app.accountSetting", { 86 .state("app.accountSetting", {
87 url: "/accountSetting", 87 url: "/accountSetting",
88 templateUrl: "partials/accountSetting/accountSetting.html", 88 templateUrl: "partials/accountSetting/accountSetting.html",
89 controller: "AccountSettingController" 89 controller: "AccountSettingController"
90 }) 90 })
91 91
92 .state("app.ContactView", { 92 .state("app.ContactView", {
93 url: "/ContactView", 93 url: "/ContactView",
94 templateUrl: "partials/ContactView/ContactView.html", 94 templateUrl: "partials/ContactView/ContactView.html",
95 controller: "ContactViewController" 95 controller: "ContactViewController"
96 }) 96 })
97 .state("app.FuelVendors", { 97 .state("app.FuelVendors", {
98 url: "/FuelVendors", 98 url: "/FuelVendors",
99 templateUrl: "partials/FuelVendors/FuelVendors.html", 99 templateUrl: "partials/FuelVendors/FuelVendors.html",
100 controller: "FuelVendorsController" 100 controller: "FuelVendorsController"
101 }) 101 })
102 102
103 .state("app.analytics", { 103 .state("app.analytics", {
104 url: "/analytics", 104 url: "/analytics",
105 templateUrl: "partials/analytics/analytics.html", 105 templateUrl: "partials/analytics/analytics.html",
106 controller: "analyticsController" 106 controller: "analyticsController"
107 }) 107 })
108 108
109 .state("app.account", { 109 .state("app.account", {
110 url: "/account", 110 url: "/account",
111 templateUrl: "partials/account/account.html", 111 templateUrl: "partials/account/account.html",
112 controller: "accountController" 112 controller: "accountController"
113 }) 113 })
114 114
115 .state("app.dashboard", { 115 .state("app.dashboard", {
116 url: "/dashboard", 116 url: "/dashboard",
117 templateUrl: "partials/dashboard/dashboard.html", 117 templateUrl: "partials/dashboard/dashboard.html",
118 controller: "dashboardController" 118 controller: "dashboardController"
119 }) 119 })
120 120
121 .state("app.elements", { 121 .state("app.elements", {
122 url: "/elements", 122 url: "/elements",
123 templateUrl: "partials/elements/elements.html", 123 templateUrl: "partials/elements/elements.html",
124 controller: "elementsController" 124 controller: "elementsController"
125 }) 125 })
126 126
127 .state("app.error", { 127 .state("app.error", {
128 url: "/error", 128 url: "/error",
129 templateUrl: "partials/error/error.html", 129 templateUrl: "partials/error/error.html",
130 controller: "errorController" 130 controller: "errorController"
131 }) 131 })
132 132
133 .state("app.faq", { 133 .state("app.faq", {
134 url: "/faq", 134 url: "/faq",
135 templateUrl: "partials/faq/faq.html", 135 templateUrl: "partials/faq/faq.html",
136 controller: "faqController" 136 controller: "faqController"
137 }) 137 })
138 138
139 .state("app.forms", { 139 .state("app.forms", {
140 url: "/forms", 140 url: "/forms",
141 templateUrl: "partials/forms/forms.html", 141 templateUrl: "partials/forms/forms.html",
142 controller: "formsController" 142 controller: "formsController"
143 }) 143 })
144 144
145 .state("app.fuelManager", { 145 .state("app.fuelManager", {
146 url: "/fuelManager", 146 url: "/fuelManager",
147 templateUrl: "partials/fuelManager/fuelManager.html", 147 templateUrl: "partials/fuelManager/fuelManager.html",
148 controller: "fuelManagerController" 148 controller: "fuelManagerController"
149 }) 149 })
150 150
151 .state("app.pricing", { 151 .state("app.pricing", {
152 url: "/pricing", 152 url: "/pricing",
153 templateUrl: "partials/pricing/pricing.html", 153 templateUrl: "partials/pricing/pricing.html",
154 controller: "pricingController" 154 controller: "pricingController"
155 }) 155 })
156 156
157 .state("app.reports", { 157 .state("app.reports", {
158 url: "/reports", 158 url: "/reports",
159 templateUrl: "partials/reports/reports.html", 159 templateUrl: "partials/reports/reports.html",
160 controller: "reportsController" 160 controller: "reportsController"
161 }) 161 })
162 162
163 .state("app.scheduler", { 163 .state("app.scheduler", {
164 url: "/scheduler", 164 url: "/scheduler",
165 templateUrl: "partials/scheduler/scheduler.html", 165 templateUrl: "partials/scheduler/scheduler.html",
166 controller: "schedulerController" 166 controller: "schedulerController"
167 }) 167 })
168 .state("app.signup", { 168 .state("app.signup", {
169 url: "/signup", 169 url: "/signup",
170 templateUrl: "partials/signup/signup.html", 170 templateUrl: "partials/signup/signup.html",
171 controller: "signupController" 171 controller: "signupController"
172 }) 172 })
173 173
174 .state("app.updateFuelManager", { 174 .state("app.updateFuelManager", {
175 url: "/updateFuelManager", 175 url: "/updateFuelManager",
176 templateUrl: "partials/updateFuelManager/updateFuelManager.html", 176 templateUrl: "partials/updateFuelManager/updateFuelManager.html",
177 controller: "updateFuelManagerController", 177 controller: "updateFuelManagerController",
178 // data: { 178 // data: {
179 // authorizedRoles: ["fbo"], 179 // authorizedRoles: ["fbo"],
180 // } 180 // }
181 }) 181 })
182 182
183 .state("app.viewCompany", { 183 .state("app.viewCompany", {
184 url: "/viewCompany/:id", 184 url: "/viewCompany/:id",
185 templateUrl: "partials/viewCompany/viewCompany.html", 185 templateUrl: "partials/viewCompany/viewCompany.html",
186 controller: "viewCompanyController" 186 controller: "viewCompanyController"
187 }) 187 })
188 188
189 .state("app.viewFuelVendor", { 189 .state("app.viewFuelVendor", {
190 url: "/viewFuelVendor/:id", 190 url: "/viewFuelVendor/:id",
191 templateUrl: "partials/viewFuelVendor/viewFuelVendor.html", 191 templateUrl: "partials/viewFuelVendor/viewFuelVendor.html",
192 controller: "ViewFuelVendorController" 192 controller: "ViewFuelVendorController"
193 }) 193 })
194 194
195 .state("app.fuelOrders", { 195 .state("app.fuelOrders", {
196 url: "/fuelOrders", 196 url: "/fuelOrders",
197 templateUrl: "partials/fuelOrders/fuelOrders.html", 197 templateUrl: "partials/fuelOrders/fuelOrders.html",
198 controller: "fuelOrdersController" 198 controller: "fuelOrdersController"
199 }) 199 })
200 200
201 .state("app.DispatchFuel", { 201 .state("app.DispatchFuel", {
202 url: "/DispatchFuel", 202 url: "/DispatchFuel",
203 templateUrl: "partials/DispatchFuel/DispatchFuel.html", 203 templateUrl: "partials/DispatchFuel/DispatchFuel.html",
204 controller: "DispatchFuelController" 204 controller: "DispatchFuelController"
205 }) 205 })
206 206
207 .state("app.searchDispatchFuel", { 207 .state("app.searchDispatchFuel", {
208 url: "/searchDispatchFuel", 208 url: "/searchDispatchFuel",
209 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html", 209 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html",
210 controller: "searchDispatchFuelController" 210 controller: "searchDispatchFuelController"
211 }) 211 })
212 212
213 .state("app.Accept", { 213 .state("app.Accept", {
214 url: "/Accept", 214 url: "/Accept",
215 templateUrl: "partials/Accept/Accept.html", 215 templateUrl: "partials/Accept/Accept.html",
216 controller: "AcceptController" 216 controller: "AcceptController"
217 }) 217 })
218 218
219 .state("app.delselected", { 219 .state("app.delselected", {
220 url: "/delselected", 220 url: "/delselected",
221 templateUrl: "partials/delselected/delselected.html", 221 templateUrl: "partials/delselected/delselected.html",
222 controller: "delselectedController" 222 controller: "delselectedController"
223 }) 223 })
224 224
225 .state("app.pricingcontact", { 225 .state("app.pricingcontact", {
226 url: "/pricingcontact", 226 url: "/pricingcontact",
227 templateUrl: "partials/pricingcontact/pricingcontact.html", 227 templateUrl: "partials/pricingcontact/pricingcontact.html",
228 controller: "pricingcontactController" 228 controller: "pricingcontactController"
229 }) 229 })
230 230
231 .state("app.viewContact", { 231 .state("app.viewContact", {
232 url: "/viewContact/:id", 232 url: "/viewContact/:id",
233 templateUrl: "partials/viewcontact/viewcontact.html", 233 templateUrl: "partials/viewcontact/viewcontact.html",
234 controller: "viewcontactController" 234 controller: "viewcontactController"
235 }) 235 })
236 236
237 .state("app.viewVendorContact", { 237 .state("app.viewVendorContact", {
238 url: "/viewVendorContact/:id", 238 url: "/viewVendorContact/:id",
239 templateUrl: "partials/viewVendorContact/viewVendorContact.html", 239 templateUrl: "partials/viewVendorContact/viewVendorContact.html",
240 controller: "viewVendorContactController" 240 controller: "viewVendorContactController"
241 }) 241 })
242 242
243 .state("app.enterFuelOrder", {
244 url: "/enterFuelOrder",
245 templateUrl: "partials/enterFuelOrder/enterFuelOrder.html",
246 controller: "enterFuelOrderController"
247 })
248
243 .state("app.enterFuelOrder", { 249 }
244 url: "/enterFuelOrder", 250 ])
245 templateUrl: "partials/enterFuelOrder/enterFuelOrder.html", 251
246 controller: "enterFuelOrderController" 252 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) {
247 }) 253 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) {
248 254 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser'));
249 } 255
250 ]) 256 LoginService.isAuthorized = function (authorizedRoles) {
251 257 if (!angular.isArray(authorizedRoles)) {
252 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) { 258 authorizedRoles = [authorizedRoles];
253 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) { 259 }
254 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser')); 260 var userdata = JSON.parse(window.localStorage.getItem('currentUser'));
255 261 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false);
256 LoginService.isAuthorized = function (authorizedRoles) { 262 }
257 if (!angular.isArray(authorizedRoles)) { 263
258 authorizedRoles = [authorizedRoles]; 264 if ('data' in next && 'authorizedRoles' in next.data) {
259 } 265 var authorizedRoles = next.data.authorizedRoles;
260 var userdata = JSON.parse(window.localStorage.getItem('currentUser')); 266 if (!LoginService.isAuthorized(authorizedRoles)) {
261 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false); 267 event.preventDefault();
262 } 268 if($state.current.name.length == 0) {
263 269 $state.go('login')
264 if ('data' in next && 'authorizedRoles' in next.data) { 270 } else {
265 var authorizedRoles = next.data.authorizedRoles; 271 $state.go($state.current, {}, {reload: true});
266 if (!LoginService.isAuthorized(authorizedRoles)) { 272 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized);
267 event.preventDefault(); 273 }
268 if($state.current.name.length == 0) { 274 }
269 $state.go('login') 275 }
270 } else { 276
271 $state.go($state.current, {}, {reload: true}); 277 if (LoginService.isAuthenticated()) {
272 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized); 278 if (next.name == 'login') {
273 } 279 event.preventDefault();
274 } 280 $state.go('app.dashboard');
275 } 281 }
276 282 }
277 if (LoginService.isAuthenticated()) { 283 });
278 if (next.name == 'login') { 284 }])
279 event.preventDefault(); 285
280 $state.go('app.dashboard'); 286
281 } 287 .directive("datepicker",function(){
282 } 288 return {
283 }); 289 restrict:"A",
284 }]) 290 link:function(scope,el,attr){
285 291 el.datepicker();
286 292 }
287 .directive("datepicker",function(){ 293 };
288 return { 294 })
289 restrict:"A", 295
290 link:function(scope,el,attr){ 296
291 el.datepicker(); 297
292 } 298
293 }; 299
294 }) 300
295 301
app/partials/ContactView/ContactView.html
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 </style> 5 </style>
6 <div class="main"> 6 <div class="main">
7 <div class="container"> 7 <div class="container">
8 <div class="row"> 8 <div class="row">
9 <div class="col-md-12"> 9 <div class="col-md-12">
10 <div class="widget stacked "> 10 <div class="widget stacked ">
11 <div class="widget-content"> 11 <div class="widget-content">
12 <div class="tabbable"> 12 <div class="tabbable">
13 <ul class="nav nav-tabs"> 13 <ul class="nav nav-tabs">
14 <li> 14 <li>
15 <a ui-sref="app.customers">Company View 15 <a ui-sref="app.customers">Company View
16 <i class="fa fa-caret-down" aria-hidden="true"></i> 16 <i class="fa fa-caret-down" aria-hidden="true"></i>
17 </a> 17 </a>
18 </li> 18 </li>
19 <li class="active"> 19 <li class="active">
20 <a ui-sref="app.ContactView">Contact View 20 <a ui-sref="app.ContactView">Contact View
21 <i class="fa fa-caret-down" aria-hidden="true"></i> 21 <i class="fa fa-caret-down" aria-hidden="true"></i>
22 </a> 22 </a>
23 </li> 23 </li>
24 <li> 24 <li>
25 <a ui-sref="app.FuelVendors">Fuel Vendors 25 <a ui-sref="app.FuelVendors">Fuel Vendors
26 <i class="fa fa-caret-down" aria-hidden="true"></i> 26 <i class="fa fa-caret-down" aria-hidden="true"></i>
27 </a> 27 </a>
28 </li> 28 </li>
29 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li> 29 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table" ng-model="search" ng-keyup="searchString(search)" ng-minlength="minlength"></li>
30 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> 30 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li>
31 <li style="float: right"> <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm"> <i class="fa fa-plus" aria-hidden="true"></i> Add Contact </button></li> 31 <li style="float: right"> <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm"> <i class="fa fa-plus" aria-hidden="true"></i> Add Contact </button></li>
32 </ul> 32 </ul>
33 <br> 33 <br>
34 <div class="tab-content customer-table" style="margin:0px"> 34 <div class="tab-content customer-table" style="margin:0px">
35 <div class="tab-pane active" id="companyView"> 35 <div class="tab-pane active" id="companyView">
36 <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true"> 36 <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true">
37 <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})"> 37 <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})">
38 <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'"> 38 <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'">
39 {{row.lastName}} 39 {{row.lastName}}
40 </td> 40 </td>
41 <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'"> 41 <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'">
42 {{row.firstName}} 42 {{row.firstName}}
43 </td> 43 </td>
44 <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'"> 44 <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'">
45 {{row.owner}} 45 {{row.owner}}
46 </td> 46 </td>
47 <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'"> 47 <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'">
48 {{row.workPhone}} 48 {{row.workPhone}}
49 </td> 49 </td>
50 <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'"> 50 <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'">
51 {{row.mobilePhone}} 51 {{row.mobilePhone}}
52 </td> 52 </td>
53 <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'"> 53 <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'">
54 {{row.title}} 54 {{row.title}}
55 </td> 55 </td>
56 <td data-title="'Pricing Email'"> 56 <td data-title="'Pricing Email'">
57 <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle> 57 <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle>
58 </td> 58 </td>
59 <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'"> 59 <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'">
60 {{row.userName}} 60 {{row.userName}}
61 </td> 61 </td>
62 </tr> 62 </tr>
63 </table> 63 </table>
64
65 <button type="button" class="btn btn-warning exportBtn">Export Customers</button>
64 66
65 <button type="button" class="btn btn-warning exportBtn">Export Customers</button> 67 <!-- <table class="table table-striped">
66 68 <thead>
67 <!-- <table class="table table-striped"> 69 <tr>
68 <thead> 70 <th>
69 <tr> 71 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
70 <th> 72 <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label>
71 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 73 </th>
72 <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label> 74
73 </th> 75 <th>
74 76 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
75 <th> 77 <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
76 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 78 </th>
77 <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 79 <th>
78 </th> 80 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
79 <th> 81 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
80 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 82 </th>
81 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> 83
82 </th> 84 <th>
83 85 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
84 <th> 86 <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
85 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 87 <th>
86 <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 88 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
87 <th> 89 <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
88 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 90 </th>
89 <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 91 <th>
90 </th> 92 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
91 <th> 93 <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label>
92 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 94 </th>
93 <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label> 95
94 </th> 96 <th>
95 97 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
96 <th> 98 <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label>
97 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 99 </th>
98 <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label> 100 <th>
99 </th> 101 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
100 <th> 102 <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label>
101 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 103 </th>
102 <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label> 104 </tr>
103 </th> 105 </thead>
104 </tr> 106 <tbody>
105 </thead> 107 <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})">
106 <tbody> 108 <td>{{contact.lastName}}</td>
107 <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> 109 <td>{{contact.firstName}}</td>
108 <td>{{contact.lastName}}</td> 110 <td>{{contact.owner.companyName}}</td>
109 <td>{{contact.firstName}}</td> 111 <td>{{contact.workPhone}}</td>
110 <td>{{contact.owner.companyName}}</td> 112 <td>{{contact.mobilePhone}}</td>
111 <td>{{contact.workPhone}}</td> 113 <td>{{contact.title}}</td>
112 <td>{{contact.mobilePhone}}</td> 114 <td>
113 <td>{{contact.title}}</td> 115 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle>
114 <td> 116 </td>
115 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle> 117 <td>{{contact.userName}}</td>
116 </td> 118 </tr>
117 <td>{{contact.userName}}</td> 119 </tbody>
118 </tr> 120 </table> -->
119 </tbody> 121 <!-- <div class="row" style="margin-left: 0px;">
120 </table> --> 122 <div class="col-md-2">
121 <!-- <div class="row" style="margin-left: 0px;"> 123 <button type="button" class="btn btn-warning">Export Customers</button>
122 <div class="col-md-2"> 124 </div>
123 <button type="button" class="btn btn-warning">Export Customers</button> 125 <div class="col-md-10">
124 </div> 126 <div class="row" style="margin-left: 0px;">
125 <div class="col-md-10"> 127 <div class="col-md-6">
126 <div class="row" style="margin-left: 0px;"> 128 </div>
127 <div class="col-md-6"> 129 <div class="col-md-2">
128 </div> 130 <select class="form-control">
129 <div class="col-md-2"> 131 <option>20 Records Per Page</option>
130 <select class="form-control"> 132 <option>50 Records Per Page</option>
131 <option>20 Records Per Page</option> 133 <option>100 Records Per Page</option>
132 <option>50 Records Per Page</option> 134 </select>
133 <option>100 Records Per Page</option> 135 </div>
134 </select> 136 <div class="col-md-4">
135 </div> 137 <ul class="pagination" style="margin:0px">
136 <div class="col-md-4"> 138 <li><a href="javascript:;">«</a></li>
137 <ul class="pagination" style="margin:0px"> 139 <li class="active"><a href="#">1</a></li>
138 <li><a href="javascript:;">«</a></li> 140 <li><a href="javascript:;">2</a></li>
139 <li class="active"><a href="#">1</a></li> 141 <li><a href="javascript:;">3</a></li>
140 <li><a href="javascript:;">2</a></li> 142 <li><a href="javascript:;">4</a></li>
141 <li><a href="javascript:;">3</a></li> 143 <li><a href="javascript:;">5</a></li>
142 <li><a href="javascript:;">4</a></li> 144 <li><a href="javascript:;">»</a></li>
143 <li><a href="javascript:;">5</a></li> 145 </ul>
144 <li><a href="javascript:;">»</a></li> 146 </div>
145 </ul> 147 </div>
146 </div> 148 </div>
147 </div> 149 </div> -->
148 </div> 150 </div>
149 </div> --> 151 </div>
150 </div> 152 </div>
151 </div> 153 </div>
152 </div> 154 <!-- /widget-content -->
153 </div> 155 </div>
154 <!-- /widget-content --> 156 <!-- /widget -->
155 </div> 157 </div>
156 <!-- /widget --> 158 <!-- /span8 -->
157 </div> 159 </div>
158 <!-- /span8 --> 160 <!-- /row -->
159 </div> 161 </div>
160 <!-- /row --> 162 <!-- /container -->
161 </div> 163 </div>
162 <!-- /container --> 164 <!-- /main -->
163 </div> 165 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
164 <!-- /main --> 166 <div class="modal-dialog modal-lg">
165 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 167 <div class="modal-content">
166 <div class="modal-dialog modal-lg"> 168 <div class="modal-body step-1" data-step="1" style="padding: 0;">
167 <div class="modal-content"> 169 <div>
168 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 170 <div class="row" style="margin: 0;">
169 <div> 171 <div>
170 <div class="row" style="margin: 0;"> 172 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
171 <div> 173 <div class="widget-header">
172 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 174 <i class="icon-pencil"></i>
173 <div class="widget-header"> 175 <i class="fa fa-tasks" aria-hidden="true"></i>
174 <i class="icon-pencil"></i> 176 <h3>Add a New Contact</h3>
175 <i class="fa fa-tasks" aria-hidden="true"></i> 177 <div class="clearfix"></div>
176 <h3>Add a New Contact</h3> 178 </div>
177 <div class="clearfix"></div> 179 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
178 </div> 180 <div class="col-xs-12">
179 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 181 <div class="col-md-6">
180 <div class="col-xs-12"> 182 <div class="pull-left" style="width: 110px;">
181 <div class="col-md-6"> 183 <label class="new-input-label"><b>First Name</b></label>
182 <div class="pull-left" style="width: 110px;"> 184 </div>
183 <label class="new-input-label"><b>First Name</b></label> 185 <div class="pull-left" style="margin-left: 15px;">
184 </div> 186 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
185 <div class="pull-left" style="margin-left: 15px;"> 187 </div>
186 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 188 <div class="clearfix"></div>
187 </div> 189 </div>
188 <div class="clearfix"></div> 190 <div class="col-md-6">
189 </div> 191
190 <div class="col-md-6"> 192 <div class="pull-left" style="width: 110px;">
191 193 <label class="new-input-label"><b>Last Name</b></label>
192 <div class="pull-left" style="width: 110px;"> 194 </div>
193 <label class="new-input-label"><b>Last Name</b></label> 195 <div class="pull-left" style="margin-left: 15px;">
194 </div> 196 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
195 <div class="pull-left" style="margin-left: 15px;"> 197 </div>
196 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 198 <div class="clearfix"></div>
197 </div> 199 </div>
198 <div class="clearfix"></div> 200 </div>
199 </div> 201 <div class="clearfix"></div><br>
200 </div> 202 <div class="col-xs-12">
201 <div class="clearfix"></div><br> 203 <div class="col-md-6">
202 <div class="col-xs-12"> 204 <div class="pull-left" style="width: 110px;">
203 <div class="col-md-6"> 205 <label class="new-input-label"><b>Title</b></label>
204 <div class="pull-left" style="width: 110px;"> 206 </div>
205 <label class="new-input-label"><b>Title</b></label> 207 <div class="pull-left" style="margin-left: 15px;">
206 </div> 208 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
207 <div class="pull-left" style="margin-left: 15px;"> 209 </div>
208 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 210 <div class="clearfix"></div>
209 </div> 211 </div>
210 <div class="clearfix"></div> 212 <div class="col-md-6">
211 </div> 213
212 <div class="col-md-6"> 214 <div class="pull-left" style="width: 110px;">
213 215 <label class="new-input-label"><b>Email</b></label>
214 <div class="pull-left" style="width: 110px;"> 216 </div>
215 <label class="new-input-label"><b>Email</b></label> 217 <div class="pull-left" style="margin-left: 15px;">
216 </div> 218 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
217 <div class="pull-left" style="margin-left: 15px;"> 219 </div>
218 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 220 <div class="clearfix"></div>
219 </div> 221 </div>
220 <div class="clearfix"></div> 222 </div>
221 </div> 223 <div class="clearfix"></div><br>
222 </div> 224 <div class="col-xs-12">
223 <div class="clearfix"></div><br> 225 <div class="col-md-6">
224 <div class="col-xs-12"> 226 <div class="pull-left" style="width: 110px;">
225 <div class="col-md-6"> 227 <label class="new-input-label"><b>Username</b></label>
226 <div class="pull-left" style="width: 110px;"> 228 </div>
227 <label class="new-input-label"><b>Username</b></label> 229 <div class="pull-left" style="margin-left: 15px;">
228 </div> 230 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
229 <div class="pull-left" style="margin-left: 15px;"> 231 </div>
230 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 232 <div class="clearfix"></div>
231 </div> 233 </div>
232 <div class="clearfix"></div> 234 <div class="col-md-6">
233 </div> 235
234 <div class="col-md-6"> 236 <div class="pull-left" style="width: 110px;">
235 237 <label class="new-input-label"><b>Password</b></label>
236 <div class="pull-left" style="width: 110px;"> 238 </div>
237 <label class="new-input-label"><b>Password</b></label> 239 <div class="pull-left" style="margin-left: 15px;">
238 </div> 240 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
239 <div class="pull-left" style="margin-left: 15px;"> 241 </div>
240 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 242 <div class="clearfix"></div>
241 </div> 243 </div>
242 <div class="clearfix"></div> 244 </div>
243 </div> 245 <div class="clearfix"></div><br>
244 </div> 246 <div class="col-xs-12">
245 <div class="clearfix"></div><br> 247 <div class="col-md-6">
246 <div class="col-xs-12"> 248 <div class="pull-left" style="width: 110px;">
247 <div class="col-md-6"> 249 <label class="new-input-label"><b>Work Phone</b></label>
248 <div class="pull-left" style="width: 110px;"> 250 </div>
249 <label class="new-input-label"><b>Work Phone</b></label> 251 <div class="pull-left" style="margin-left: 15px;">
250 </div> 252 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
251 <div class="pull-left" style="margin-left: 15px;"> 253 </div>
252 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 254 <div class="clearfix"></div>
253 </div> 255 </div>
254 <div class="clearfix"></div> 256 <div class="col-md-6">
255 </div> 257
256 <div class="col-md-6"> 258 <div class="pull-left" style="width: 110px;">
257 259 <label class="new-input-label"><b>Mobile Phone</b></label>
258 <div class="pull-left" style="width: 110px;"> 260 </div>
259 <label class="new-input-label"><b>Mobile Phone</b></label> 261 <div class="pull-left" style="margin-left: 15px;">
260 </div> 262 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
261 <div class="pull-left" style="margin-left: 15px;"> 263 </div>
262 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 264 <div class="clearfix"></div>
263 </div> 265 </div>
264 <div class="clearfix"></div> 266 </div>
265 </div> 267 <div class="clearfix"></div><br>
266 </div> 268 <div class="col-xs-12">
267 <div class="clearfix"></div><br> 269 <div class="col-md-12">
268 <div class="col-xs-12"> 270 <div class="pull-left" style="width: 110px;">
269 <div class="col-md-12"> 271 <label class="new-input-label"><b>Address</b></label>
270 <div class="pull-left" style="width: 110px;"> 272 </div>
271 <label class="new-input-label"><b>Address</b></label> 273 <div class="pull-right" style="width: calc(100% - 123px);">
272 </div> 274 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
273 <div class="pull-right" style="width: calc(100% - 123px);"> 275 </div>
274 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 276 <div class="clearfix"></div>
275 </div> 277 </div>
276 <div class="clearfix"></div> 278 </div>
277 </div> 279 <div class="clearfix"></div><br>
278 </div> 280 <div class="col-xs-12">
279 <div class="clearfix"></div><br> 281 <div class="col-md-12">
280 <div class="col-xs-12"> 282 <div class="pull-left" style="width: 110px;">
281 <div class="col-md-12"> 283 <label class="new-input-label"><b>Company</b></label>
282 <div class="pull-left" style="width: 110px;"> 284 </div>
283 <label class="new-input-label"><b>Company</b></label> 285 <div class="pull-right" style="width: calc(100% - 123px);">
284 </div> 286 <select class="form-control" ng-model="data.companyId">
285 <div class="pull-right" style="width: calc(100% - 123px);"> 287 <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option>
286 <select class="form-control" ng-model="data.companyId"> 288 </select>
287 <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option> 289 </div>
288 </select> 290 <div class="clearfix"></div>
289 </div> 291 </div>
290 <div class="clearfix"></div> 292 </div>
291 </div> 293
292 </div> 294
293 295 <div class="clearfix"></div>
294 296 <br/>
295 <div class="clearfix"></div> 297 <div class="col-xs-12">
296 <br/> 298 <div class="col-md-3">
297 <div class="col-xs-12"> 299 <div class="pull-left my-toggle-switch">
298 <div class="col-md-3"> 300 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
299 <div class="pull-left my-toggle-switch"> 301 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
300 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 302 </div>
301 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 303 </div>
302 </div> 304 <div class="clearfix"></div>
303 </div> 305 </div>
304 <div class="clearfix"></div> 306 <div class="col-md-3">
305 </div> 307 <div class="pull-left my-toggle-switch">
306 <div class="col-md-3"> 308 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
307 <div class="pull-left my-toggle-switch"> 309 <input type="checkbox" ng-model="data.primaryContact">
308 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 310 </div>
309 <input type="checkbox" ng-model="data.primaryContact"> 311 </div>
310 </div> 312 <div class="clearfix"></div>
311 </div> 313 </div>
312 <div class="clearfix"></div> 314 <div class="col-md-6">
313 </div> 315 <div class="pull-left" style="width: 110px;">
314 <div class="col-md-6"> 316 <label class="new-input-label"><b>Internal Note</b></label>
315 <div class="pull-left" style="width: 110px;"> 317 </div>
316 <label class="new-input-label"><b>Internal Note</b></label> 318 <div class="pull-left" style="width: calc(100% - 110px);">
317 </div> 319 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
318 <div class="pull-left" style="width: calc(100% - 110px);"> 320 </div>
319 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 321 </div>
320 </div> 322 <div class="clearfix"></div>
321 </div> 323 </div>
322 <div class="clearfix"></div> 324 <div class="clearfix"></div><br>
323 </div> 325 </div>
324 <div class="clearfix"></div><br> 326 </div>
325 </div> 327 <div class="clearfix"></div>
326 </div> 328 </div>
327 <div class="clearfix"></div> 329 </div>
328 </div> 330 </div>
329 </div> 331 </div>
330 </div> 332 <div class="modal-footer" style="border-top: 0;">
331 </div> 333 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
332 <div class="modal-footer" style="border-top: 0;"> 334 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
333 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> 335 </div>
334 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 336 </div>
335 </div> 337 </div>
336 </div> 338 </form>
337 </div> 339
338 </form> 340 <div class="customConfirmPopBackdrop" id="toogleMail">
339 341 <div class="customModalInner" style="max-width: 400px;">
340 <div class="customConfirmPopBackdrop" id="toogleMail"> 342 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
341 <div class="customModalInner" style="max-width: 400px;"> 343 <table>
342 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 344 <tr>
343 <table> 345 <!-- <td>
344 <tr> 346 <img src="" style="width: 50px;">
345 <!-- <td> 347 </td> -->
346 <img src="" style="width: 50px;"> 348 <td>
347 </td> --> 349 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
348 <td> 350 </td>
349 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 351 </tr>
350 </td> 352 </table>
351 </tr> 353 </div>
352 </table> 354 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
353 </div> 355 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
354 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 356 </div>
355 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 357 </div>
356 </div> 358 </div>
app/partials/FuelVendors/FuelVendors.html
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 5
6 .button1 { 6 .button1 {
7 display: inline-block; 7 display: inline-block;
8 height: 35px; 8 height: 35px;
9 line-height: 35px; 9 line-height: 35px;
10 padding-right: 15px; 10 padding-right: 15px;
11 padding-left: 50px; 11 padding-left: 50px;
12 position: relative; 12 position: relative;
13 background-color:rgb(41,127,184); 13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255); 14 color:rgb(255,255,255);
15 text-decoration: none; 15 text-decoration: none;
16 text-transform: uppercase; 16 text-transform: uppercase;
17 letter-spacing: 1px; 17 letter-spacing: 1px;
18 margin-bottom: 15px; 18 margin-bottom: 15px;
19 border: 0; 19 border: 0;
20 20
21 21
22 border-radius: 5px; 22 border-radius: 5px;
23 -moz-border-radius: 5px; 23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px; 24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28 28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 } 34 }
35 35
36 .button1 span { 36 .button1 span {
37 position: absolute; 37 position: absolute;
38 left: 0; 38 left: 0;
39 top: 0; 39 top: 0;
40 width: 35px; 40 width: 35px;
41 background-color:rgba(0,0,0,0.5); 41 background-color:rgba(0,0,0,0.5);
42 42
43 -webkit-border-top-left-radius: 5px; 43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px; 44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px; 45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px; 46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px; 47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px; 48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15); 49 border-right: 1px solid rgba(0,0,0,0.15);
50 } 50 }
51 51
52 .button1:hover span, .button1.active span { 52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26); 53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3); 54 border-right: 1px solid rgba(0,0,0,0.3);
55 } 55 }
56 56
57 .button1:active { 57 .button1:active {
58 margin-top: 2px; 58 margin-top: 2px;
59 margin-bottom: 13px; 59 margin-bottom: 13px;
60 60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 } 66 }
67 67
68 .button1.turquoise { 68 .button1.turquoise {
69 background: #449d44; 69 background: #449d44;
70 } 70 }
71 71
72 </style> 72 </style>
73 <div class="main"> 73 <div class="main">
74 <div class="container"> 74 <div class="container">
75 <div class="row"> 75 <div class="row">
76 <div class="col-md-12"> 76 <div class="col-md-12">
77 <div class="widget stacked "> 77 <div class="widget stacked ">
78 <div class="widget-content"> 78 <div class="widget-content">
79 <div class="tabbable"> 79 <div class="tabbable">
80 <ul class="nav nav-tabs"> 80 <ul class="nav nav-tabs">
81 <li> 81 <li>
82 <a ui-sref="app.customers">Company View 82 <a ui-sref="app.customers">Company View
83 <i class="fa fa-caret-down" aria-hidden="true"></i> 83 <i class="fa fa-caret-down" aria-hidden="true"></i>
84 </a> 84 </a>
85 </li> 85 </li>
86 <li> 86 <li>
87 <a ui-sref="app.ContactView">Contact View 87 <a ui-sref="app.ContactView">Contact View
88 <i class="fa fa-caret-down" aria-hidden="true"></i> 88 <i class="fa fa-caret-down" aria-hidden="true"></i>
89 </a> 89 </a>
90 </li> 90 </li>
91 <li class="active"> 91 <li class="active">
92 <a ui-sref="app.FuelVendors">Fuel Vendors 92 <a ui-sref="app.FuelVendors">Fuel Vendors
93 <i class="fa fa-caret-down" aria-hidden="true"></i> 93 <i class="fa fa-caret-down" aria-hidden="true"></i>
94 </a> 94 </a>
95 </li> 95 </li>
96 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li> 96 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li>
97 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> 97 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li>
98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</button></li> 98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</button></li>
99 </ul> 99 </ul>
100 <br> 100 <br>
101 <div class="tab-content customer-table" style="margin:0px"> 101 <div class="tab-content customer-table" style="margin:0px">
102 <div class="tab-pane active" id="companyView"> 102 <div class="tab-pane active" id="companyView">
103 <table ng-table="displayVendorList" class="table table-striped table-condensed" show-filter="true"> 103 <table ng-table="displayVendorList" class="table table-striped table-condensed" show-filter="true">
104 <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewFuelVendor({id : row.id})"> 104 <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewFuelVendor({id : row.id})">
105 <td data-title="'Vendor Name'" filter="{vendorName: 'text'}" sortable="'vendorName'"> 105 <td data-title="'Vendor Name'" filter="{vendorName: 'text'}" sortable="'vendorName'">
106 {{row.vendorName}} 106 {{row.vendorName}}
107 </td> 107 </td>
108 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'"> 108 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'">
109 {{row.newContactNumber}} 109 {{row.newContactNumber}}
110 </td> 110 </td>
111 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'"> 111 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'">
112 {{row.primaryContactName}} 112 {{row.primaryContactName}}
113 </td> 113 </td>
114 114
115 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'"> 115 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'">
116 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 116 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
117 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 117 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
118 </td> 118 </td>
119 <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'"> 119 <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'">
120 Vendor 120 Vendor
121 </td> 121 </td>
122 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 122 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
123 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 123 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
124 </td> 124 </td>
125 <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'"> 125 <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'">
126 {{row.allIn}} 126 {{row.allIn}}
127 </td> 127 </td>
128 </tr> 128 </tr>
129 </table> 129 </table>
130 130
131 <button type="button" class="btn btn-warning exportBtn">Export Customers</button> 131 <button type="button" class="btn btn-warning exportBtn">Export Customers</button>
132 132
133 <!-- <table class="table table-striped"> 133 <!-- <table class="table table-striped">
134 <thead> 134 <thead>
135 <tr> 135 <tr>
136 <th> 136 <th>
137 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 137 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
138 <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label> 138 <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label>
139 </th> 139 </th>
140 140
141 <th> 141 <th>
142 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 142 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
143 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 143 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
144 </th> 144 </th>
145 <th> 145 <th>
146 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 146 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
147 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label> 147 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
148 </th> 148 </th>
149 149
150 <th> 150 <th>
151 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 151 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
152 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label> 152 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
153 <th> 153 <th>
154 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 154 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
155 <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label> 155 <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label>
156 </th> 156 </th>
157 <th> 157 <th>
158 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 158 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
159 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label> 159 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
160 </th> 160 </th>
161 <th> 161 <th>
162 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 162 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
163 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label> 163 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
164 </th> 164 </th>
165 </tr> 165 </tr>
166 </thead> 166 </thead>
167 <tbody> 167 <tbody>
168 <tr ng-repeat="vendor in vendorList"> 168 <tr ng-repeat="vendor in vendorList">
169 <td class="font-company"> 169 <td class="font-company">
170 <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a> 170 <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a>
171 </td> 171 </td>
172 <td class="font-company">{{vendor.phone}}</td> 172 <td class="font-company">{{vendor.phone}}</td>
173 <td class="font-company">{{vendor.contact}}</td> 173 <td class="font-company">{{vendor.contact}}</td>
174 <td class="font-company"> 174 <td class="font-company">
175 <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button> 175 <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button>
176 <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button> 176 <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button>
177 </td> 177 </td>
178 <td class="font-company">{{vendor.source}}</td> 178 <td class="font-company">{{vendor.source}}</td>
179 <td class="font-company"> 179 <td class="font-company">
180 <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select> 180 <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
181 181
182 <select class="form-control" style="height:31px;"> 182 <select class="form-control" style="height:31px;">
183 <option>Margin1</option> 183 <option>Margin1</option>
184 <option>Margin2</option> 184 <option>Margin2</option>
185 </select> 185 </select>
186 </td> 186 </td>
187 <td class="font-company">{{vendor.allIn}}</td> 187 <td class="font-company">{{vendor.allIn}}</td>
188 </tr> 188 </tr>
189 </tbody> 189 </tbody>
190 </table> --> 190 </table> -->
191 </div> 191 </div>
192 </div> 192 </div>
193 </div> 193 </div>
194 </div> 194 </div>
195 <!-- /widget-content --> 195 <!-- /widget-content -->
196 </div> 196 </div>
197 <!-- /widget --> 197 <!-- /widget -->
198 </div> 198 </div>
199 <!-- /span8 --> 199 <!-- /span8 -->
200 </div> 200 </div>
201 <!-- /row --> 201 <!-- /row -->
202 </div> 202 </div>
203 <!-- /container --> 203 <!-- /container -->
204 </div> 204 </div>
205 <!-- /main --> 205 <!-- /main -->
206 206
207 <form class="modal multi-step" id="vendor-modal-3" name="vendorForm"> 207 <form class="modal multi-step" id="vendor-modal-3" name="vendorForm">
208 <div class="modal-dialog modal-lg"> 208 <div class="modal-dialog modal-lg">
209 <div class="modal-content"> 209 <div class="modal-content">
210 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 210 <div class="modal-body step-1" data-step="1" style="padding: 0;">
211 <div> 211 <div>
212 <div class="row" style="margin: 0;"> 212 <div class="row" style="margin: 0;">
213 <div> 213 <div>
214 <div class="widget" style="margin-bottom: 0;"> 214 <div class="widget" style="margin-bottom: 0;">
215 <div class="widget-header"> 215 <div class="widget-header">
216 <i class="icon-pencil"></i> 216 <i class="icon-pencil"></i>
217 <i class="fa fa-tasks" aria-hidden="true"></i> 217 <i class="fa fa-tasks" aria-hidden="true"></i>
218 <h3>Add a New Vendor</h3> 218 <h3>Add a New Vendor</h3>
219 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 219 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
220 <div style="color: #ff9a01;">Activate &nbsp &nbsp 220 <div style="color: #ff9a01;">Activate &nbsp &nbsp
221 <toggle ng-model="data.activate" size="customToogle"></toggle> 221 <toggle ng-model="data.activate" size="customToogle"></toggle>
222 </div> 222 </div>
223 </div> 223 </div>
224 <div class="clearfix"></div> 224 <div class="clearfix"></div>
225 </div> 225 </div>
226 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 226 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
227 <div class="col-xs-12"> 227 <div class="col-xs-12">
228 <div class="col-md-8"> 228 <div class="col-md-8">
229 <div class="pull-left"> 229 <div class="pull-left">
230 <label class="new-input-label"><b>Vendor Name</b></label> 230 <label class="new-input-label"><b>Vendor Name</b></label>
231 </div> 231 </div>
232 <div class="pull-left" style="margin-left: 15px;"> 232 <div class="pull-left" style="margin-left: 15px;">
233 <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> 233 <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
234 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 234 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
235 </div> 235 </div>
236 <div class="clearfix"></div> 236 <div class="clearfix"></div>
237 </div> 237 </div>
238 <div class="col-md-4"> 238 <div class="col-md-4">
239 </div> 239 </div>
240 </div> 240 </div>
241 <div class="clearfix"></div><br> 241 <div class="clearfix"></div><br>
242 <br/> 242 <br/>
243 <div class="col-xs-12"> 243 <div class="col-xs-12">
244 <div class="col-md-6"> 244 <div class="col-md-6">
245 <div class="pull-left" style="width: 110px;"> 245 <div class="pull-left" style="width: 110px;">
246 <b>JET A Margin</b> 246 <b>JET A Margin</b>
247 </div> 247 </div>
248 <div class="pull-left"> 248 <div class="pull-left">
249 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 249 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
250 <option value="" disabled>Select...</option> 250 <option value="" disabled>Select...</option>
251 </select> 251 </select>
252 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 252 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
253 </div> 253 </div>
254 <div class="clearfix"></div> 254 <div class="clearfix"></div>
255 </div> 255 </div>
256 256
257 <div class="col-md-3 Airport" style="text-align: right;"> 257 <div class="col-md-3 Airport" style="text-align: right;">
258 <b>AVGAS 100LL Margin</b> 258 <b>AVGAS 100LL Margin</b>
259 </div> 259 </div>
260 <div class="col-md-3 Airport"> 260 <div class="col-md-3 Airport">
261 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 261 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
262 <option value="" disabled>Select...</option> 262 <option value="" disabled>Select...</option>
263 </select> 263 </select>
264 </div> 264 </div>
265 <div class="clearfix"></div> 265 <div class="clearfix"></div>
266 </div> 266 </div>
267 <div class="clearfix"></div> 267 <div class="clearfix"></div>
268 <br/> 268 <br/>
269 <div class="col-xs-12"> 269 <div class="col-xs-12">
270 <div class="col-md-12"> 270 <div class="col-md-12">
271 <div class="pull-left" style="width: 110px;"> 271 <div class="pull-left" style="width: 110px;">
272 <label class="new-input-label"><b>Address</b></label> 272 <label class="new-input-label"><b>Address</b></label>
273 </div> 273 </div>
274 <div class="pull-left" style="width: calc(100% - 110px);"> 274 <div class="pull-left" style="width: calc(100% - 110px);">
275 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder=""> 275 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder="">
276 </div> 276 </div>
277 <div class="clearfix"></div> 277 <div class="clearfix"></div>
278 </div> 278 </div>
279 </div> 279 </div>
280 <div class="clearfix"></div> 280 <div class="clearfix"></div>
281 <br/> 281 <br/>
282 <div class="col-xs-12"> 282 <div class="col-xs-12">
283 <div class="col-md-12"> 283 <div class="col-md-12">
284 <div class="pull-left" style="width: 110px;"> 284 <div class="pull-left" style="width: 110px;">
285 <label class="new-input-label"><b>Address2</b></label> 285 <label class="new-input-label"><b>Address2</b></label>
286 </div> 286 </div>
287 <div class="pull-left" style="width: calc(100% - 110px);"> 287 <div class="pull-left" style="width: calc(100% - 110px);">
288 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder=""> 288 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder="">
289 </div> 289 </div>
290 <div class="clearfix"></div> 290 <div class="clearfix"></div>
291 </div> 291 </div>
292 </div> 292 </div>
293 <div class="clearfix"></div> 293 <div class="clearfix"></div>
294 <br/> 294 <br/>
295 <div class="col-xs-12"> 295 <div class="col-xs-12">
296 296
297 <div class="col-md-6"> 297 <div class="col-md-6">
298 <div class="pull-left" style="width: 110px;"> 298 <div class="pull-left" style="width: 110px;">
299 <label class="new-input-label"><b>City</b></label> 299 <label class="new-input-label"><b>City</b></label>
300 </div> 300 </div>
301 <div class="pull-left" style="width: calc(100% - 110px);"> 301 <div class="pull-left" style="width: calc(100% - 110px);">
302 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder=""> 302 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder="">
303 </div> 303 </div>
304 <div class="clearfix"></div> 304 <div class="clearfix"></div>
305 </div> 305 </div>
306 <div class="col-md-3"> 306 <div class="col-md-3">
307 <div class="pull-left" style="width: 40px;"> 307 <div class="pull-left" style="width: 40px;">
308 <label class="new-input-label"><b>State</b></label> 308 <label class="new-input-label"><b>State</b></label>
309 </div> 309 </div>
310 <div class="pull-left" style="width: calc(100% - 110px);"> 310 <div class="pull-left" style="width: calc(100% - 110px);">
311 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder=""> 311 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder="">
312 </div> 312 </div>
313 <div class="clearfix"></div> 313 <div class="clearfix"></div>
314 </div> 314 </div>
315 <div class="col-md-3"> 315 <div class="col-md-3">
316 <div class="pull-left"> 316 <div class="pull-left">
317 <label class="new-input-label"><b>Zip Code</b></label> 317 <label class="new-input-label"><b>Zip Code</b></label>
318 </div> 318 </div>
319 <div class="pull-right" style="width: calc(100% - 60px);"> 319 <div class="pull-right" style="width: calc(100% - 60px);">
320 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder=""> 320 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder="">
321 </div> 321 </div>
322 <div class="clearfix"></div> 322 <div class="clearfix"></div>
323 </div> 323 </div>
324 </div> 324 </div>
325 <div class="clearfix"></div> 325 <div class="clearfix"></div>
326 <br/> 326 <br/>
327 <div class="col-xs-12"> 327 <div class="col-xs-12">
328 328
329 <div class="col-md-6"> 329 <div class="col-md-6">
330 <div class="pull-left" style="width: 110px;"> 330 <div class="pull-left" style="width: 110px;">
331 <label class="new-input-label"><b>Country</b></label> 331 <label class="new-input-label"><b>Country</b></label>
332 </div> 332 </div>
333 <div class="pull-left" style="width: calc(100% - 110px);"> 333 <div class="pull-left" style="width: calc(100% - 110px);">
334 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder=""> 334 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder="">
335 </div> 335 </div>
336 <div class="clearfix"></div> 336 <div class="clearfix"></div>
337 </div> 337 </div>
338 <div class="col-md-6"> 338 <div class="col-md-6">
339 <div class="pull-left" style="width: 110px;"> 339 <div class="pull-left" style="width: 110px;">
340 <label class="new-input-label"><b>Internal Note</b></label> 340 <label class="new-input-label"><b>Internal Note</b></label>
341 </div> 341 </div>
342 <div class="pull-left" style="width: calc(100% - 110px);"> 342 <div class="pull-left" style="width: calc(100% - 110px);">
343 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 343 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
344 </div> 344 </div>
345 <div class="clearfix"></div> 345 <div class="clearfix"></div>
346 </div> 346 </div>
347 </div> 347 </div>
348 <div class="clearfix"></div> 348 <div class="clearfix"></div>
349 </div> 349 </div>
350 </div> 350 </div>
351 <div class="clearfix"></div> 351 <div class="clearfix"></div>
352 </div> 352 </div>
353 </div> 353 </div>
354 </div> 354 </div>
355 </div> 355 </div>
356 <div class="modal-footer" style="border-top: 0;"> 356 <div class="modal-footer" style="border-top: 0;">
357 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> 357 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
358 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button> 358 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button>
359 </div> 359 </div>
360 </div> 360 </div>
361 </div> 361 </div>
362 </form> 362 </form>
363 <div class="myLoader" ng-show="showLoader"> 363 <div class="myLoader" ng-show="showLoader">
364 <img src="../img/hourglass.gif" width="50px;"> 364 <img src="../img/hourglass.gif" width="50px;">
365 </div> 365 </div>
366 <script src="js/multi-step-modal.js"></script> 366 <script src="js/multi-step-modal.js"></script>
367 <script> 367 <script>
368 sendEvent = function(sel, step) { 368 sendEvent = function(sel, step) {
369 $(sel).trigger('next.m.' + step); 369 $(sel).trigger('next.m.' + step);
370 } 370 }
371 </script> 371 </script>
app/partials/customers/customers.html
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 5
6 .button1 { 6 .button1 {
7 display: inline-block; 7 display: inline-block;
8 height: 35px; 8 height: 35px;
9 line-height: 35px; 9 line-height: 35px;
10 padding-right: 15px; 10 padding-right: 15px;
11 padding-left: 50px; 11 padding-left: 50px;
12 position: relative; 12 position: relative;
13 background-color:rgb(41,127,184); 13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255); 14 color:rgb(255,255,255);
15 text-decoration: none; 15 text-decoration: none;
16 text-transform: uppercase; 16 text-transform: uppercase;
17 letter-spacing: 1px; 17 letter-spacing: 1px;
18 margin-bottom: 15px; 18 margin-bottom: 15px;
19 border: 0; 19 border: 0;
20 20
21 21
22 border-radius: 5px; 22 border-radius: 5px;
23 -moz-border-radius: 5px; 23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px; 24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28 28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 } 34 }
35 35
36 .button1 span { 36 .button1 span {
37 position: absolute; 37 position: absolute;
38 left: 0; 38 left: 0;
39 top: 0; 39 top: 0;
40 width: 35px; 40 width: 35px;
41 background-color:rgba(0,0,0,0.5); 41 background-color:rgba(0,0,0,0.5);
42 42
43 -webkit-border-top-left-radius: 5px; 43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px; 44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px; 45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px; 46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px; 47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px; 48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15); 49 border-right: 1px solid rgba(0,0,0,0.15);
50 } 50 }
51 51
52 .button1:hover span, .button1.active span { 52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26); 53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3); 54 border-right: 1px solid rgba(0,0,0,0.3);
55 } 55 }
56 56
57 .button1:active { 57 .button1:active {
58 margin-top: 2px; 58 margin-top: 2px;
59 margin-bottom: 13px; 59 margin-bottom: 13px;
60 60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 } 66 }
67 67
68 .button1.turquoise { 68 .button1.turquoise {
69 background: #449d44; 69 background: #449d44;
70 } 70 }
71 </style> 71 </style>
72 72
73 <div class="main"> 73 <div class="main">
74 <div class="container"> 74 <div class="container">
75 <div class="row"> 75 <div class="row">
76 <div class="col-md-12"> 76 <div class="col-md-12">
77 <div class="widget stacked "> 77 <div class="widget stacked ">
78 <div class="widget-content"> 78 <div class="widget-content">
79 <div class="tabbable"> 79 <div class="tabbable">
80 <ul class="nav nav-tabs"> 80 <ul class="nav nav-tabs">
81 <li class="active"> 81 <li class="active">
82 <a ui-sref="app.customers">Company View 82 <a ui-sref="app.customers">Company View
83 <i class="fa fa-caret-down" aria-hidden="true"></i> 83 <i class="fa fa-caret-down" aria-hidden="true"></i>
84 </a> 84 </a>
85 </li> 85 </li>
86 <li> 86 <li>
87 <a ui-sref="app.ContactView">Contact View 87 <a ui-sref="app.ContactView">Contact View
88 <i class="fa fa-caret-down" aria-hidden="true"></i> 88 <i class="fa fa-caret-down" aria-hidden="true"></i>
89 </a> 89 </a>
90 </li> 90 </li>
91 <li> 91 <li>
92 <a ui-sref="app.FuelVendors">Fuel Vendors 92 <a ui-sref="app.FuelVendors">Fuel Vendors
93 <i class="fa fa-caret-down" aria-hidden="true"></i> 93 <i class="fa fa-caret-down" aria-hidden="true"></i>
94 </a> 94 </a>
95 </li> 95 </li>
96 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li> 96 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li>
97 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> 97 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li>
98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li> 98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li>
99 </ul> 99 </ul>
100 <br> 100 <br>
101 <div class="tab-content customer-table" style="margin:0px"> 101 <div class="tab-content customer-table" style="margin:0px">
102 <div class="tab-pane active" id="companyView"> 102 <div class="tab-pane active" id="companyView">
103 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true"> 103 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true">
104 <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewCompany({id : row.id})"> 104 <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewCompany({id : row.id})">
105 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'"> 105 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'">
106 {{row.companyName}} 106 {{row.companyName}}
107 </td> 107 </td>
108 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'"> 108 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'">
109 {{row.companyAircraftSize}} 109 {{row.companyAircraftSize}}
110 </td> 110 </td>
111 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'"> 111 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'">
112 {{row.newContactNumber}} 112 {{row.newContactNumber}}
113 </td> 113 </td>
114 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'"> 114 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'">
115 {{row.primaryContactName}} 115 {{row.primaryContactName}}
116 </td> 116 </td>
117 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'"> 117 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'">
118 {{row.baseIcao}} 118 {{row.baseIcao}}
119 </td> 119 </td>
120 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'"> 120 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'">
121 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 121 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
122 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 122 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
123 </td> 123 </td>
124 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 124 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
125 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 125 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
126 </td> 126 </td>
127 <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'"> 127 <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'">
128 {{row.allIn}} 128 {{row.allIn}}
129 </td> 129 </td>
130 <td data-title="''"> 130 <td data-title="''">
131 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 131 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
132 </td> 132 </td>
133 </tr> 133 </tr>
134 </table> 134 </table>
135 135
136 <button type="button" class="btn btn-warning exportBtn">Export Customers</button>
137
136 <button type="button" class="btn btn-warning exportBtn">Export Customers</button> 138 <!--
137 139 <table class="table table-striped">
138 <!-- 140 <thead>
139 <table class="table table-striped"> 141 <tr>
140 <thead> 142 <th>
141 <tr> 143 <input type="text" class="form-control" name="name" id="name">
142 <th> 144 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
143 <input type="text" class="form-control" name="name" id="name"> 145 </th>
144 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> 146 <th>
145 </th> 147 <input type="text" class="form-control" name="name" id="name">
146 <th> 148 <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label>
147 <input type="text" class="form-control" name="name" id="name"> 149 </th>
148 <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label> 150 <th>
149 </th> 151 <input type="text" class="form-control" name="name" id="name">
150 <th> 152 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
151 <input type="text" class="form-control" name="name" id="name"> 153 </th>
152 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 154 <th>
153 </th> 155 <input type="text" class="form-control" name="name" id="name">
154 <th> 156 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
155 <input type="text" class="form-control" name="name" id="name"> 157 </th>
156 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label> 158 <th>
157 </th> 159 <input type="text" class="form-control" name="name" id="name">
158 <th> 160 <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label>
159 <input type="text" class="form-control" name="name" id="name"> 161 </th>
160 <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label> 162 <th>
161 </th> 163 <select class="form-control">
162 <th> 164 <option value="showAll" selected>Show All</option>
163 <select class="form-control"> 165 </select>
164 <option value="showAll" selected>Show All</option> 166 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
165 </select> 167 </th>
166 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label> 168 <th>
167 </th> 169 <select class="form-control">
168 <th> 170 <option value="showAll" selected>Show All</option>
169 <select class="form-control"> 171 </select>
170 <option value="showAll" selected>Show All</option> 172 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
171 </select> 173 </th>
172 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label> 174 <th>
173 </th> 175 <input type="text" class="form-control" name="name" id="name">
174 <th> 176 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
175 <input type="text" class="form-control" name="name" id="name"> 177 </th>
176 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label> 178 <th> &nbsp; </th>
177 </th> 179 </thead>
178 <th> &nbsp; </th> 180 <tbody>
179 </thead> 181 <tr ng-repeat="customer in companyList" style="cursor: pointer;" ui-sref="app.viewCompany({id : customer.id})">
180 <tbody> 182 <td class="font-company">
181 <tr ng-repeat="customer in companyList" style="cursor: pointer;" ui-sref="app.viewCompany({id : customer.id})"> 183 {{customer.companyName}}
182 <td class="font-company"> 184 </td>
183 {{customer.companyName}} 185 <td class="font-company">{{customer.companyAircraftSize}}</td>
184 </td> 186 <td class="font-company">{{customer.companyCustomContacts[0].contactNumber}}</td>
185 <td class="font-company">{{customer.companyAircraftSize}}</td> 187 <td class="font-company">{{customer.companyPrimaryContacts[0].firstName}} {{customer.companyPrimaryContacts[0].lastName}}</td>
186 <td class="font-company">{{customer.companyCustomContacts[0].contactNumber}}</td> 188 <td class="font-company">{{customer.baseIcao}}</td>
187 <td class="font-company">{{customer.companyPrimaryContacts[0].firstName}} {{customer.companyPrimaryContacts[0].lastName}}</td> 189 <td class="font-company">
188 <td class="font-company">{{customer.baseIcao}}</td> 190 <button type="button" ng-if="customer.activate == true" class="btn btn-success btn-xs">Active</button>
189 <td class="font-company"> 191 <button type="button" ng-if="customer.activate == false" class="btn btn-warning btn-xs">InActive</button>
190 <button type="button" ng-if="customer.activate == true" class="btn btn-success btn-xs">Active</button> 192 </td>
191 <button type="button" ng-if="customer.activate == false" class="btn btn-warning btn-xs">InActive</button> 193 <td class="font-company">
192 </td> 194 <select class="form-control" ng-click="editMargin(customer)" style="height:31px;" ng-model="customer.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
193 <td class="font-company"> 195 </td>
194 <select class="form-control" ng-click="editMargin(customer)" style="height:31px;" ng-model="customer.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select> 196 <td class="font-company">{{customer.allIn}}</td>
195 </td> 197 <td>
196 <td class="font-company">{{customer.allIn}}</td> 198 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
197 <td> 199 </td>
198 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 200 </tr>
199 </td> 201 </tbody>
200 </tr> 202 </table>
201 </tbody> 203 <div class="row" style="margin-left: 0px;">
202 </table> 204 <div class="col-md-2">
203 <div class="row" style="margin-left: 0px;"> 205 <button type="button" class="btn btn-warning">Export Customers</button>
204 <div class="col-md-2"> 206 </div>
205 <button type="button" class="btn btn-warning">Export Customers</button> 207 <div class="col-md-10">
206 </div> 208 <div class="row" style="margin-left: 0px;">
207 <div class="col-md-10"> 209 <div class="col-md-6">
208 <div class="row" style="margin-left: 0px;"> 210 </div>
209 <div class="col-md-6"> 211 <div class="col-md-2">
210 </div> 212 <select class="form-control">
211 <div class="col-md-2"> 213 <option>20 Records Per Page</option>
212 <select class="form-control"> 214 <option>50 Records Per Page</option>
213 <option>20 Records Per Page</option> 215 <option>100 Records Per Page</option>
214 <option>50 Records Per Page</option> 216 </select>
215 <option>100 Records Per Page</option> 217 </div>
216 </select> 218 <div class="col-md-4">
217 </div> 219 <ul class="pagination" style="margin:0px">
218 <div class="col-md-4"> 220 <li><a href="javascript:;">«</a></li>
219 <ul class="pagination" style="margin:0px"> 221 <li class="active"><a href="#">1</a></li>
220 <li><a href="javascript:;">«</a></li> 222 <li><a href="javascript:;">2</a></li>
221 <li class="active"><a href="#">1</a></li> 223 <li><a href="javascript:;">3</a></li>
222 <li><a href="javascript:;">2</a></li> 224 <li><a href="javascript:;">4</a></li>
223 <li><a href="javascript:;">3</a></li> 225 <li><a href="javascript:;">5</a></li>
224 <li><a href="javascript:;">4</a></li> 226 <li><a href="javascript:;">»</a></li>
225 <li><a href="javascript:;">5</a></li> 227 </ul>
226 <li><a href="javascript:;">»</a></li> 228 </div>
227 </ul> 229 </div>
228 </div> 230 </div>
229 </div> 231 </div>
230 </div> 232 --></div>
231 </div> 233 </div>
232 --></div> 234 </div>
233 </div> 235 </div>
234 </div> 236 <!-- /widget-content -->
235 </div> 237 </div>
236 <!-- /widget-content --> 238 <!-- /widget -->
237 </div> 239 </div>
238 <!-- /widget --> 240 <!-- /span8 -->
239 </div> 241 </div>
240 <!-- /span8 --> 242 <!-- /row -->
241 </div> 243 </div>
242 <!-- /row --> 244 <!-- /container -->
243 </div> 245 </div>
244 <!-- /container --> 246 <!-- /main -->
245 </div> 247 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
246 <!-- /main --> 248 <div class="modal-dialog modal-lg">
247 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 249 <div class="modal-content">
248 <div class="modal-dialog modal-lg"> 250 <div class="modal-body step-1" data-step="1" style="padding: 0;">
249 <div class="modal-content"> 251 <div>
250 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 252 <div class="row" style="margin: 0;">
251 <div> 253 <div>
252 <div class="row" style="margin: 0;"> 254 <div class="widget" style="margin-bottom: 0;">
253 <div> 255 <div class="widget-header">
254 <div class="widget" style="margin-bottom: 0;"> 256 <i class="icon-pencil"></i>
255 <div class="widget-header"> 257 <i class="fa fa-tasks" aria-hidden="true"></i>
256 <i class="icon-pencil"></i> 258 <h3>Add a New Company</h3>
257 <i class="fa fa-tasks" aria-hidden="true"></i> 259 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
258 <h3>Add a New Company</h3> 260 <div style="color: #ff9a01;">Activate &nbsp &nbsp
259 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 261 <toggle ng-model="data.activate" size="customToogle"></toggle>
260 <div style="color: #ff9a01;">Activate &nbsp &nbsp 262 </div>
261 <toggle ng-model="data.activate" size="customToogle"></toggle> 263 </div>
262 </div> 264 <div class="clearfix"></div>
263 </div> 265 </div>
264 <div class="clearfix"></div> 266 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
265 </div> 267 <div class="col-xs-12">
266 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 268 <div class="col-md-8">
267 <div class="col-xs-12"> 269 <div class="pull-left">
268 <div class="col-md-8"> 270 <label class="new-input-label"><b>Company Name *</b></label>
269 <div class="pull-left"> 271 </div>
270 <label class="new-input-label"><b>Company Name *</b></label> 272 <div class="pull-left" style="margin-left: 15px;">
271 </div> 273 <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
272 <div class="pull-left" style="margin-left: 15px;"> 274 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
273 <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> 275 </div>
274 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 276 <div class="clearfix"></div>
275 </div> 277 </div>
276 <div class="clearfix"></div> 278 <div class="col-md-4">
277 </div> 279
278 <div class="col-md-4"> 280 <div class="pull-right">
279 281 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
280 <div class="pull-right"> 282 </div>
281 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 283 <div class="pull-right">
282 </div> 284 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
283 <div class="pull-right"> 285 </div>
284 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 286 <div class="clearfix"></div>
285 </div> 287 </div>
286 <div class="clearfix"></div> 288 </div>
287 </div> 289 <div class="clearfix"></div><br>
288 </div> 290 <div class="col-xs-12">
289 <div class="clearfix"></div><br> 291 <div class="col-md-7">
290 <div class="col-xs-12"> 292 <div class="pull-left">
291 <div class="col-md-7"> 293 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
292 <div class="pull-left"> 294 </div>
293 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 295 <div class="pull-left" style="margin-left: 32px;">
294 </div> 296 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
295 <div class="pull-left" style="margin-left: 32px;"> 297 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
296 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 298 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
297 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 299 </div>
298 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 300 <div class="clearfix"></div>
299 </div> 301 </div>
300 <div class="clearfix"></div> 302 <div class="col-md-2 Airport" style="text-align: right;">
301 </div> 303 <b>Certificate Type</b>
302 <div class="col-md-2 Airport" style="text-align: right;"> 304 </div>
303 <b>Certificate Type</b> 305 <div class="col-md-3 Airport">
304 </div> 306 <select required class="form-control" ng-model="data.certificateType">
305 <div class="col-md-3 Airport"> 307 <option value="" disabled selected hidden>Select...</option>
306 <select required class="form-control" ng-model="data.certificateType"> 308 <option value="corporate">Part 91 (Corporate)</option>
307 <option value="" disabled selected hidden>Select...</option> 309 <option value="charter">Part 135 (Charter)</option>
308 <option value="corporate">Part 91 (Corporate)</option> 310 <option value="scheduled">Part 121 (Scheduled)</option>
309 <option value="charter">Part 135 (Charter)</option> 311 <option value="military">Military</option>
310 <option value="scheduled">Part 121 (Scheduled)</option> 312 <option value="government">Government</option>
311 <option value="military">Military</option> 313 </select>
312 <option value="government">Government</option> 314 </div>
313 </select> 315 <div class="clearfix"></div>
314 </div> 316 </div>
315 <div class="clearfix"></div> 317 <div class="clearfix"></div>
316 </div> 318 <br/>
317 <div class="clearfix"></div> 319 <div class="col-xs-12">
318 <br/> 320 <div class="col-md-6">
319 <div class="col-xs-12"> 321 <div class="pull-left" style="width: 110px;">
320 <div class="col-md-6"> 322 <b>JET A Margin *</b>
321 <div class="pull-left" style="width: 110px;"> 323 </div>
322 <b>JET A Margin *</b> 324 <div class="pull-left">
323 </div> 325 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
324 <div class="pull-left"> 326 <option value="" disabled>Select...</option>
325 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 327 </select>
326 <option value="" disabled>Select...</option> 328 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
327 </select> 329
328 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 330 <div class="clearfix"></div>
329 331 </div>
330 <div class="clearfix"></div> 332 </div>
331 </div> 333
332 </div> 334 <div class="col-md-3 Airport" style="text-align: right;">
333 335 <b>AVGAS 100LL Margin</b>
334 <div class="col-md-3 Airport" style="text-align: right;"> 336 </div>
335 <b>AVGAS 100LL Margin</b> 337 <div class="col-md-3 Airport">
336 </div> 338 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
337 <div class="col-md-3 Airport"> 339 <option value="" disabled>Select...</option>
338 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 340 </select>
339 <option value="" disabled>Select...</option> 341 </div>
340 </select> 342 <div class="clearfix"></div>
341 </div> 343 </div>
342 <div class="clearfix"></div> 344 <div class="clearfix"></div>
343 </div> 345 <br/>
344 <div class="clearfix"></div> 346 <div class="col-xs-12">
345 <br/> 347 <div class="col-md-12">
346 <div class="col-xs-12"> 348 <div class="pull-left" style="width: 110px;">
347 <div class="col-md-12"> 349 <label class="new-input-label"><b>Address</b></label>
348 <div class="pull-left" style="width: 110px;"> 350 </div>
349 <label class="new-input-label"><b>Address</b></label> 351 <div class="pull-left" style="width: calc(100% - 110px);">
350 </div> 352 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
351 <div class="pull-left" style="width: calc(100% - 110px);"> 353 </div>
352 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 354 <div class="clearfix"></div>
353 </div> 355 </div>
354 <div class="clearfix"></div> 356 </div>
355 </div> 357 <div class="clearfix"></div>
356 </div> 358 <br/>
357 <div class="clearfix"></div> 359 <div class="col-xs-12">
358 <br/> 360 <div class="col-md-12">
359 <div class="col-xs-12"> 361 <div class="pull-left" style="width: 110px;">
360 <div class="col-md-12"> 362 <label class="new-input-label"><b>Address2</b></label>
361 <div class="pull-left" style="width: 110px;"> 363 </div>
362 <label class="new-input-label"><b>Address2</b></label> 364 <div class="pull-left" style="width: calc(100% - 110px);">
363 </div> 365 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
364 <div class="pull-left" style="width: calc(100% - 110px);"> 366 </div>
365 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 367 <div class="clearfix"></div>
366 </div> 368 </div>
367 <div class="clearfix"></div> 369 </div>
368 </div> 370 <div class="clearfix"></div>
369 </div> 371 <br/>
370 <div class="clearfix"></div> 372 <div class="col-xs-12">
371 <br/> 373
372 <div class="col-xs-12"> 374 <div class="col-md-6">
373 375 <div class="pull-left" style="width: 110px;">
374 <div class="col-md-6"> 376 <label class="new-input-label"><b>City</b></label>
375 <div class="pull-left" style="width: 110px;"> 377 </div>
376 <label class="new-input-label"><b>City</b></label> 378 <div class="pull-left" style="width: calc(100% - 110px);">
377 </div> 379 <input type="text" ng-model="data.city" class="form-control" placeholder="">
378 <div class="pull-left" style="width: calc(100% - 110px);"> 380 </div>
379 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 381 <div class="clearfix"></div>
380 </div> 382 </div>
381 <div class="clearfix"></div> 383 <div class="col-md-3">
382 </div> 384 <div class="pull-left" style="width: 40px;">
383 <div class="col-md-3"> 385 <label class="new-input-label"><b>State</b></label>
384 <div class="pull-left" style="width: 40px;"> 386 </div>
385 <label class="new-input-label"><b>State</b></label> 387 <div class="pull-left" style="width: calc(100% - 110px);">
386 </div> 388 <input type="text" ng-model="data.state" class="form-control" placeholder="">
387 <div class="pull-left" style="width: calc(100% - 110px);"> 389 </div>
388 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 390 <div class="clearfix"></div>
389 </div> 391 </div>
390 <div class="clearfix"></div> 392 <div class="col-md-3">
391 </div> 393 <div class="pull-left">
392 <div class="col-md-3"> 394 <label class="new-input-label"><b>Zip Code</b></label>
393 <div class="pull-left"> 395 </div>
394 <label class="new-input-label"><b>Zip Code</b></label> 396 <div class="pull-right" style="width: calc(100% - 60px);">
395 </div> 397 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
396 <div class="pull-right" style="width: calc(100% - 60px);"> 398 </div>
397 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 399 <div class="clearfix"></div>
398 </div> 400 </div>
399 <div class="clearfix"></div> 401 </div>
400 </div> 402 <div class="clearfix"></div>
401 </div> 403 <br/>
402 <div class="clearfix"></div> 404 <div class="col-xs-12">
403 <br/> 405
404 <div class="col-xs-12"> 406 <div class="col-md-6">
405 407 <div class="pull-left" style="width: 110px;">
406 <div class="col-md-6"> 408 <label class="new-input-label"><b>Country</b></label>
407 <div class="pull-left" style="width: 110px;"> 409 </div>
408 <label class="new-input-label"><b>Country</b></label> 410 <div class="pull-left" style="width: calc(100% - 110px);">
409 </div> 411 <input type="text" ng-model="data.country" class="form-control" placeholder="">
410 <div class="pull-left" style="width: calc(100% - 110px);"> 412 </div>
411 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 413 <div class="clearfix"></div>
412 </div> 414 </div>
413 <div class="clearfix"></div> 415 <div class="col-md-6">
414 </div> 416 <div class="pull-left" style="width: 110px;">
415 <div class="col-md-6"> 417 <label class="new-input-label"><b>Internal Note</b></label>
416 <div class="pull-left" style="width: 110px;"> 418 </div>
417 <label class="new-input-label"><b>Internal Note</b></label> 419 <div class="pull-left" style="width: calc(100% - 110px);">
418 </div> 420 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
419 <div class="pull-left" style="width: calc(100% - 110px);"> 421 </div>
420 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 422 <div class="clearfix"></div>
421 </div> 423 </div>
422 <div class="clearfix"></div> 424 </div>
423 </div> 425 <div class="clearfix"></div>
424 </div> 426 <!-- <br/>
425 <div class="clearfix"></div> 427 <div class="col-xs-12">
426 <!-- <br/> 428 <div class="col-md-2 Airport"></div>
427 <div class="col-xs-12"> 429 <div class="col-md-10 Airport">
428 <div class="col-md-2 Airport"></div> 430 <div class="pull-right">
429 <div class="col-md-10 Airport"> 431 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
430 <div class="pull-right"> 432 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
431 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 433 </div>
432 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 434 </div>
433 </div> 435 </div> -->
434 </div> 436 </div>
435 </div> --> 437 </div>
436 </div> 438 <div class="clearfix"></div>
437 </div> 439 </div>
438 <div class="clearfix"></div> 440 </div>
439 </div> 441 </div>
440 </div> 442 </div>
441 </div> 443 <div class="modal-body step-2" data-step="2" style="padding: 0;">
442 </div> 444 <div>
443 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 445 <div class="row" style="margin: 0;">
444 <div> 446 <div>
445 <div class="row" style="margin: 0;"> 447 <div class="widget" style="margin-bottom: 0;">
446 <div> 448 <div class="widget-header">
447 <div class="widget" style="margin-bottom: 0;"> 449 <i class="icon-pencil"></i>
448 <div class="widget-header"> 450 <i class="fa fa-tasks" aria-hidden="true"></i>
449 <i class="icon-pencil"></i> 451 <h3>Add a New Company</h3>
450 <i class="fa fa-tasks" aria-hidden="true"></i> 452 <div class="clearfix"></div>
451 <h3>Add a New Company</h3> 453 </div>
452 <div class="clearfix"></div> 454 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
453 </div> 455 <div class="col-xs-12">
454 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 456 <div class="widget-header">
455 <div class="col-xs-12"> 457 <i class="fa fa-list"></i>
456 <div class="widget-header"> 458 <h3>Aircraft List</h3>
457 <i class="fa fa-list"></i> 459 </div>
458 <h3>Aircraft List</h3> 460 <div class="widget-content" style="padding:0px;border: 0px; ">
459 </div> 461 <div class="table-responsive">
460 <div class="widget-content" style="padding:0px;border: 0px; "> 462 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
461 <div class="table-responsive"> 463 <thead>
462 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 464 <tr>
463 <thead> 465 <th>Tail</th>
464 <tr> 466 <th>Make</th>
465 <th>Tail</th> 467 <th>Model</th>
466 <th>Make</th> 468 <th>Size</th>
467 <th>Model</th> 469 <th>Margin</th>
468 <th>Size</th> 470 </tr>
469 <th>Margin</th> 471 </thead>
470 </tr> 472 <tbody>
471 </thead> 473 <tr>
472 <tbody> 474 <td>
473 <tr> 475 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
474 <td> 476 </td>
475 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 477 <td style="width: 25%;">
476 </td> 478 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
477 <td style="width: 25%;"> 479 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
478 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 480 </select>
479 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 481 </td>
480 </select> 482 <td style="width: 20%;">
481 </td> 483 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
482 <td style="width: 20%;"> 484 <option ng-repeat="model in aircraftModalList">{{model}}</option>
483 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 485 </select>
484 <option ng-repeat="model in aircraftModalList">{{model}}</option> 486 </td>
485 </select> 487 <td style="width: 25%;">
486 </td> 488 <select class="form-control" ng-model="aircraft.size">
487 <td style="width: 25%;"> 489 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
488 <select class="form-control" ng-model="aircraft.size"> 490 </select>
489 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 491 </td>
490 </select> 492 <td>
491 </td> 493 <select class="form-control">
492 <td> 494 <option>Margin1</option>
493 <select class="form-control"> 495 <option>Margin2</option>
494 <option>Margin1</option> 496 </select>
495 <option>Margin2</option> 497 </td>
496 </select> 498 </tr>
497 </td> 499 </tbody>
498 </tr> 500
499 </tbody> 501 </table> -->
500 502 <table class="table table-striped table-bordered">
501 </table> --> 503 <thead>
502 <table class="table table-striped table-bordered"> 504 <tr>
503 <thead> 505 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
504 <tr> 506 <th>Tail</th>
505 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 507 <th>Make</th>
506 <th>Tail</th> 508 <th>Model</th>
507 <th>Make</th> 509 <th>Size</th>
508 <th>Model</th> 510 <th>JET A Margin</th>
509 <th>Size</th> 511 <th>AVGS 100LL Margin</th>
510 <th>JET A Margin</th> 512 </tr>
511 <th>AVGS 100LL Margin</th> 513 </thead>
512 </tr> 514 <tbody>
513 </thead> 515 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
514 <tbody> 516 <!-- <td>
515 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 517 <input type="checkbox" ng-model="aircraftData.selected"/>
516 <!-- <td> 518 </td> -->
517 <input type="checkbox" ng-model="aircraftData.selected"/> 519 <td style="width: 15%">
518 </td> --> 520 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
519 <td style="width: 15%"> 521 </td>
520 <input type="text" class="form-control" ng-model="aircraftData.tail" required/> 522 <td style="width: 17%">
521 </td> 523 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
522 <td style="width: 17%"> 524 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
523 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 525 <option value="" disabled>Select...</option>
524 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 526 </select>
525 <option value="" disabled>Select...</option> 527 </td>
526 </select> 528 <td style="width: 17%">
527 </td> 529 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
528 <td style="width: 17%"> 530 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
529 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 531 <option value="" disabled>Select...</option>
530 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 532 </select>
531 <option value="" disabled>Select...</option> 533 </td>
532 </select> 534 <td style="width: 17%">
533 </td> 535 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList">
534 <td style="width: 17%"> 536 <option value="" disabled>Select...</option>
535 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> 537 </select>
536 <option value="" disabled>Select...</option> 538 <!-- <select class="form-control" ng-model="aircraftData.size">
537 </select> 539 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
538 <!-- <select class="form-control" ng-model="aircraftData.size"> 540 </select> -->
539 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 541 </td>
540 </select> --> 542 <td style="width: 17%">
541 </td> 543 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList">
542 <td style="width: 17%"> 544 <option value="" disabled>Select...</option>
543 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> 545 </select>
544 <option value="" disabled>Select...</option> 546 </td>
545 </select> 547 <td style="width: 17%">
546 </td> 548 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
547 <td style="width: 17%"> 549 <option value="" disabled>Select...</option>
548 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 550 </select>
549 <option value="" disabled>Select...</option> 551 </td>
550 </select> 552 </tr>
551 </td> 553 </tbody>
552 </tr> 554 </table>
553 </tbody> 555 </div>
554 </table> 556 <div class="clearfix"></div>
555 </div> 557 </div>
556 <div class="clearfix"></div> 558 </div>
557 </div> 559 <div class="clearfix"></div>
558 </div> 560 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
559 <div class="clearfix"></div> 561 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
560 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 562 </div>
561 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 563 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
562 </div> 564 <div class="pull-right">
563 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 565 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
564 <div class="pull-right"> 566 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
565 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 567 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
566 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 568 </div>
567 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 569 </div> -->
568 </div> 570 </div>
569 </div> --> 571 </div>
570 </div> 572 <div class="clearfix"></div>
571 </div> 573 </div>
572 <div class="clearfix"></div> 574 </div>
573 </div> 575 </div>
574 </div> 576 </div>
575 </div> 577 <!-- <div class="modal-body step-3" data-step="3">
576 </div> 578 This is the final step.
577 <!-- <div class="modal-body step-3" data-step="3"> 579 </div> -->
578 This is the final step. 580 <div class="modal-footer" style="border-top: 0;">
579 </div> --> 581 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
580 <div class="modal-footer" style="border-top: 0;"> 582 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
581 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 583 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
582 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 584 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
583 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 585 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
584 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> 586 </div>
585 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 587 </div>
586 </div> 588 </div>
587 </div> 589 </form>
588 </div> 590 <div class="myLoader" ng-show="showLoader">
589 </form> 591 <img src="../img/hourglass.gif" width="50px;">
590 <div class="myLoader" ng-show="showLoader"> 592 </div>
591 <img src="../img/hourglass.gif" width="50px;"> 593 <script src="js/multi-step-modal.js"></script>
592 </div> 594 <script>
593 <script src="js/multi-step-modal.js"></script> 595 sendEvent = function(sel, step) {
594 <script> 596 $(sel).trigger('next.m.' + step);
595 sendEvent = function(sel, step) { 597 }
596 $(sel).trigger('next.m.' + step); 598 </script>
597 } 599
app/partials/enterFuelOrder/enterFuelOrder.controller.js
File was created 1 'use strict';
2
3 angular.module('acufuel')
4
5 .controller('enterFuelOrderController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'enterFuelOrderService', enterFuelOrderController]);
6
7 function enterFuelOrderController($scope, $rootScope, $uibModal, $filter, $http, enterFuelOrderService) {
8 $scope.showLoader = true;
9
10 $scope.companyList = {};
11
12 enterFuelOrderService.getAllCompanies().then(function(result) {
13 $scope.showLoader = false;
14 $scope.companyList = result;
15 })
16
17 $scope.order = {};
18 $scope.order.upliftDate = '';
19 $scope.order.departingDate = '';
20 $scope.selectedCompanyName = '';
21 $scope.selectedCompanyId = '';
22 $scope.marginId = '';
23
24 enterFuelOrderService.getFuelPricingNew().then(function(margins) {
25 $scope.marginList = margins;
26 //console.log('$scope.marginList', $scope.marginList);
27 })
28
29 $scope.getAircraft = function(company){
30 $scope.selectedCompanyName = company;
31 $scope.showLoader = true;
32 for (var i = 0; i < $scope.companyList.length; i++) {
33 if ($scope.companyList[i].companyName == company) {
34 $scope.selectedCompanyId = $scope.companyList[i].id;
35 $scope.marginId = $scope.companyList[i].margin.id;
36 if ($scope.selectedCompanyId != '') {
37 enterFuelOrderService.getAircraft($scope.selectedCompanyId).then(function(aircraft) {
38 $scope.aircraftList = aircraft;
39 })
40 }
41 if ($scope.marginId != '') {
42 enterFuelOrderService.getJetTiers($scope.marginId).then(function(tiers) {
43 $scope.tierList = tiers;
44 $scope.showLoader = false;
45 })
46 }else{
47 $scope.showLoader = false;
48 }
49 }
50 }
51
52 }
53
54 $scope.dispatchFuel = function(){
55 console.log('$scope.order', $scope.order);
56 $scope.order.companyId = $scope.selectedCompanyId;
57 if ($scope.order.upliftDate != '') {
58 $scope.order.upliftDate = new Date($scope.order.upliftDate);
59 $scope.order.upliftDate = $scope.order.upliftDate.getTime();
60 }
61 if ($scope.order.departingDate != '') {
62 $scope.order.departingDate = new Date($scope.order.departingDate);
63 $scope.order.departingDate = $scope.order.departingDate.getTime();
64 }
65 enterFuelOrderService.dispathFuelOrder($scope.order).then(function(result) {
66 console.log('result', result);
67 })
68 }
69
70 }
app/partials/enterFuelOrder/enterFuelOrder.html
File was created 1 <style type="text/css">
2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ff9900;
4 }
5 .customInputWrap{
6 margin-top: 15px;
7 }
8 .customInputWrap label{
9 font-weight: normal;
10 margin-bottom: 0;
11 }
12 </style>
13 <div class="myLoader" ng-show="showLoader">
14 <img src="../img/hourglass.gif" width="50px;">
15 </div>
16
17 <div class="container">
18 <div class="row">
19 <div class="col-md-5">
20 <div class="widget stacked">
21 <div class="widget-header">
22 <i class="fa fa-search" aria-hidden="true"></i>
23 <h3>Search and Dispatch Fuel</h3>
24 </div>
25 <div class="widget-content new-widget-content">
26 <form>
27
28 <div class="customInputWrap">
29 <div class="col-md-3 text-right">
30 <label>Company</label>
31 </div>
32 <div class="col-md-9">
33 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;">
34 <option value="" selected disabled>Select Company</option>
35 <option ng-repeat="list in companyList">{{list.companyName}}</option>
36 </select>
37 </div>
38 <div class="clearfix"></div>
39 </div>
40
41 <div class="customInputWrap">
42 <div class="col-md-3 text-right">
43 <label>Aircraft</label>
44 </div>
45 <div class="col-md-3">
46 <select class="form-control" ng-model="order.aircraftName">
47 <option selected disabled value="">Select Aircraft</option>
48 <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option>
49 </select>
50 </div>
51 <div class="col-md-3 text-right">
52 <label>Requested Volume</label>
53 </div>
54 <div class="col-md-3">
55 <input type="text" ng-model="order.volume" class="form-control">
56 </div>
57 <div class="clearfix"></div>
58 </div>
59
60 <div class="customInputWrap">
61 <div class="col-md-3 text-right">
62 <label>Price Quote</label>
63 </div>
64 <div class="col-md-8 col-md-offset-1">
65 <select class="form-control" ng-model="order.priceQuote">
66 <option value="" selected disabled>Select Price Quote</option>
67 <option ng-repeat="margin in marginList" value="{{margin.fuelPricing.papTotal}}">${{margin.fuelPricing.papTotal}} {{margin.name}}</option>
68 </select>
69 </div>
70 <div class="clearfix"></div>
71 </div>
72
73 <div class="customInputWrap">
74 <div class="col-md-3 text-right">
75 <label>Tier Break</label>
76 </div>
77 <div class="col-md-8 col-md-offset-1">
78 <select class="form-control" ng-model="order.tierBreak">
79 <option value="" selected disabled>Select Price Quote</option>
80 <option ng-repeat="list in tierList" value="{{list.minTierBreak}}-{{list.maxTierBreak}}">
81 {{list.minTierBreak | number: 2}}-{{list.maxTierBreak | number: 2}} = ${{list.marginTotal | number: 2}} {{list.marginTemplate.marginName}}
82 </option>
83 </select>
84 </div>
85 <div class="clearfix"></div>
86 </div>
87
88 <div class="customInputWrap">
89 <div class="col-md-3 text-right">
90 <label>Uplift Date</label>
91 </div>
92 <div class="col-md-3">
93 <input type="text" ng-model="order.upliftDate" datepicker class="form-control">
94 </div>
95 <div class="col-md-3 text-right">
96 <label>Departing FBO</label>
97 </div>
98 <div class="col-md-3">
99 <input type="text" ng-model="order.departingDate" datepicker class="form-control">
100 </div>
101 <div class="clearfix"></div>
102 </div>
103
104 <div class="customInputWrap text-right">
105 <div class="col-xs-12">
106 <input type="cancel" value="Cancel" class="btn btn-default" style="margin-right: 15px; width: 100px;">
107 <input type="submit" value="Dispatch" ng-click="dispatchFuel()" class="btn btn-primary">
108 </div>
109 <div class="clearfix"></div>
110 </div>
111
112 </form>
113 </div>
114 </div>
115 </div>
116 </div>
117 </div>
app/partials/enterFuelOrder/enterFuelOrder.service.js
File was created 1 (function(){
2 'use strict';
3 angular.module('acufuel')
4 .service('enterFuelOrderService', ['$q', '$http', 'BASE_URL', enterFuelOrderService]);
5
6 function enterFuelOrderService($q, $http, BASE_URL) {
7
8 this.getAllCompanies = function() {
9 var deferred = $q.defer();
10 $http({
11 method : 'GET',
12 url : BASE_URL.url +'/user/allCompanies',
13 headers : {'Content-Type': 'application/json'},
14 })
15 .then(function (result){
16 deferred.resolve(result.data);
17 },function (result){
18 deferred.resolve(result.data);
19 })
20 return deferred.promise;
21 }
22
23 this.getAircraft = function(id) {
24 var deferred = $q.defer();
25 $http({
26 method : 'GET',
27 url : BASE_URL.url +'/company/aircrafts/'+id,
28 headers : {'Content-Type': 'application/json'},
29 })
30 .then(function (result){
31 deferred.resolve(result.data);
32 },function (result){
33 deferred.resolve(result.data);
34 })
35 return deferred.promise;
36 }
37
38 this.getJetTiers = function(id) {
39 var deferred = $q.defer();
40 $http({
41 method : 'GET',
42 url : BASE_URL.url +'/margin/getCustomMargins/'+id,
43 headers : {'Content-Type': 'application/json'},
44 })
45 .then(function (result){
46 deferred.resolve(result.data);
47 },function (result){
48 deferred.resolve(result.data);
49 })
50 return deferred.promise;
51 }
52
53 this.getFuelPricingNew = function() {
54 var deferred = $q.defer();
55 $http({
56 method : 'GET',
57 url : BASE_URL.url +'/user/products',
58 headers : {'Content-Type': 'application/json'},
59 })
60 .then(function (result){
61 deferred.resolve(result.data);
62 },function (result){
63 deferred.resolve(result.data);
64 })
65 return deferred.promise;
66 }
67
68 this.dispathFuelOrder = function(data) {
69 var deferred = $q.defer();
70 $http({
71 method : 'POST',
72 url : BASE_URL.url +'/fuelOrder',
73 headers : {'Content-Type': 'application/json'},
74 data: data
75 })
76 .then(function (result){
77 deferred.resolve(result.data);
78 },function (result){
79 deferred.resolve(result.data);
80 })
81 return deferred.promise;
82 }
83
84 }
85
86 })();
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 var todayDate = new Date();
13 var ddn = todayDate.getDate();
14 var mmn = todayDate.getMonth()+1; //January is 0!
15 var yyyyn = todayDate.getFullYear();
16
17 if(ddn<10) {
18 ddn ='0'+ddn
19 }
20
21 if(mmn<10) {
22 mmn ='0'+mmn
23 }
24
25 $scope.todayDateNew = mmn+'/'+ddn+'/'+yyyyn;
26 $scope.currentUserName = JSON.parse(window.localStorage.getItem("currentUserName"));
27
12 var todayDate = new Date(); 28 $scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId'));
13 var ddn = todayDate.getDate(); 29 $scope.showLoader = true;
14 var mmn = todayDate.getMonth()+1; //January is 0! 30
15 var yyyyn = todayDate.getFullYear(); 31 fuelManagerService.getFullList().then(function(result) {
16 32 $scope.fullJetList = result;
17 if(ddn<10) { 33 console.log('$scope.fullJetList', $scope.fullJetList);
18 ddn ='0'+ddn 34 for (var i = 0; i<$scope.fullJetList.length; i++) {
19 } 35 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) {
20 36 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) {
21 if(mmn<10) { 37 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') {
22 mmn ='0'+mmn 38 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
23 } 39 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
24 40 var dday = newTime.getUTCDate();
25 $scope.todayDateNew = mmn+'/'+ddn+'/'+yyyyn; 41 var dyear = newTime.getUTCFullYear();
26 $scope.currentUserName = JSON.parse(window.localStorage.getItem("currentUserName")); 42 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear;
27 43 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
28 $scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId')); 44 }
29 $scope.showLoader = true; 45 }
30 46 }
31 fuelManagerService.getFullList().then(function(result) { 47 }
32 $scope.fullJetList = result; 48 $scope.showLoader = false;
33 console.log('$scope.fullJetList', $scope.fullJetList); 49 })
34 for (var i = 0; i<$scope.fullJetList.length; i++) { 50
35 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) { 51 $scope.avoidanceList = {};
36 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) { 52
37 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') { 53 $scope.updateList = function(fullJetList){
38 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 54 $scope.showLoader = true;
39 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 55 $scope.addData = [];
40 var dday = newTime.getUTCDate(); 56 $scope.newJetList = fullJetList;
41 var dyear = newTime.getUTCFullYear(); 57 if ($scope.currentUserData != undefined || $scope.currentUserData != null) {
42 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear; 58 for(var i=0; i<$scope.newJetList.length;i++){
43 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 59 for(var j = 0; j < $scope.newJetList[i].aircraftsSize.length; j++){
44 } 60 if($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null){
45 } 61 if ($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null) {
46 } 62 $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = new Date($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
47 } 63 $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate.getTime();
48 $scope.showLoader = false; 64 }
49 }) 65 $scope.addData.push({
50 66 //'aircraftType': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.aircraftType,
51 $scope.avoidanceList = {}; 67 'id': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.id,
52 68 'aircraftSizeId': $scope.newJetList[i].aircraftsSize[j].id,
53 $scope.updateList = function(fullJetList){ 69 'rampFees': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.rampFees,
54 $scope.showLoader = true; 70 'avoidance' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.avoidance,
55 $scope.addData = []; 71 'applicable' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.applicable,
56 $scope.newJetList = fullJetList; 72 'expirationDate' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate,
57 if ($scope.currentUserData != undefined || $scope.currentUserData != null) { 73 'notes' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.notes,
74 'reportedBy': $scope.currentUserName
58 for(var i=0; i<$scope.newJetList.length;i++){ 75 });
59 for(var j = 0; j < $scope.newJetList[i].aircraftsSize.length; j++){
60 if($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null){ 76 }
61 if ($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null) { 77 }
62 $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = new Date($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 78 }
63 $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate.getTime(); 79 $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.addData;
64 } 80 $scope.avoidanceList.fboUserId = $scope.currentUserData;
65 $scope.addData.push({ 81
66 //'aircraftType': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.aircraftType, 82 fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) {
67 'id': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.id, 83 toastr.success(''+result.success+'', {
68 'aircraftSizeId': $scope.newJetList[i].aircraftsSize[j].id, 84 closeButton: true
69 'rampFees': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.rampFees, 85 })
70 'avoidance' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.avoidance, 86 fuelManagerService.getFullList().then(function(result) {
71 'applicable' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.applicable, 87 $scope.fullJetList = result;
72 'expirationDate' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate, 88 console.log('$scope.fullJetList', $scope.fullJetList);
73 'notes' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.notes, 89 for (var i = 0; i<$scope.fullJetList.length; i++) {
74 'reportedBy': $scope.currentUserName 90 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) {
75 }); 91 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) {
76 } 92 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') {
77 } 93 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
78 } 94 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
79 $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.addData; 95 var dday = newTime.getUTCDate();
80 $scope.avoidanceList.fboUserId = $scope.currentUserData; 96 var dyear = newTime.getUTCFullYear();
81 97 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear;
82 fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) { 98 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
83 toastr.success(''+result.success+'', { 99 }
84 closeButton: true 100 }
85 }) 101 }
86 fuelManagerService.getFullList().then(function(result) { 102 }
87 $scope.fullJetList = result; 103 $scope.showLoader = false;
88 console.log('$scope.fullJetList', $scope.fullJetList); 104 })
89 for (var i = 0; i<$scope.fullJetList.length; i++) { 105 })
90 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) { 106
91 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) { 107 }
92 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') { 108
93 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 109 }
94 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 110
95 var dday = newTime.getUTCDate(); 111 $scope.dropOptions = {};
96 var dyear = newTime.getUTCFullYear(); 112
97 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear; 113 fuelManagerService.getOptions().then(function(result) {
98 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 114 $scope.dropOptions = result;
99 } 115 console.log('$scope.dropOptions', $scope.dropOptions);
100 } 116 })
101 } 117
102 } 118 fuelManagerService.getAircrafts().then(function(result) {
103 $scope.showLoader = false; 119 $scope.aircrafts = result;
104 }) 120 })
105 }) 121
106 122 $scope.customRampData = {};
107 } 123 $scope.customRampDataCraft = {};
108 124 $scope.customRampDataCraft.aircraftType = '';
109 } 125 $scope.customRampDataCraft.aircraftSizeId = '';
110 126
111 $scope.dropOptions = {}; 127 $scope.openRampFeeModal = false;
112 128 $scope.showWeightForm = false;
113 fuelManagerService.getOptions().then(function(result) { 129 $scope.showMakeModelForm = false;
114 $scope.dropOptions = result; 130 $scope.showWingspanForm = false;
115 console.log('$scope.dropOptions', $scope.dropOptions); 131 $scope.showTailForm = false;
116 }) 132
117 133 $scope.customRampData = {};
118 fuelManagerService.getAircrafts().then(function(result) { 134 $scope.customMakeData = {};
119 $scope.aircrafts = result; 135 $scope.customWingspanData = {};
120 }) 136 $scope.customTailData = {};
121 137
122 $scope.customRampData = {}; 138 $scope.openRampModal = function(){
123 $scope.customRampDataCraft = {}; 139 $scope.showLoader = true;
124 $scope.customRampDataCraft.aircraftType = ''; 140 $scope.openRampFeeModal = true;
125 $scope.customRampDataCraft.aircraftSizeId = ''; 141 if ($scope.customRampDataCraft.aircraftType != null) {
126 142 for (var i = 0; i < $scope.dropOptions.length; i++) {
127 $scope.openRampFeeModal = false; 143 if ($scope.customRampDataCraft.aircraftType === $scope.dropOptions[i].size) {
128 $scope.showWeightForm = false; 144 $scope.customRampDataCraft.aircraftSizeId = $scope.dropOptions[i].id;
129 $scope.showMakeModelForm = false; 145 }
130 $scope.showWingspanForm = false; 146 }
131 $scope.showTailForm = false; 147 $scope.OldRampData = {};
132 148 fuelManagerService.getRampFeeDetail($scope.customRampDataCraft.aircraftSizeId).then(function(result) {
133 $scope.customRampData = {}; 149 $scope.OldRampData = result;
134 $scope.customMakeData = {}; 150 if ($scope.customRampDataCraft.aircraftType === 'WEIGHT') {
135 $scope.customWingspanData = {}; 151 $scope.showWeightForm = true;
136 $scope.customTailData = {}; 152 $scope.showMakeModelForm = false;
137 153 $scope.showWingspanForm = false;
138 $scope.openRampModal = function(){ 154 $scope.showTailForm = false;
139 $scope.showLoader = true; 155 $scope.customRampData = $scope.OldRampData;
140 $scope.openRampFeeModal = true; 156 }else if ($scope.customRampDataCraft.aircraftType === 'MAKE_AND_MODEL') {
141 if ($scope.customRampDataCraft.aircraftType != null) { 157 $scope.showWeightForm = false;
142 for (var i = 0; i < $scope.dropOptions.length; i++) { 158 $scope.showMakeModelForm = true;
143 if ($scope.customRampDataCraft.aircraftType === $scope.dropOptions[i].size) { 159 $scope.showWingspanForm = false;
144 $scope.customRampDataCraft.aircraftSizeId = $scope.dropOptions[i].id; 160 $scope.showTailForm = false;
145 } 161 $scope.customMakeData = $scope.OldRampData;
146 } 162 console.log('$scope.customMakeData', $scope.customMakeData);
147 $scope.OldRampData = {}; 163 }else if ($scope.customRampDataCraft.aircraftType === 'WINGSPAN') {
148 fuelManagerService.getRampFeeDetail($scope.customRampDataCraft.aircraftSizeId).then(function(result) { 164 $scope.showWeightForm = false;
149 $scope.OldRampData = result; 165 $scope.showMakeModelForm = false;
150 if ($scope.customRampDataCraft.aircraftType === 'WEIGHT') { 166 $scope.showWingspanForm = true;
151 $scope.showWeightForm = true; 167 $scope.showTailForm = false;
152 $scope.showMakeModelForm = false; 168 $scope.customWingspanData = $scope.OldRampData;
153 $scope.showWingspanForm = false; 169 }else if ($scope.customRampDataCraft.aircraftType === 'TAIL') {
154 $scope.showTailForm = false; 170 $scope.showWeightForm = false;
155 $scope.customRampData = $scope.OldRampData; 171 $scope.showMakeModelForm = false;
156 }else if ($scope.customRampDataCraft.aircraftType === 'MAKE_AND_MODEL') { 172 $scope.showWingspanForm = false;
157 $scope.showWeightForm = false; 173 $scope.showTailForm = true;
158 $scope.showMakeModelForm = true; 174 $scope.customTailData = $scope.OldRampData;
159 $scope.showWingspanForm = false; 175 }else{
160 $scope.showTailForm = false; 176 $scope.openRampFeeModal = false;
161 $scope.customMakeData = $scope.OldRampData; 177 $scope.showWeightForm = false;
162 console.log('$scope.customMakeData', $scope.customMakeData); 178 $scope.showMakeModelForm = false;
163 }else if ($scope.customRampDataCraft.aircraftType === 'WINGSPAN') { 179 $scope.showWingspanForm = false;
164 $scope.showWeightForm = false; 180 $scope.showTailForm = false;
165 $scope.showMakeModelForm = false; 181 }
166 $scope.showWingspanForm = true; 182 $scope.showLoader = false;
167 $scope.showTailForm = false; 183 })
168 $scope.customWingspanData = $scope.OldRampData; 184 }else{
169 }else if ($scope.customRampDataCraft.aircraftType === 'TAIL') { 185 $scope.openRampFeeModal = false;
170 $scope.showWeightForm = false; 186 }
171 $scope.showMakeModelForm = false; 187 }
172 $scope.showWingspanForm = false; 188
173 $scope.showTailForm = true; 189 $scope.addCustomRampNew = function(data){
174 $scope.customTailData = $scope.OldRampData; 190 $scope.showLoader = true;
175 }else{ 191 $scope.newCustomRampData = data;
176 $scope.openRampFeeModal = false; 192 $scope.newRampData = [];
177 $scope.showWeightForm = false; 193 if ($scope.newCustomRampData != null) {
178 $scope.showMakeModelForm = false; 194 if ($scope.newCustomRampData.id != null) {
179 $scope.showWingspanForm = false; 195 $scope.newRampData.push({'id': $scope.newCustomRampData.id});
180 $scope.showTailForm = false; 196 }
181 } 197 $scope.newRampData.push({
182 $scope.showLoader = false; 198 'aircraftSizeId': $scope.customRampDataCraft.aircraftSizeId,
183 }) 199 'rampFees': $scope.newCustomRampData.rampFees,
184 }else{ 200 'avoidance': $scope.newCustomRampData.avoidance,
185 $scope.openRampFeeModal = false; 201 'applicable': $scope.newCustomRampData.applicable,
186 } 202 'expirationDate': $scope.newCustomRampData.expirationDate,
187 } 203 'notes': $scope.newCustomRampData.notes,
188 204 'aircraftMake': $scope.newCustomRampData.aircraftMake,
189 $scope.addCustomRampNew = function(data){ 205 'wingspanMin': $scope.newCustomRampData.wingspanMin,
190 $scope.showLoader = true; 206 'wingspanMax': $scope.newCustomRampData.wingspanMax,
191 $scope.newCustomRampData = data; 207 'weightRangeMin': $scope.newCustomRampData.weightRangeMin,
192 $scope.newRampData = []; 208 'weightRangeMax': $scope.newCustomRampData.weightRangeMax,
193 if ($scope.newCustomRampData != null) { 209 'tailNumber': $scope.newCustomRampData.tailNumber,
194 if ($scope.newCustomRampData.id != null) { 210 });
195 $scope.newRampData.push({'id': $scope.newCustomRampData.id}); 211 }
196 } 212
197 $scope.newRampData.push({ 213 $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.newRampData;
198 'aircraftSizeId': $scope.customRampDataCraft.aircraftSizeId, 214 $scope.avoidanceList.fboUserId = $scope.currentUserData;
199 'rampFees': $scope.newCustomRampData.rampFees, 215 //console.log('$scope.newRampData', $scope.avoidanceList);
200 'avoidance': $scope.newCustomRampData.avoidance, 216 fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) {
201 'applicable': $scope.newCustomRampData.applicable, 217 toastr.success(''+result.success+'', {
202 'expirationDate': $scope.newCustomRampData.expirationDate, 218 closeButton: true
203 'notes': $scope.newCustomRampData.notes, 219 })
204 'aircraftMake': $scope.newCustomRampData.aircraftMake, 220 $scope.openRampFeeModal = false;
205 'wingspanMin': $scope.newCustomRampData.wingspanMin, 221 fuelManagerService.getFullList().then(function(result) {
206 'wingspanMax': $scope.newCustomRampData.wingspanMax, 222 $scope.fullJetList = result;
207 'weightRangeMin': $scope.newCustomRampData.weightRangeMin, 223 console.log('$scope.fullJetList', $scope.fullJetList);
208 'weightRangeMax': $scope.newCustomRampData.weightRangeMax, 224 for (var i = 0; i<$scope.fullJetList.length; i++) {
209 'tailNumber': $scope.newCustomRampData.tailNumber, 225 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) {
210 }); 226 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) {
211 } 227 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') {
212 228 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
213 $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.newRampData; 229 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
214 $scope.avoidanceList.fboUserId = $scope.currentUserData; 230 var dday = newTime.getUTCDate();
215 //console.log('$scope.newRampData', $scope.avoidanceList); 231 var dyear = newTime.getUTCFullYear();
216 fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) { 232 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear;
217 toastr.success(''+result.success+'', { 233 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
218 closeButton: true 234 }
219 }) 235 }
220 $scope.openRampFeeModal = false; 236 }
221 fuelManagerService.getFullList().then(function(result) { 237 }
222 $scope.fullJetList = result; 238 $scope.showLoader = false;
223 console.log('$scope.fullJetList', $scope.fullJetList); 239 })
224 for (var i = 0; i<$scope.fullJetList.length; i++) { 240 })
225 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) { 241 }
226 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) { 242
227 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') { 243 $scope.deleteTemplateId = '';
228 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 244
229 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 245 $scope.deleteCustomJet = function(id){
230 var dday = newTime.getUTCDate(); 246 $('#confirm1').css('display', 'block');
231 var dyear = newTime.getUTCFullYear(); 247 $scope.deleteTemplateId = id;
232 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear; 248 console.log('$scope.deleteTemplateId', id);
233 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 249 }
234 } 250
235 } 251 $scope.saveAndCloseConfirm = function(){
236 } 252 $scope.showLoader = true;
237 } 253 $('#confirm1').css('display', 'none');
238 $scope.showLoader = false; 254 fuelManagerService.deleteCustomRamp($scope.deleteTemplateId).then(function(result) {
239 }) 255 fuelManagerService.getFullList().then(function(result) {
240 }) 256 $scope.fullJetList = result;
241 } 257 console.log('$scope.fullJetList', $scope.fullJetList);
242 258 for (var i = 0; i<$scope.fullJetList.length; i++) {
243 $scope.deleteTemplateId = ''; 259 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) {
244 260 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) {
245 $scope.deleteCustomJet = function(id){ 261 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') {
246 $('#confirm1').css('display', 'block'); 262 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
247 $scope.deleteTemplateId = id; 263 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
248 console.log('$scope.deleteTemplateId', id); 264 var dday = newTime.getUTCDate();
249 } 265 var dyear = newTime.getUTCFullYear();
250 266 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear;
251 $scope.saveAndCloseConfirm = function(){ 267 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate);
252 $scope.showLoader = true; 268 }
253 $('#confirm1').css('display', 'none'); 269 }
254 fuelManagerService.deleteCustomRamp($scope.deleteTemplateId).then(function(result) { 270 }
255 fuelManagerService.getFullList().then(function(result) { 271 }
256 $scope.fullJetList = result; 272 $scope.showLoader = false;
257 console.log('$scope.fullJetList', $scope.fullJetList); 273 })
258 for (var i = 0; i<$scope.fullJetList.length; i++) { 274 })
259 for (var j = 0; j<$scope.fullJetList[i].aircraftsSize.length; j++) { 275 }
260 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null) { 276
261 if ($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != null && $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate != '') { 277 $scope.cancelAndCloseConfirm = function(){
262 var newTime = new Date($scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 278 $('#confirm1').css('display', 'none');
263 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 279 $scope.deleteTemplateId = '';
264 var dday = newTime.getUTCDate(); 280 }
265 var dyear = newTime.getUTCFullYear(); 281
266 $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate = dmonth+'/'+dday+'/'+dyear; 282 $scope.closeRampFeeModel = function(){
267 console.log('$scope.fullJetList.aircraftsSize.rampFeesAndAvoidance.expirationDate', $scope.fullJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate); 283 $scope.openRampFeeModal = false;
268 } 284 $scope.showWeight = false;
269 } 285 $scope.showWingspan = false;
270 } 286 $scope.showTail = false;
271 } 287 $scope.showAircraft = false;
272 $scope.showLoader = false; 288 $scope.customRampData.rampFeesAndAvoidanceList = {};
273 }) 289 $scope.customRampDataCraft.aircraftType = null;
274 }) 290 }
275 } 291
276 292 $scope.parentOpen = function(index){
277 $scope.cancelAndCloseConfirm = function(){ 293 $('#parentOpen'+index).css('display', 'none');
278 $('#confirm1').css('display', 'none'); 294 $('#parentClose'+index).css('display', 'initial');
279 $scope.deleteTemplateId = ''; 295 $('#parentTogglebody'+index).slideDown();
280 } 296 }
281 297 $scope.parentClose = function(index){
282 $scope.closeRampFeeModel = function(){ 298 $('#parentOpen'+index).css('display', 'initial');
283 $scope.openRampFeeModal = false; 299 $('#parentClose'+index).css('display', 'none');
284 $scope.showWeight = false; 300 $('#parentTogglebody'+index).slideUp();
285 $scope.showWingspan = false; 301 }
286 $scope.showTail = false; 302
287 $scope.showAircraft = false; 303 $scope.toggleChild = function(id){
288 $scope.customRampData.rampFeesAndAvoidanceList = {}; 304 if ($('.'+id).hasClass('fa-plus-circle')) {
289 $scope.customRampDataCraft.aircraftType = null; 305 $('.'+id).removeClass('fa-plus-circle');
290 } 306 $('.'+id).addClass('fa-minus-circle');
291 307 }else{
292 $scope.parentOpen = function(index){ 308 $('.'+id).removeClass('fa-minus-circle');
293 $('#parentOpen'+index).css('display', 'none'); 309 $('.'+id).addClass('fa-plus-circle');
294 $('#parentClose'+index).css('display', 'initial'); 310 }
295 $('#parentTogglebody'+index).slideDown(); 311 $('#'+id).slideToggle();
296 } 312 }
297 $scope.parentClose = function(index){ 313
298 $('#parentOpen'+index).css('display', 'initial'); 314 $scope.dates = [{date:'01-05-2001'}, {date:'05-05-2014'}, {date:'10-11-2008'}]
299 $('#parentClose'+index).css('display', 'none'); 315
300 $('#parentTogglebody'+index).slideUp(); 316 $scope.open = function($event, dt) {
301 } 317 $event.preventDefault();
302 318 $event.stopPropagation();
303 $scope.toggleChild = function(id){ 319
304 if ($('.'+id).hasClass('fa-plus-circle')) { 320 dt.opened = true;
305 $('.'+id).removeClass('fa-plus-circle'); 321 };
306 $('.'+id).addClass('fa-minus-circle'); 322
307 }else{ 323 $scope.dateOptions = {
308 $('.'+id).removeClass('fa-minus-circle'); 324 formatYear: 'yy',
309 $('.'+id).addClass('fa-plus-circle'); 325 startingDay: 1
310 } 326 };
311 $('#'+id).slideToggle(); 327
312 } 328
313 329 $scope.format = 'dd-MMMM-yyyy'
314 $scope.dates = [{date:'01-05-2001'}, {date:'05-05-2014'}, {date:'10-11-2008'}] 330
315 331
316 $scope.open = function($event, dt) { 332 $(document).ready(function(){
317 $event.preventDefault(); 333
318 $event.stopPropagation(); 334 setInterval(function(){
319 335 var newHeight = $('.feeManagerLeft').height();
320 dt.opened = true; 336 $('.feeManagerRight').css('height', newHeight);
321 }; 337 }, 3);
322 338
323 $scope.dateOptions = { 339 $('#customTabToggle1').click(function(){
324 formatYear: 'yy', 340 console.log('tab 1');
325 startingDay: 1 341 $('#customTabsBody1').slideDown();
326 }; 342 $('#customTabsBody2').slideUp();
327 343 $('#customTabsBody3').slideUp();
328 344 $('#customTabsBody4').slideUp();
329 $scope.format = 'dd-MMMM-yyyy' 345 $('#customTabs1').addClass('customActive');
330 346 $('#customTabs2').removeClass('customActive');
331 347 $('#customTabs3').removeClass('customActive');
332 $(document).ready(function(){ 348 $('#customTabs4').removeClass('customActive');
333 349 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
334 setInterval(function(){ 350 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
335 var newHeight = $('.feeManagerLeft').height(); 351
336 $('.feeManagerRight').css('height', newHeight); 352 $('#customTabs1 > .pull-right > .btn-default').css('display', 'none');
337 }, 3); 353 $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block');
338 354 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block');
339 $('#customTabToggle1').click(function(){ 355
340 console.log('tab 1'); 356 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
341 $('#customTabsBody1').slideDown(); 357 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
342 $('#customTabsBody2').slideUp(); 358 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
343 $('#customTabsBody3').slideUp(); 359
344 $('#customTabsBody4').slideUp(); 360 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
345 $('#customTabs1').addClass('customActive'); 361 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
346 $('#customTabs2').removeClass('customActive'); 362 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
347 $('#customTabs3').removeClass('customActive'); 363
348 $('#customTabs4').removeClass('customActive'); 364 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
349 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 365 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
350 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 366 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
351 367
352 $('#customTabs1 > .pull-right > .btn-default').css('display', 'none'); 368 })
353 $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block'); 369 $('#customTabToggle2').click(function(){
354 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block'); 370 console.log('tab 2');
355 371 $('#customTabsBody1').slideUp();
356 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); 372 $('#customTabsBody2').slideDown();
357 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); 373 $('#customTabsBody3').slideUp();
358 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); 374 $('#customTabsBody4').slideUp();
359 375 $('#customTabs1').removeClass('customActive');
360 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); 376 $('#customTabs2').addClass('customActive');
361 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); 377 $('#customTabs3').removeClass('customActive');
362 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); 378 $('#customTabs4').removeClass('customActive');
363 379 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
364 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); 380 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
365 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); 381
366 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); 382 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
367 383 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
368 }) 384 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
369 $('#customTabToggle2').click(function(){ 385
370 console.log('tab 2'); 386 $('#customTabs2 > .pull-right > .btn-default').css('display', 'none');
371 $('#customTabsBody1').slideUp(); 387 $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block');
372 $('#customTabsBody2').slideDown(); 388 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block');
373 $('#customTabsBody3').slideUp(); 389
374 $('#customTabsBody4').slideUp(); 390 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
375 $('#customTabs1').removeClass('customActive'); 391 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
376 $('#customTabs2').addClass('customActive'); 392 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
377 $('#customTabs3').removeClass('customActive'); 393
378 $('#customTabs4').removeClass('customActive'); 394 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
379 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 395 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
380 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 396 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
381 397
382 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); 398 })
383 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); 399 $('#customTabToggle3').click(function(){
384 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); 400 console.log('tab 3');
385 401 $('#customTabsBody1').slideUp();
386 $('#customTabs2 > .pull-right > .btn-default').css('display', 'none'); 402 $('#customTabsBody2').slideUp();
387 $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block'); 403 $('#customTabsBody3').slideDown();
388 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block'); 404 $('#customTabsBody4').slideUp();
389 405 $('#customTabs1').removeClass('customActive');
390 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); 406 $('#customTabs2').removeClass('customActive');
391 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); 407 $('#customTabs3').addClass('customActive');
392 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); 408 $('#customTabs4').removeClass('customActive');
393 409 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
394 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); 410 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
395 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); 411
396 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); 412 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
397 413 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
398 }) 414 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
399 $('#customTabToggle3').click(function(){ 415
400 console.log('tab 3'); 416 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
401 $('#customTabsBody1').slideUp(); 417 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
402 $('#customTabsBody2').slideUp(); 418 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
403 $('#customTabsBody3').slideDown(); 419
404 $('#customTabsBody4').slideUp(); 420 $('#customTabs3 > .pull-right > .btn-default').css('display', 'none');
405 $('#customTabs1').removeClass('customActive'); 421 $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block');
406 $('#customTabs2').removeClass('customActive'); 422 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block');
407 $('#customTabs3').addClass('customActive'); 423
408 $('#customTabs4').removeClass('customActive'); 424 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
409 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 425 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
410 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 426 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
411 427
412 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); 428 })
413 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); 429 $('#customTabToggle4').click(function(){
414 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); 430 console.log('tab 4');
415 431 $('#customTabsBody1').slideUp();
416 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); 432 $('#customTabsBody2').slideUp();
417 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); 433 $('#customTabsBody3').slideUp();
418 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); 434 $('#customTabsBody4').slideDown();
419 435 $('#customTabs1').removeClass('customActive');
420 $('#customTabs3 > .pull-right > .btn-default').css('display', 'none'); 436 $('#customTabs2').removeClass('customActive');
421 $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block'); 437 $('#customTabs3').removeClass('customActive');
422 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block'); 438 $('#customTabs4').addClass('customActive');
423 439 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
424 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); 440 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
425 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); 441
426 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); 442 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
427 443 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
428 }) 444 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
429 $('#customTabToggle4').click(function(){ 445
430 console.log('tab 4'); 446 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
431 $('#customTabsBody1').slideUp(); 447 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
432 $('#customTabsBody2').slideUp(); 448 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
433 $('#customTabsBody3').slideUp(); 449
434 $('#customTabsBody4').slideDown(); 450 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
435 $('#customTabs1').removeClass('customActive'); 451 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
436 $('#customTabs2').removeClass('customActive'); 452 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
437 $('#customTabs3').removeClass('customActive'); 453
438 $('#customTabs4').addClass('customActive'); 454 $('#customTabs4 > .pull-right > .btn-default').css('display', 'none');
439 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 455 $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block');
440 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 456 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block');
441 457
442 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); 458 })
443 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); 459
444 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); 460 })
445 461
446 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); 462 }
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 button > i{ 5 button > i{
6 cursor: pointer !important; 6 cursor: pointer !important;
7 } 7 }
8 button[disabled] > i{ 8 button[disabled] > i{
9 cursor: not-allowed !important; 9 cursor: not-allowed !important;
10 } 10 }
11 </style> 11 </style>
12 <div class="myLoader" ng-show="showLoader"> 12 <div class="myLoader" ng-show="showLoader">
13 <img src="../img/hourglass.gif" width="50px;"> 13 <img src="../img/hourglass.gif" width="50px;">
14 </div> 14 </div>
15 15
16 16
17 17
18 18
19 <div class="container"> 19 <div class="container">
20 <div class="row"> 20 <div class="row">
21 <div class="col-md-10"> 21 <div class="col-md-10">
22 <div class="widget stacked"> 22 <div class="widget stacked">
23 <div class="widget-header"> 23 <div class="widget-header">
24 <i class="fa fa-pencil"></i> 24 <i class="fa fa-pencil"></i>
25 <h3>Ramp Fee Manager</h3> 25 <h3>Ramp Fee Manager</h3>
26 <select style="float: right; margin: 8px 10px;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 26 <select style="float: right; margin: 8px 10px;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
27 <option disabled selected value="">Ramp Fee By Category</option> 27 <option disabled selected value="">Ramp Fee By Category</option>
28 <option ng-repeat="modals in dropOptions" value="{{modals.size}}">{{modals.size}}</option> 28 <option ng-repeat="modals in dropOptions" value="{{modals.size}}">{{modals.size}}</option>
29 </select> 29 </select>
30 </div> 30 </div>
31 <!-- /widget-header --> 31 <!-- /widget-header -->
32 <div class="widget-content new-widget-content"> 32 <div class="widget-content new-widget-content">
33 <section id="accordions1"> 33 <section id="accordions1">
34 <div class="newCustomAccordian"> 34 <div class="newCustomAccordian">
35 35
36 <div class="col-md-9 feeManagerLeft" style="padding: 0;"> 36 <div class="col-md-9 feeManagerLeft" style="padding: 0;">
37 37
38 <div ng-repeat="list in fullJetList"> 38 <div ng-repeat="list in fullJetList">
39 <div class="new-tab-heading"> 39 <div class="new-tab-heading">
40 <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i> 40 <i class="fa fa-plus-circle" ng-click="parentOpen($index)" id="parentOpen{{$index}}" aria-hidden="true"></i>
41 <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i> 41 <i class="fa fa-minus-circle" ng-click="parentClose($index)" id="parentClose{{$index}}" aria-hidden="true" style="display: none;"></i>
42 <span>{{list.type}}</span> 42 <span>{{list.type}}</span>
43 </div> 43 </div>
44 <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;"> 44 <div class="new-tab-body" id="parentTogglebody{{$index}}" style="display: none;">
45 <div class="new-tab-body-th"> 45 <div class="new-tab-body-th">
46 <div class="col-md-4"> 46 <div class="col-md-4">
47 Aircraft Size
48 </div>
49 <div class="col-md-2">
50 Ramp/Facil. Fee 47 Aircraft Size
51 </div> 48 </div>
52 <div class="col-md-2"> 49 <div class="col-md-2">
53 Avoidance 50 Ramp/Facil. Fee
54 </div> 51 </div>
55 <div class="col-md-2" ng-if="list.type != 'CUSTOM'"> 52 <div class="col-md-2">
56 Expiration Date 53 Avoidance
57 </div> 54 </div>
58 <div class="col-md-2"> 55 <div class="col-md-2" ng-if="list.type != 'CUSTOM'">
59 Applicable 56 Expiration Date
60 </div> 57 </div>
61 <div class="col-md-1" ng-if="list.type == 'CUSTOM'"> 58 <div class="col-md-2">
62 &nbsp; 59 Applicable
63 </div> 60 </div>
64 <div class="clearfix"></div> 61 <div class="col-md-1" ng-if="list.type == 'CUSTOM'">
65 </div> 62 &nbsp;
66 <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize"> 63 </div>
67 <div> 64 <div class="clearfix"></div>
68 <div class="col-md-4"> 65 </div>
69 <i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i> 66 <div class="new-tab-body-td" ng-repeat="jets in list.aircraftsSize">
70 <span style="margin-left: 5px;">{{jets.size}}</span> 67 <div>
71 </div> 68 <div class="col-md-4">
72 <div class="col-md-2">
73 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" style="padding: 5px 5px;">
74 </div>
75 <div class="col-md-2">
76 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" style="padding: 5px 5px;"> 69 <i class="fa fa-plus-circle {{jets.id}}" ng-click="toggleChild(jets.id)" aria-hidden="true"></i>
77 </div> 70 <span style="margin-left: 5px;">{{jets.size}}</span>
78 <div class="col-md-2" ng-if="list.type != 'CUSTOM'"> 71 </div>
79 <!-- <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> --> 72 <div class="col-md-2">
80 73 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.rampFees" style="padding: 5px 5px;">
81 74 </div>
82 <input type="text" ng-if="list.type != 'CUSTOM'" datepicker ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.expirationDate" style="width: 90px; padding: 5px 5px;" /> 75 <div class="col-md-2">
83 76 <input type="text" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.avoidance" style="padding: 5px 5px;">
84 </div> 77 </div>
85 <div class="col-md-2"> 78 <div class="col-md-2" ng-if="list.type != 'CUSTOM'">
86 <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> --> 79 <!-- <input type="date" ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" name="" ng-model="jets.rampFeesAndAvoidance.expirationDate"> -->
87 <div class="onoffswitch"> 80
88 <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable"> 81
89 <label class="onoffswitch-label" for="{{jets.id}}{{$index}}"> 82 <input type="text" ng-if="list.type != 'CUSTOM'" datepicker ng-disabled="jets.rampFeesAndAvoidance.applicable == false || jets.rampFeesAndAvoidance.applicable == null" ng-model="jets.rampFeesAndAvoidance.expirationDate" style="width: 90px; padding: 5px 5px;" />
90 <span class="onoffswitch-inner"></span> 83
91 <span class="onoffswitch-switch"> 84 </div>
92 <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> 85 <div class="col-md-2">
93 <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i> 86 <!-- <input type="checkbox" ng-model="jets.rampFeesAndAvoidance.applicable"> -->
94 </span> 87 <div class="onoffswitch">
95 </label> 88 <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="{{jets.id}}{{$index}}" ng-model="jets.rampFeesAndAvoidance.applicable">
96 </div> 89 <label class="onoffswitch-label" for="{{jets.id}}{{$index}}">
97 </div> 90 <span class="onoffswitch-inner"></span>
98 <div class="col-md-1" ng-if="list.type == 'CUSTOM'"> 91 <span class="onoffswitch-switch">
99 <button type="button" ng-disabled="jets.rampFeesAndAvoidance == null" ng-click="deleteCustomJet(jets.rampFeesAndAvoidance.id)" style="border: none; background-color: transparent; padding: 0;"> 92 <i class="fa fa-check" ng-show="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i>
100 <i class="fa fa-trash-o deleteTierIcon" style="cursor: default;" aria-hidden="true"></i> 93 <i class="fa fa-times" ng-hide="jets.rampFeesAndAvoidance.applicable" aria-hidden="true"></i>
101 </button> 94 </span>
102 </div> 95 </label>
103 <div class="clearfix"></div> 96 </div>
104 </div> 97 </div>
105 <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}"> 98 <div class="col-md-1" ng-if="list.type == 'CUSTOM'">
106 <div class="col-xs-12"> 99 <button type="button" ng-disabled="jets.rampFeesAndAvoidance == null" ng-click="deleteCustomJet(jets.rampFeesAndAvoidance.id)" style="border: none; background-color: transparent; padding: 0;">
107 <div class="col-xs-12"> 100 <i class="fa fa-trash-o deleteTierIcon" style="cursor: default;" aria-hidden="true"></i>
108 <div class="appliesTableHeading">Applies To:</div> 101 </button>
109 <div class="appliesTableBody"> 102 </div>
110 <div class="firstDiv"> 103 <div class="clearfix"></div>
111 <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts">{{aircraftList.model}}</label> 104 </div>
112 </div> 105 <div style="display: none;" class="toggleCHildBody" id="{{jets.id}}">
113 <div class="lastDiv"> 106 <div class="col-xs-12">
114 <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea> 107 <div class="col-xs-12">
115 <div class="reportedByTag"> 108 <div class="appliesTableHeading">Applies To:</div>
116 <div class="confirmedTag">Confirmed</div> 109 <div class="appliesTableBody">
117 <table> 110 <div class="firstDiv">
118 <tr> 111 <label style="font-weight: normal;" ng-repeat="aircraftList in jets.aircrafts">{{aircraftList.model}}</label>
119 <td width="50%"> 112 </div>
120 Reported By: 113 <div class="lastDiv">
121 </td> 114 <textarea ng-model="jets.rampFeesAndAvoidance.notes"></textarea>
122 <td width="50%"> 115 <div class="reportedByTag">
123 {{jets.rampFeesAndAvoidance.reportedBy}} 116 <div class="confirmedTag">Confirmed</div>
124 </td> 117 <table>
125 </tr> 118 <tr>
126 <tr> 119 <td width="50%">
127 <td width="50%"> 120 Reported By:
128 Reported On: 121 </td>
129 </td> 122 <td width="50%">
130 <td width="50%"> 123 {{jets.rampFeesAndAvoidance.reportedBy}}
131 <!-- {{jets.rampFeesAndAvoidance.reportedOn}} --> 124 </td>
132 {{todayDateNew}} 125 </tr>
133 </td> 126 <tr>
134 </tr> 127 <td width="50%">
135 <tr> 128 Reported On:
136 <td colspan="2"> 129 </td>
137 <i>Click the Save Form button to Re-Confirm</i> 130 <td width="50%">
138 </td> 131 <!-- {{jets.rampFeesAndAvoidance.reportedOn}} -->
132 {{todayDateNew}}
139 </tr> 133 </td>
140 </table> 134 </tr>
141 </div> 135 <tr>
142 </div> 136 <td colspan="2">
143 <div class="clearfix"></div> 137 <i>Click the Save Form button to Re-Confirm</i>
144 </div> 138 </td>
145 </div> 139 </tr>
146 <div class="clearfix"></div> 140 </table>
147 </div> 141 </div>
148 <div class="clearfix"></div> 142 </div>
149 </div> 143 <div class="clearfix"></div>
150 </div> 144 </div>
151 </div> 145 </div>
152 </div> 146 <div class="clearfix"></div>
153 </div> 147 </div>
154 <div class="col-md-3 text-center feeManagerRight" style="padding: 0;"> 148 <div class="clearfix"></div>
155 <div class="text-center"> 149 </div>
156 <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 150 </div>
157 <button type="reset" class="btn btn-default">Cancel</button> 151 </div>
158 </div> 152 </div>
159 </div> 153 </div>
160 <div class="clearfix"></div> 154 <div class="col-md-3 text-center feeManagerRight" style="padding: 0;">
161 <br/> 155 <div class="text-center">
162 </div> 156 <button type="submit" ng-click="updateList(fullJetList)" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
163 </section> 157 <button type="reset" class="btn btn-default">Cancel</button>
164 </div> 158 </div>
165 <!-- /widget-content --> 159 </div>
166 </div> 160 <div class="clearfix"></div>
167 <!-- /widget --> 161 <br/>
168 </div> 162 </div>
169 <!-- /span6 --> 163 </section>
170 </div> 164 </div>
171 <!-- /span12 --> 165 <!-- /widget-content -->
172 </div> <!-- /container 2 --> 166 </div>
173 167 <!-- /widget -->
174 <div ng-show="openRampFeeModal"> 168 </div>
175 <div class="customBackdrop"> 169 <!-- /span6 -->
176 <div class="customModalInner"> 170 </div>
177 <div class="customModelHead"> 171 <!-- /span12 -->
178 <p class="pull-left"> 172 </div> <!-- /container 2 -->
179 <i class="fa fa-list-alt" aria-hidden="true"></i> 173
180 Add Ramp Fee 174 <div ng-show="openRampFeeModal">
181 </p> 175 <div class="customBackdrop">
182 <p class="pull-right"> 176 <div class="customModalInner">
183 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeRampFeeModel()"></i> 177 <div class="customModelHead">
184 </p> 178 <p class="pull-left">
185 <div class="clearfix"></div> 179 <i class="fa fa-list-alt" aria-hidden="true"></i>
186 </div> 180 Add Ramp Fee
187 <div class="customModelBody"> 181 </p>
188 182 <p class="pull-right">
189 <div ng-show="showWeightForm"> 183 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeRampFeeModel()"></i>
190 184 </p>
191 <div class="col-xs-12 col-sm-4"> 185 <div class="clearfix"></div>
192 Type: 186 </div>
193 </div> 187 <div class="customModelBody">
194 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 188
195 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 189 <div ng-show="showWeightForm">
196 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 190
197 </select> 191 <div class="col-xs-12 col-sm-4">
198 </div> 192 Type:
199 <div class="clearfix"></div> 193 </div>
200 <br/> 194 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
201 195 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
202 <div> 196 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
203 <div class="col-xs-12 col-sm-4"> 197 </select>
204 Weight Range Min: 198 </div>
205 </div> 199 <div class="clearfix"></div>
206 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 200 <br/>
207 <input type="number" value="0.00" ng-model="customRampData.weightRangeMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 201
208 </div> 202 <div>
209 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 203 <div class="col-xs-12 col-sm-4">
210 lbs. 204 Weight Range Min:
211 </div> 205 </div>
212 <div class="clearfix"></div> 206 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
213 <br/> 207 <input type="number" value="0.00" ng-model="customRampData.weightRangeMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
214 <div class="col-xs-12 col-sm-4"> 208 </div>
215 Weight Range Max: 209 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
216 </div> 210 lbs.
217 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 211 </div>
218 <input type="number" value="0.00" ng-model="customRampData.weightRangeMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 212 <div class="clearfix"></div>
219 </div> 213 <br/>
220 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 214 <div class="col-xs-12 col-sm-4">
221 lbs. 215 Weight Range Max:
222 </div> 216 </div>
223 <div class="clearfix"></div> 217 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
224 <br/> 218 <input type="number" value="0.00" ng-model="customRampData.weightRangeMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
225 </div> 219 </div>
226 220 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
227 <div> 221 lbs.
228 <div class="col-xs-12 col-sm-4"> 222 </div>
229 Ramp/Facil. Fee($): 223 <div class="clearfix"></div>
230 </div> 224 <br/>
231 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 225 </div>
232 <input type="number" value="0" ng-model="customRampData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 226
233 </div> 227 <div>
234 <div class="clearfix"></div> 228 <div class="col-xs-12 col-sm-4">
235 <br/> 229 Ramp/Facil. Fee($):
236 </div> 230 </div>
237 <div> 231 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
238 <div class="col-xs-12 col-sm-4"> 232 <input type="number" value="0" ng-model="customRampData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
239 Avoidance: 233 </div>
240 </div> 234 <div class="clearfix"></div>
241 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 235 <br/>
242 <input type="number" value="0" ng-model="customRampData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 236 </div>
243 </div> 237 <div>
244 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 238 <div class="col-xs-12 col-sm-4">
245 gal. 239 Avoidance:
246 </div> 240 </div>
247 <div class="clearfix"></div> 241 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
248 </div> 242 <input type="number" value="0" ng-model="customRampData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
249 243 </div>
250 </div> 244 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
251 245 gal.
252 <div ng-show="showMakeModelForm"> 246 </div>
253 247 <div class="clearfix"></div>
254 <div class="col-xs-12 col-sm-4"> 248 </div>
255 Type: 249
256 </div> 250 </div>
257 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 251
258 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 252 <div ng-show="showMakeModelForm">
259 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 253
260 </select> 254 <div class="col-xs-12 col-sm-4">
261 </div> 255 Type:
262 <div class="clearfix"></div> 256 </div>
263 <br/> 257 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
264 258 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
265 <div> 259 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
266 <div class="col-xs-12 col-sm-4"> 260 </select>
267 Aircraft Make: 261 </div>
268 </div> 262 <div class="clearfix"></div>
269 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 263 <br/>
270 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customMakeData.aircraftMake"> 264
271 <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> 265 <div>
272 </select> 266 <div class="col-xs-12 col-sm-4">
273 </div> 267 Aircraft Make:
274 <div class="clearfix"></div> 268 </div>
275 <br/> 269 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
276 </div> 270 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customMakeData.aircraftMake">
277 271 <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option>
278 <div> 272 </select>
279 <div class="col-xs-12 col-sm-4"> 273 </div>
280 Ramp/Facil. Fee($): 274 <div class="clearfix"></div>
281 </div> 275 <br/>
282 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 276 </div>
283 <input type="number" value="0" ng-model="customMakeData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 277
284 </div> 278 <div>
285 <div class="clearfix"></div> 279 <div class="col-xs-12 col-sm-4">
286 <br/> 280 Ramp/Facil. Fee($):
287 </div> 281 </div>
288 <div> 282 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
289 <div class="col-xs-12 col-sm-4"> 283 <input type="number" value="0" ng-model="customMakeData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
290 Avoidance: 284 </div>
291 </div> 285 <div class="clearfix"></div>
292 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 286 <br/>
293 <input type="number" value="0" ng-model="customMakeData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 287 </div>
294 </div> 288 <div>
295 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 289 <div class="col-xs-12 col-sm-4">
296 gal. 290 Avoidance:
297 </div> 291 </div>
298 <div class="clearfix"></div> 292 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
299 </div> 293 <input type="number" value="0" ng-model="customMakeData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
300 294 </div>
301 </div> 295 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
302 296 gal.
303 <div ng-show="showWingspanForm"> 297 </div>
304 298 <div class="clearfix"></div>
305 <div class="col-xs-12 col-sm-4"> 299 </div>
306 Type: 300
307 </div> 301 </div>
308 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 302
309 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 303 <div ng-show="showWingspanForm">
310 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 304
311 </select> 305 <div class="col-xs-12 col-sm-4">
312 </div> 306 Type:
313 <div class="clearfix"></div> 307 </div>
314 <br/> 308 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
315 309 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
316 <div> 310 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
317 <div class="col-xs-12 col-sm-4"> 311 </select>
318 Wingspan Min: 312 </div>
319 </div> 313 <div class="clearfix"></div>
320 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 314 <br/>
321 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 315
322 </div> 316 <div>
323 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 317 <div class="col-xs-12 col-sm-4">
324 ft. 318 Wingspan Min:
325 </div> 319 </div>
326 <div class="clearfix"></div> 320 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
327 <br/> 321 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMin" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
328 <div class="col-xs-12 col-sm-4"> 322 </div>
329 Wingspan Max: 323 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
330 </div> 324 ft.
331 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 325 </div>
332 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 326 <div class="clearfix"></div>
333 </div> 327 <br/>
334 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 328 <div class="col-xs-12 col-sm-4">
335 ft. 329 Wingspan Max:
336 </div> 330 </div>
337 <div class="clearfix"></div> 331 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
338 <br/> 332 <input type="number" value="0.00" ng-model="customWingspanData.wingspanMax" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
339 </div> 333 </div>
340 334 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
341 <div> 335 ft.
342 <div class="col-xs-12 col-sm-4"> 336 </div>
343 Ramp/Facil. Fee($): 337 <div class="clearfix"></div>
344 </div> 338 <br/>
345 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 339 </div>
346 <input type="number" value="0" ng-model="customWingspanData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 340
347 </div> 341 <div>
348 <div class="clearfix"></div> 342 <div class="col-xs-12 col-sm-4">
349 <br/> 343 Ramp/Facil. Fee($):
350 </div> 344 </div>
351 <div> 345 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
352 <div class="col-xs-12 col-sm-4"> 346 <input type="number" value="0" ng-model="customWingspanData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
353 Avoidance: 347 </div>
354 </div> 348 <div class="clearfix"></div>
355 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 349 <br/>
356 <input type="number" value="0" ng-model="customWingspanData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 350 </div>
357 </div> 351 <div>
358 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 352 <div class="col-xs-12 col-sm-4">
359 gal. 353 Avoidance:
360 </div> 354 </div>
361 <div class="clearfix"></div> 355 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
362 </div> 356 <input type="number" value="0" ng-model="customWingspanData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
363 357 </div>
364 </div> 358 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
365 359 gal.
366 <div ng-show="showTailForm"> 360 </div>
367 361 <div class="clearfix"></div>
368 <div class="col-xs-12 col-sm-4"> 362 </div>
369 Type: 363
370 </div> 364 </div>
371 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 365
372 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()"> 366 <div ng-show="showTailForm">
373 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option> 367
374 </select> 368 <div class="col-xs-12 col-sm-4">
375 </div> 369 Type:
376 <div class="clearfix"></div> 370 </div>
377 <br/> 371 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
378 372 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customRampDataCraft.aircraftType" ng-change="openRampModal()">
379 <div> 373 <option ng-repeat="modalsNew in dropOptions" value="{{modalsNew.size}}">{{modalsNew.size}}</option>
380 <div class="col-xs-12 col-sm-4"> 374 </select>
381 Tail Numbers: 375 </div>
382 </div> 376 <div class="clearfix"></div>
383 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 377 <br/>
384 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customTailData.tailNumber"> 378
385 <!-- <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> --> 379 <div>
386 </select> 380 <div class="col-xs-12 col-sm-4">
387 </div> 381 Tail Numbers:
388 <div class="clearfix"></div> 382 </div>
389 <br/> 383 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
390 </div> 384 <select class="form-control" style="border-radius: 0; height: 26px; padding: 0;" ng-model="customTailData.tailNumber">
391 385 <!-- <option ng-repeat="crafts in aircrafts" value="{{crafts}}">{{crafts}}</option> -->
392 <div> 386 </select>
393 <div class="col-xs-12 col-sm-4"> 387 </div>
394 Ramp/Facil. Fee($): 388 <div class="clearfix"></div>
395 </div> 389 <br/>
396 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 390 </div>
397 <input type="number" value="0" ng-model="customTailData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 391
398 </div> 392 <div>
399 <div class="clearfix"></div> 393 <div class="col-xs-12 col-sm-4">
400 <br/> 394 Ramp/Facil. Fee($):
401 </div> 395 </div>
402 <div> 396 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
403 <div class="col-xs-12 col-sm-4"> 397 <input type="number" value="0" ng-model="customTailData.rampFees" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
404 Avoidance: 398 </div>
405 </div> 399 <div class="clearfix"></div>
406 <div class="col-xs-12 col-sm-4" style="padding-right: 0;"> 400 <br/>
407 <input type="number" value="0" ng-model="customTailData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" > 401 </div>
408 </div> 402 <div>
409 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;"> 403 <div class="col-xs-12 col-sm-4">
410 gal. 404 Avoidance:
411 </div> 405 </div>
412 <div class="clearfix"></div> 406 <div class="col-xs-12 col-sm-4" style="padding-right: 0;">
413 </div> 407 <input type="number" value="0" ng-model="customTailData.avoidance" class="form-control" style="border-radius: 0; height: 26px; padding: 0 5px;" >
414 408 </div>
415 </div> 409 <div class="col-xs-12 col-sm-4" style="padding-left: 5px;">
416 410 gal.
417 </div> 411 </div>
418 <div class="customModelFooter text-center"> 412 <div class="clearfix"></div>
419 <input type="submit" value="Save" class="btn" ng-show="showWeightForm" ng-click="addCustomRampNew(customRampData)"> 413 </div>
420 <input type="submit" value="Save" class="btn" ng-show="showMakeModelForm" ng-click="addCustomRampNew(customMakeData)"> 414
421 <input type="submit" value="Save" class="btn" ng-show="showWingspanForm" ng-click="addCustomRampNew(customWingspanData)"> 415 </div>
422 <input type="submit" value="Save" class="btn" ng-show="showTailForm" ng-click="addCustomRampNew(customTailData)"> 416
423 <button class="btn" ng-click="closeRampFeeModel()">Cancel</button> 417 </div>
424 </div> 418 <div class="customModelFooter text-center">
425 </div> 419 <input type="submit" value="Save" class="btn" ng-show="showWeightForm" ng-click="addCustomRampNew(customRampData)">
426 </div> 420 <input type="submit" value="Save" class="btn" ng-show="showMakeModelForm" ng-click="addCustomRampNew(customMakeData)">
427 </div> 421 <input type="submit" value="Save" class="btn" ng-show="showWingspanForm" ng-click="addCustomRampNew(customWingspanData)">
428 422 <input type="submit" value="Save" class="btn" ng-show="showTailForm" ng-click="addCustomRampNew(customTailData)">
429 <div class="customConfirmPopBackdrop" id="confirm1"> 423 <button class="btn" ng-click="closeRampFeeModel()">Cancel</button>
430 <div class="customModalInner"> 424 </div>
431 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 425 </div>
432 <table> 426 </div>
433 <tr> 427 </div>
434 <td> 428
435 <img src="img/info.png" style="width: 50px;"> 429 <div class="customConfirmPopBackdrop" id="confirm1">
436 </td> 430 <div class="customModalInner">
437 <td> 431 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
438 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Ramp Fee Template ?</p> 432 <table>
439 </td> 433 <tr>
440 </tr> 434 <td>
441 </table> 435 <img src="img/info.png" style="width: 50px;">
442 </div> 436 </td>
443 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 437 <td>
444 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 438 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Ramp Fee Template ?</p>
445 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 439 </td>
446 </div> 440 </tr>
447 </div> 441 </table>
448 </div> 442 </div>
449 443 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
450 444 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
451 445 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
452 446 </div>
453 <!-- Le javascript 447 </div>
454 ================================================== --> 448 </div>
455 <!-- Placed at the end of the document so the pages load faster --> 449
456 450
457 451
458 452
459 <script src="js/jquery-3.1.1.min.js"></script> 453 <!-- Le javascript
460 <script src="js/plugins/bootstrap-datepicker.js"></script> 454 ================================================== -->
461 <script type="text/javascript"> 455 <!-- Placed at the end of the document so the pages load faster -->
462 $(document).ready(function(){ 456
463 $('#data_1 .input-group.date').datepicker({ 457
464 todayBtn: "linked", 458
465 keyboardNavigation: false, 459 <script src="js/jquery-3.1.1.min.js"></script>
466 forceParse: false, 460 <script src="js/plugins/bootstrap-datepicker.js"></script>
467 calendarWeeks: true, 461 <script type="text/javascript">
468 autoclose: true 462 $(document).ready(function(){
469 }); 463 $('#data_1 .input-group.date').datepicker({
470 }) 464 todayBtn: "linked",
app/partials/login/login.service.js
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 angular.module('acufuel') 3 angular.module('acufuel')
4 .service('LoginService', ['$rootScope', '$q', '$http', '$state', 'BASE_URL', 'AUTH_EVENTS', 'USER_ROLES', LoginService]); 4 .service('LoginService', ['$rootScope', '$q', '$http', '$state', 'BASE_URL', 'AUTH_EVENTS', 'USER_ROLES', LoginService]);
5 5
6 function LoginService($rootScope, $q, $http, $state, BASE_URL, AUTH_EVENTS, USER_ROLES) { 6 function LoginService($rootScope, $q, $http, $state, BASE_URL, AUTH_EVENTS, USER_ROLES) {
7 var authService = {}, 7 var authService = {},
8 username = '', 8 username = '',
9 role = '', 9 role = '',
10 isAuthenticated = false; 10 isAuthenticated = false;
11 11
12 var currentUserDetail = JSON.parse(window.localStorage.getItem("currentUser")); 12 var currentUserDetail = JSON.parse(window.localStorage.getItem("currentUser"));
13 // console.log(currentUserDetail) 13 // console.log(currentUserDetail)
14 if (currentUserDetail) { 14 if (currentUserDetail) {
15 //console.log('aaya') 15 //console.log('aaya')
16 if(currentUserDetail.type == 'ADMIN' || currentUserDetail.type == 'FBO'){ 16 if(currentUserDetail.type == 'ADMIN' || currentUserDetail.type == 'FBO'){
17 $rootScope.isAuthenticated = true; 17 $rootScope.isAuthenticated = true;
18 role = USER_ROLES.admin; 18 role = USER_ROLES.admin;
19 }else if(currentUserDetail.type == 'FLIGHT_DEPT'){ 19 }else if(currentUserDetail.type == 'FLIGHT_DEPT'){
20 $rootScope.isAuthenticated = false; 20 $rootScope.isAuthenticated = false;
21 role = USER_ROLES.user; 21 role = USER_ROLES.user;
22 } 22 }
23 } 23 }
24 24
25 authService.loginUser = function(data) { 25 authService.loginUser = function(data) {
26 26
27 var deferred = $q.defer(); 27 var deferred = $q.defer();
28 $http({ 28 $http({
29 method : 'POST', 29 method : 'POST',
30 url : BASE_URL.url +'/login', 30 url : BASE_URL.url +'/login',
31 headers : {'Content-Type': 'application/x-www-form-urlencoded'}, 31 headers : {'Content-Type': 'application/x-www-form-urlencoded'},
32 data : data 32 data : data
33 }) 33 })
34 .then(function (result){ 34 .then(function (result){
35 deferred.resolve(result.data); 35 deferred.resolve(result.data);
36 },function (result){ 36 },function (result){
37 //console.log(result.data) 37 //console.log(result.data)
38 deferred.resolve(result.data); 38 deferred.resolve(result.data);
39 }) 39 })
40 return deferred.promise; 40 return deferred.promise;
41 } 41 }
42 42
43 authService.authenticate = function() { 43 authService.authenticate = function() {
44 var deferred = $q.defer(); 44 var deferred = $q.defer();
45 $http({ 45 $http({
46 method : 'GET', 46 method : 'GET',
47 url : BASE_URL.url+'/user/authenticate', 47 url : BASE_URL.url+'/user/authenticate',
48 headers : {'Content-Type': 'application/x-www-form-urlencoded'} 48 headers : {'Content-Type': 'application/x-www-form-urlencoded'}
49 }).then(function (result){ 49 }).then(function (result){
50 if(result.data.userProfile.userType.type == 'ADMIN' || result.data.userProfile.userType.type == 'FBO' || result.data.userProfile.userType.type == 'FLIGHT_DEPT'){ 50 if(result.data.userProfile.userType.type == 'ADMIN' || result.data.userProfile.userType.type == 'FBO' || result.data.userProfile.userType.type == 'FLIGHT_DEPT'){
51 authService.setUser(result.data); 51 authService.setUser(result.data);
52 $state.go('app.dashboard') 52 $state.go('app.dashboard')
53 }else{ 53 }else{
54 localStorage.clear(); 54 localStorage.clear();
55 toastr.info("Please check username and password"); 55 toastr.info("Please check username and password");
56 } 56 }
57 deferred.resolve(result.data); 57 deferred.resolve(result.data);
58 },function (result){ 58 },function (result){
59 deferred.resolve(result.data); 59 deferred.resolve(result.data);
60 }); 60 });
61 return deferred.promise; 61 return deferred.promise;
62 } 62 }
63 63
64 // authService.setAuth = function(data) { 64 // authService.setAuth = function(data) {
65 // localStorage.setItem('loginStatus', data); 65 // localStorage.setItem('loginStatus', data);
66 // } 66 // }
67 67
68 authService.logout = function(data) { 68 authService.logout = function(data) {
69 69
70 // localStorage.clear(); 70 // localStorage.clear();
71 // $rootScope.isAuthenticated = false; 71 // $rootScope.isAuthenticated = false;
72 // $rootScope.$broadcast(AUTH_EVENTS.updateUser); 72 // $rootScope.$broadcast(AUTH_EVENTS.updateUser);
73 73
74 var deferred = $q.defer(); 74 var deferred = $q.defer();
75 $http({ 75 $http({
76 method : 'POST', 76 method : 'POST',
77 url : BASE_URL.url +'/user/logout', 77 url : BASE_URL.url +'/user/logout',
78 headers : {'Content-Type': 'application/json'}, 78 headers : {'Content-Type': 'application/json'},
79 data : data 79 data : data
80 }) 80 })
81 .success(function(result) { 81 .success(function(result) {
82 deferred.resolve(result.data); 82 deferred.resolve(result.data);
83 }) 83 })
84 return deferred.promise; 84 return deferred.promise;
85 } 85 }
86 86
87 87
88 88
89 authService.getUser = function () { 89 authService.getUser = function () {
90 return JSON.parse(window.localStorage.getItem("currentUser")); 90 return JSON.parse(window.localStorage.getItem("currentUser"));
91 } 91 }
92 92
93 authService.setUser = function (authData) { 93 authService.setUser = function (authData) {
94 console.log('authdata', authData);
94 console.log('authdata', authData); 95 window.localStorage.setItem("currentUser", JSON.stringify(authData.userProfile.userType));
95 window.localStorage.setItem("currentUser", JSON.stringify(authData.userProfile.userType)); 96 window.localStorage.setItem("userProfileId", JSON.stringify(authData.userProfile.id));
97 window.localStorage.setItem('currentUserName', JSON.stringify(authData.userProfile.firstName +' '+ authData.userProfile.lastName));
96 window.localStorage.setItem("userProfileId", JSON.stringify(authData.userProfile.id)); 98 if(authData.userProfile.userType.type == 'ADMIN' || authData.userProfile.userType.type == 'FBO'){
97 window.localStorage.setItem('currentUserName', JSON.stringify(authData.userProfile.firstName +' '+ authData.userProfile.lastName)); 99 role = USER_ROLES.admin;
98 if(authData.userProfile.userType.type == 'ADMIN' || authData.userProfile.userType.type == 'FBO'){ 100 $rootScope.isAuthenticated = true;
99 role = USER_ROLES.admin; 101 }else if(authData.userProfile.userType.type == 'FLIGHT_DEPT'){
100 $rootScope.isAuthenticated = true; 102 role = USER_ROLES.user;
101 }else if(authData.userProfile.userType.type == 'FLIGHT_DEPT'){ 103 $rootScope.isAuthenticated = false;
102 role = USER_ROLES.user; 104 }
103 $rootScope.isAuthenticated = false; 105 }
104 } 106
105 } 107 authService.isAuthenticated = function () {
106 108 return isAuthenticated;
107 authService.isAuthenticated = function () { 109 }
108 return isAuthenticated; 110
109 } 111 authService.role = function () {
110 112 return role;
111 authService.role = function () { 113 }
112 return role; 114
113 } 115 authService.isAuthorized = function (authorizedRoles) {
114 116 if (!angular.isArray(authorizedRoles)) {
115 authService.isAuthorized = function (authorizedRoles) { 117 authorizedRoles = [authorizedRoles];
116 if (!angular.isArray(authorizedRoles)) { 118 }
117 authorizedRoles = [authorizedRoles]; 119 return (authService.isAuthenticated() && authorizedRoles.indexOf(role) !== -1);
118 } 120 }
119 return (authService.isAuthenticated() && authorizedRoles.indexOf(role) !== -1); 121
120 } 122 return authService;
121 123 }
122 return authService; 124
123 } 125 })();
app/partials/main/main.html
1 <nav class="navbar navbar-inverse" role="navigation"> 1 <nav class="navbar navbar-inverse" role="navigation">
2 <div class="container"> 2 <div class="container">
3 <!-- Brand and toggle get grouped for better mobile display --> 3 <!-- Brand and toggle get grouped for better mobile display -->
4 <div class="navbar-header"> 4 <div class="navbar-header">
5 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 5 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
6 <span class="sr-only">Toggle navigation</span> 6 <span class="sr-only">Toggle navigation</span>
7 <i class="icon-cog"></i> 7 <i class="icon-cog"></i>
8 </button> 8 </button>
9 <a class="navbar-brand" ui-sref="app.dashboard"> 9 <a class="navbar-brand" ui-sref="app.dashboard">
10 <img src="./img/acufuelLOGOwhite.png" class="img-logo"> 10 <img src="./img/acufuelLOGOwhite.png" class="img-logo">
11 </a> 11 </a>
12 </div> 12 </div>
13 <!-- Collect the nav links, forms, and other content for toggling --> 13 <!-- Collect the nav links, forms, and other content for toggling -->
14 <div class="collapse navbar-collapse navbar-ex1-collapse"> 14 <div class="collapse navbar-collapse navbar-ex1-collapse">
15 <ul class="nav navbar-nav navbar-right"> 15 <ul class="nav navbar-nav navbar-right">
16 <li class="dropdown"> 16 <li class="dropdown">
17 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown"> 17 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown">
18 <i class="icon-plane"></i> 18 <i class="icon-plane"></i>
19 Latitiude Jet Center 19 Latitiude Jet Center
20 <b class="caret"></b> 20 <b class="caret"></b>
21 </a> 21 </a>
22 <ul class="dropdown-menu"> 22 <ul class="dropdown-menu">
23 <li><a href="javascript:;">FBO Profile</a></li> 23 <li><a href="javascript:;">FBO Profile</a></li>
24 <li><a ui-sref="app.accountSetting">Account Settings</a></li> 24 <li><a ui-sref="app.accountSetting">Account Settings</a></li>
25 <li class="divider"></li> 25 <li class="divider"></li>
26 <li><a href="#" ng-click="logout();">Logout</a></li> 26 <li><a href="#" ng-click="logout();">Logout</a></li>
27 </ul> 27 </ul>
28 </li> 28 </li>
29 </ul> 29 </ul>
30 </div> 30 </div>
31 <!-- /.navbar-collapse --> 31 <!-- /.navbar-collapse -->
32 </div> 32 </div>
33 <!-- /.container --> 33 <!-- /.container -->
34 </nav> 34 </nav>
35 <div class="subnavbar"> 35 <div class="subnavbar">
36 <div class="subnavbar-inner"> 36 <div class="subnavbar-inner">
37 <div class="container"> 37 <div class="container">
38 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse"> 38 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
39 <span class="sr-only">Toggle navigation</span> 39 <span class="sr-only">Toggle navigation</span>
40 <i class="icon-reorder"></i> 40 <i class="icon-reorder"></i>
41 </a> 41 </a>
42 <div class="collapse subnav-collapse"> 42 <div class="collapse subnav-collapse">
43 <ul class="mainnav"> 43 <ul class="mainnav">
44 <li> 44 <li>
45 <a ui-sref="app.dashboard"> 45 <a ui-sref="app.dashboard">
46 <i class="fa fa-home"></i> 46 <i class="fa fa-home"></i>
47 <span>Home</span> 47 <span>Home</span>
48 </a> 48 </a>
49 </li> 49 </li>
50 <li class="dropdown"> 50 <li class="dropdown">
51 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 51 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
52 <i class="fa fa-tint"></i> 52 <i class="fa fa-tint"></i>
53 <span>Fuel Manager</span> 53 <span>Fuel Manager</span>
54 <b class="caret"></b> 54 <b class="caret"></b>
55 </a> 55 </a>
56 <ul class="dropdown-menu"> 56 <ul class="dropdown-menu">
57 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li> 57 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li>
58 <li>
59 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a>
60 </li>
58 <li> 61 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Free Manager</a></li>
59 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a> 62 <li class="dropdown-submenu">
60 </li> 63 <a tabindex="-1" href="#">Tax Manager</a>
61 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Free Manager</a></li> 64 <ul class="dropdown-menu">
62 <li class="dropdown-submenu"> 65 <li><a tabindex="-1" href="#">Federal Taxes</a></li>
63 <a tabindex="-1" href="#">Tax Manager</a> 66 <li><a href="#">State & Country Taxes</a></li>
64 <ul class="dropdown-menu"> 67 <li><a href="#">Airport Taxes</a></li>
65 <li><a tabindex="-1" href="#">Federal Taxes</a></li> 68 </ul>
66 <li><a href="#">State & Country Taxes</a></li> 69 </li>
67 <li><a href="#">Airport Taxes</a></li> 70 <li class="dropdown-submenu">
68 </ul> 71 <a tabindex="-1" href="#">Fuel Orders</a>
69 </li> 72 <ul class="dropdown-menu">
70 <li class="dropdown-submenu"> 73 <li><a ui-sref="app.fuelOrders">Pending</a></li>
71 <a tabindex="-1" href="#">Fuel Orders</a> 74 <li><a ui-sref="app.fuelOrders">Invoiced</a></li>
72 <ul class="dropdown-menu"> 75 <li><a ui-sref="app.fuelOrders">Canceled</a></li>
73 <li><a ui-sref="app.fuelOrders">Pending</a></li> 76 <li><a ui-sref="app.fuelOrders">Archived</a></li>
74 <li><a ui-sref="app.fuelOrders">Invoiced</a></li> 77 </ul>
75 <li><a ui-sref="app.fuelOrders">Canceled</a></li> 78 </li>
76 <li><a ui-sref="app.fuelOrders">Archived</a></li> 79 </ul>
77 </ul> 80 </li>
78 </li> 81 <li class="dropdown">
79 </ul> 82 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
80 </li> 83 <i class="fa fa-user"></i>
81 <li class="dropdown"> 84 <span>Customers</span>
82 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 85 <b class="caret"></b>
83 <i class="fa fa-user"></i> 86 </a>
84 <span>Customers</span> 87 <ul class="dropdown-menu">
85 <b class="caret"></b> 88 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->
86 </a> 89 <li><a ui-sref="app.customers">View Contacts</a></li>
87 <ul class="dropdown-menu"> 90 <li><a ui-sref="app.account">View Fuel Vendors</a></li>
88 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> --> 91 <li><a ui-sref="app.analytics">Research Flight Dept</a></li>
89 <li><a ui-sref="app.customers">View Contacts</a></li> 92 </ul>
90 <li><a ui-sref="app.account">View Fuel Vendors</a></li> 93 </li>
91 <li><a ui-sref="app.analytics">Research Flight Dept</a></li> 94 <li class="">
92 </ul> 95 <a ui-sref="app.scheduler">
93 </li> 96 <i class="fa fa-calendar"></i>
94 <li class=""> 97 <span>Scheduler</span>
95 <a ui-sref="app.scheduler"> 98 </a>
96 <i class="fa fa-calendar"></i> 99 </li>
97 <span>Scheduler</span> 100 <li class="dropdown">
98 </a> 101 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown">
99 </li> 102 <i class="fa fa-signal"></i>
100 <li class="dropdown"> 103 <span>Analytics</span>
101 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown"> 104 <b class="caret"></b>
102 <i class="fa fa-signal"></i> 105 </a>
103 <span>Analytics</span> 106 <ul class="dropdown-menu">
104 <b class="caret"></b> 107 <li><a href="#">Live Flight tracking</a></li>
105 </a> 108 <li><a href="#">Research Flight Dept</a></li>
106 <ul class="dropdown-menu"> 109 <li><a href="#">Historical Fuel Prices</a></li>
107 <li><a href="#">Live Flight tracking</a></li> 110 <li><a href="#">Regional Pricing</a></li>
108 <li><a href="#">Research Flight Dept</a></li> 111 <li><a href="#">Actual vs. Canceled Fuelings</a></li>
109 <li><a href="#">Historical Fuel Prices</a></li> 112 <li><a href="#">Customer Lead Sources</a></li>
110 <li><a href="#">Regional Pricing</a></li> 113 </ul>
111 <li><a href="#">Actual vs. Canceled Fuelings</a></li> 114 </li>
112 <li><a href="#">Customer Lead Sources</a></li> 115 </ul>
113 </ul> 116 </div>
114 </li> 117 <!-- /.subnav-collapse -->
115 </ul> 118 </div>
116 </div> 119 <!-- /container -->
117 <!-- /.subnav-collapse --> 120 </div>
118 </div> 121 <!-- /subnavbar-inner -->
119 <!-- /container --> 122 </div>
120 </div> 123 <!-- /subnavbar -->
121 <!-- /subnavbar-inner --> 124 <div ui-view></div>
122 </div> 125 <!-- </body> -->
123 <!-- /subnavbar --> 126 <!-- footer -->
124 <div ui-view></div> 127 <div class="extra">
125 <!-- </body> --> 128 <div class="container">
126 <!-- footer --> 129 <div class="row">
127 <div class="extra"> 130 <div class="col-md-3">
128 <div class="container"> 131 <h4>About</h4>
129 <div class="row"> 132 <ul>
130 <div class="col-md-3"> 133 <li><a href="javascript:;">About Us</a></li>
131 <h4>About</h4> 134 <li><a href="javascript:;">Twitter</a></li>
132 <ul> 135 <li><a href="javascript:;">Facebook</a></li>
133 <li><a href="javascript:;">About Us</a></li> 136 <li><a href="javascript:;">Google+</a></li>
134 <li><a href="javascript:;">Twitter</a></li> 137 </ul>
135 <li><a href="javascript:;">Facebook</a></li> 138 </div>
136 <li><a href="javascript:;">Google+</a></li> 139 <!-- /span3 -->
137 </ul> 140 <div class="col-md-3">
138 </div> 141 <h4>Support</h4>
139 <!-- /span3 --> 142 <ul>
140 <div class="col-md-3"> 143 <li><a href="javascript:;">Frequently Asked Questions</a></li>
141 <h4>Support</h4> 144 <li><a href="javascript:;">Ask a Question</a></li>
142 <ul> 145 <li><a href="javascript:;">Video Tutorial</a></li>
143 <li><a href="javascript:;">Frequently Asked Questions</a></li> 146 <li><a href="javascript:;">Feedback</a></li>
144 <li><a href="javascript:;">Ask a Question</a></li> 147 </ul>
145 <li><a href="javascript:;">Video Tutorial</a></li> 148 </div>
146 <li><a href="javascript:;">Feedback</a></li> 149 <!-- /span3 -->
147 </ul> 150 <div class="col-md-3">
148 </div> 151 <h4>Legal</h4>
149 <!-- /span3 --> 152 <ul>
150 <div class="col-md-3"> 153 <li><a href="javascript:;">License</a></li>
151 <h4>Legal</h4> 154 <li><a href="javascript:;">Terms of Use</a></li>
152 <ul> 155 <li><a href="javascript:;">Privacy Policy</a></li>
153 <li><a href="javascript:;">License</a></li> 156 <li><a href="javascript:;">Security</a></li>
154 <li><a href="javascript:;">Terms of Use</a></li> 157 </ul>
155 <li><a href="javascript:;">Privacy Policy</a></li> 158 </div>
156 <li><a href="javascript:;">Security</a></li> 159 <!-- /span3 -->
157 </ul> 160 <div class="col-md-3">
158 </div> 161 <h4>Settings</h4>
159 <!-- /span3 --> 162 <ul>
160 <div class="col-md-3"> 163 <li><a href="javascript:;">Consectetur adipisicing</a></li>
161 <h4>Settings</h4> 164 <li><a href="javascript:;">Eiusmod tempor </a></li>
162 <ul> 165 <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
163 <li><a href="javascript:;">Consectetur adipisicing</a></li> 166 <li><a href="javascript:;">Officia deserunt</a></li>
164 <li><a href="javascript:;">Eiusmod tempor </a></li> 167 </ul>
165 <li><a href="javascript:;">Fugiat nulla pariatur</a></li> 168 </div>
166 <li><a href="javascript:;">Officia deserunt</a></li> 169 <!-- /span3 -->
167 </ul> 170 </div>
168 </div> 171 <!-- /row -->
169 <!-- /span3 --> 172 </div>
170 </div> 173 <!-- /container -->
171 <!-- /row --> 174 </div>
172 </div> 175 <!-- /extra -->
173 <!-- /container --> 176 <div class="footer">
174 </div> 177 <div class="container">
175 <!-- /extra --> 178 <div class="row">
176 <div class="footer"> 179 <div id="footer-copyright" class="col-md-6">
177 <div class="container"> 180 &copy; 2012-13 Jumpstart UI.
178 <div class="row"> 181 </div>
179 <div id="footer-copyright" class="col-md-6"> 182 <!-- /span6 -->
180 &copy; 2012-13 Jumpstart UI. 183 <div id="footer-terms" class="col-md-6">
181 </div> 184 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a>
182 <!-- /span6 --> 185 </div>
183 <div id="footer-terms" class="col-md-6"> 186 <!-- /.span6 -->
184 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a> 187 </div>
185 </div> 188 <!-- /row -->
186 <!-- /.span6 --> 189 </div>
187 </div> 190 <!-- /container -->
188 <!-- /row --> 191 </div>
189 </div> 192
app/partials/viewcontact/viewcontact.controller.js
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('viewcontactController', ['$scope', '$stateParams', '$state', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, $state, ViewcontactService, ViewCompanyService) { 6 .controller('viewcontactController', ['$scope', '$stateParams', '$state', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, $state, ViewcontactService, ViewCompanyService) {
7 $scope.showLoader = true; 7 $scope.showLoader = true;
8 $scope.showUpdateBtn = false; 8 $scope.showUpdateBtn = false;
9 var contactId = $stateParams.id; 9 var contactId = $stateParams.id;
10 $scope.contactDetail = {}; 10 $scope.contactDetail = {};
11 var contactCompanyId = ""; 11 var contactCompanyId = "";
12 ViewcontactService.getContact(contactId).then(function(result) { 12 ViewcontactService.getContact(contactId).then(function(result) {
13 $scope.contactDetail = result; 13 $scope.contactDetail = result;
14 $scope.showLoader = false; 14 $scope.showLoader = false;
15 contactCompanyId = result.owner.id; 15 contactCompanyId = result.owner.id;
16 }) 16 })
17 17
18 $scope.contactIdList = {}; 18 $scope.contactIdList = {};
19 var index; 19 var index;
20 var one = 1; 20 var one = 1;
21 var selectedId; 21 var selectedId;
22 22
23 ViewcontactService.getContactsList(contactId).then(function(list){ 23 ViewcontactService.getContactsList(contactId).then(function(list){
24 $scope.contactIdList = list; 24 $scope.contactIdList = list;
25 index = $scope.contactIdList.indexOf(contactId); 25 index = $scope.contactIdList.indexOf(contactId);
26 selectedId = $scope.contactIdList[index]; 26 selectedId = $scope.contactIdList[index];
27 }) 27 })
28 28
29 $scope.nextContact = function(){ 29 $scope.nextContact = function(){
30 $scope.showLoader = true; 30 $scope.showLoader = true;
31 index = index + one; 31 index = index + one;
32 selectedId = $scope.contactIdList[index]; 32 selectedId = $scope.contactIdList[index];
33 ViewcontactService.getContact(selectedId).then(function(result) { 33 ViewcontactService.getContact(selectedId).then(function(result) {
34 $scope.contactDetail = result; 34 $scope.contactDetail = result;
35 $scope.showLoader = false; 35 $scope.showLoader = false;
36 }) 36 })
37 } 37 }
38 38
39 $scope.prevContact = function(){ 39 $scope.prevContact = function(){
40 $scope.showLoader = true; 40 $scope.showLoader = true;
41 index = index - one; 41 index = index - one;
42 selectedId = $scope.contactIdList[index]; 42 selectedId = $scope.contactIdList[index];
43 ViewcontactService.getContact(selectedId).then(function(result) { 43 ViewcontactService.getContact(selectedId).then(function(result) {
44 $scope.contactDetail = result; 44 $scope.contactDetail = result;
45 $scope.showLoader = false; 45 $scope.showLoader = false;
46 }) 46 })
47 } 47 }
48 48
49 $scope.changePriceEmail = function(id){ 49 $scope.changePriceEmail = function(id){
50 var statusData = "status=" + $scope.contactDetail.priceEmail; 50 var statusData = "status=" + $scope.contactDetail.priceEmail;
51 ViewcontactService.changePriceEmail(id, statusData).then(function(result) { 51 ViewcontactService.changePriceEmail(id, statusData).then(function(result) {
52 if(result.success){ 52 if(result.success){
53 $('#toogleMail').css('display', 'block'); 53 $('#toogleMail').css('display', 'block');
54 if($scope.contactDetail.priceEmail == true){ 54 if($scope.contactDetail.priceEmail == true){
55 $scope.messageText = 'You have enabled price distribution for this contact'; 55 $scope.messageText = 'You have enabled price distribution for this contact';
56 }else{ 56 }else{
57 $scope.messageText = 'You have disabled price distribution for this contact'; 57 $scope.messageText = 'You have disabled price distribution for this contact';
58 } 58 }
59 } 59 }
60 }) 60 })
61 } 61 }
62 62
63 $scope.cancelToogle = function(){ 63 $scope.cancelToogle = function(){
64 $('#toogleMail').css('display', 'none'); 64 $('#toogleMail').css('display', 'none');
65 } 65 }
66 $scope.disableNext = true; 66 $scope.disableNext = true;
67 $scope.disablePrev = true;
67 $scope.disablePrev = true; 68 setInterval(function(){
68 setInterval(function(){ 69 var checkMaxLength = $scope.contactIdList.length - one;
69 var checkMaxLength = $scope.contactIdList.length - one; 70 if (index === checkMaxLength) {
70 if (index === checkMaxLength) { 71 $scope.disableNext = true;
71 $scope.disableNext = true; 72 }else{
72 }else{ 73 $scope.disableNext = false;
73 $scope.disableNext = false; 74 }
74 } 75 if (index === 0) {
75 if (index === 0) { 76 $scope.disablePrev = true;
76 $scope.disablePrev = true; 77 }else{
77 }else{ 78 $scope.disablePrev = false;
78 $scope.disablePrev = false; 79 }
79 } 80 }, 1);
80 }, 1); 81
81 82 $scope.editName = true;
82 $scope.editName = true; 83 $scope.editCompany = true;
83 $scope.editCompany = true; 84 $scope.editAddress = true;
84 $scope.editAddress = true; 85 $scope.editPhone = true;
85 $scope.editPhone = true; 86 $scope.editMobile = true;
86 $scope.editMobile = true; 87 $scope.editEmail = true;
87 $scope.editEmail = true; 88 $scope.editContactNotes = true;
88 $scope.editContactNotes = true; 89
89 90 $scope.nameEdit = function(){
90 $scope.nameEdit = function(){ 91 $scope.editName = false;
91 $scope.editName = false; 92 $scope.showUpdateBtn = true;
92 $scope.showUpdateBtn = true; 93 }
93 } 94 $scope.addressEdit = function(){
94 $scope.addressEdit = function(){ 95 $scope.editAddress = false;
95 $scope.editAddress = false; 96 $scope.showUpdateBtn = true;
96 $scope.showUpdateBtn = true; 97 }
97 } 98 $scope.phoneEdit = function(){
98 $scope.phoneEdit = function(){ 99 $scope.editPhone = false;
99 $scope.editPhone = false; 100 $scope.showUpdateBtn = true;
100 $scope.showUpdateBtn = true; 101 }
101 } 102 $scope.mobileEdit = function(){
102 $scope.mobileEdit = function(){ 103 $scope.editMobile = false;
103 $scope.editMobile = false; 104 $scope.showUpdateBtn = true;
104 $scope.showUpdateBtn = true; 105 }
105 } 106 $scope.emailEdit = function(){
106 $scope.emailEdit = function(){ 107 $scope.editEmail = false;
107 $scope.editEmail = false; 108 $scope.showUpdateBtn = true;
108 $scope.showUpdateBtn = true; 109 }
109 } 110 $scope.notesEdit = function(){
110 $scope.notesEdit = function(){ 111 $scope.editContactNotes = false;
111 $scope.editContactNotes = false; 112 $scope.showUpdateBtn = true;
112 $scope.showUpdateBtn = true; 113 }
113 } 114
114 115 $scope.conData = {};
115 $scope.conData = {}; 116 $scope.contactData = {};
116 $scope.contactData = {}; 117 $scope.contactData.contactList = [];
117 $scope.contactData.contactList = []; 118 $scope.updateContact = function(data){
118 $scope.updateContact = function(data){ 119 $scope.showLoader = true;
119 $scope.showLoader = true; 120 $scope.editName = true;
120 $scope.editName = true; 121 $scope.editCompany = true;
121 $scope.editCompany = true; 122 $scope.editAddress = true;
122 $scope.editAddress = true; 123 $scope.editPhone = true;
123 $scope.editPhone = true; 124 $scope.editMobile = true;
124 $scope.editMobile = true; 125 $scope.editEmail = true;
125 $scope.editEmail = true; 126 $scope.editContactNotes = true;
126 $scope.editContactNotes = true; 127
127 128 $scope.conData.address = data.address;
128 $scope.conData.address = data.address; 129 $scope.conData.email = data.email;
129 $scope.conData.email = data.email; 130 $scope.conData.firstName = data.firstName;
130 $scope.conData.firstName = data.firstName; 131 $scope.conData.id = data.id;
131 $scope.conData.id = data.id; 132 $scope.conData.lastName = data.lastName;
132 $scope.conData.lastName = data.lastName; 133 $scope.conData.mobilePhone = data.mobilePhone;
133 $scope.conData.mobilePhone = data.mobilePhone; 134 $scope.conData.note = data.note;
134 $scope.conData.note = data.note; 135 $scope.conData.password = data.password;
135 $scope.conData.password = data.password; 136 $scope.conData.priceEmail = data.priceEmail;
136 $scope.conData.priceEmail = data.priceEmail; 137 $scope.conData.primaryContact = data.primaryContact;
137 $scope.conData.primaryContact = data.primaryContact; 138 $scope.conData.title = data.title;
138 $scope.conData.title = data.title; 139 $scope.conData.userName = data.userName;
139 $scope.conData.userName = data.userName; 140 $scope.conData.workPhone = data.workPhone;
140 $scope.conData.workPhone = data.workPhone; 141 $scope.conData.companyId = data.owner.id;
141 $scope.conData.companyId = data.owner.id; 142
142 143 $scope.contactData.contactList.push($scope.conData);
143 $scope.contactData.contactList.push($scope.conData); 144 $scope.contactData.contactList.push();
144 $scope.contactData.contactList.push(); 145 ViewcontactService.updateContact($scope.contactData).then(function(result) {
145 ViewcontactService.updateContact($scope.contactData).then(function(result) { 146 if(result.success){
146 if(result.success){ 147 toastr.success(''+result.success+'', {
147 toastr.success(''+result.success+'', { 148 closeButton: true
148 closeButton: true 149 })
149 }) 150 $scope.showUpdateBtn = false;
150 $scope.showUpdateBtn = false; 151 }else{
151 }else{ 152 toastr.error(''+result.statusText+'', {
152 toastr.error(''+result.statusText+'', { 153 closeButton: true
153 closeButton: true 154 })
154 }) 155 }
155 } 156 $scope.showLoader = false;
156 $scope.showLoader = false; 157 })
157 }) 158 }
158 } 159
159 160 $scope.cancelContact = function(){
160 $scope.cancelContact = function(){ 161 $scope.editName = true;
161 $scope.editName = true; 162 $scope.editCompany = true;
162 $scope.editCompany = true; 163 $scope.editAddress = true;
163 $scope.editAddress = true; 164 $scope.editPhone = true;
164 $scope.editPhone = true; 165 $scope.editMobile = true;
165 $scope.editMobile = true; 166 $scope.editEmail = true;
166 $scope.editEmail = true; 167 $scope.editContactNotes = true;
167 $scope.editContactNotes = true; 168 $scope.showUpdateBtn = false;
168 $scope.showUpdateBtn = false; 169 }
169 } 170
170 171 $scope.checkPrimaryContact = function(companyId){
171 $scope.checkPrimaryContact = function(companyId){ 172 if($scope.contactDetail.primaryContact == true){
172 if($scope.contactDetail.primaryContact == true){ 173 ViewCompanyService.checkPrimaryContact(companyId).then(function(result) {
173 ViewCompanyService.checkPrimaryContact(companyId).then(function(result) { 174 console.log(result)
174 console.log(result) 175 if(result.status == 422){
175 if(result.status == 422){ 176 $('#primaryContact').css('display', 'block');
176 $('#primaryContact').css('display', 'block'); 177 }
177 } 178 })
178 }) 179 }
179 } 180 }
180 } 181
181 182 $scope.cancelPrimaryContact = function(){
182 $scope.cancelPrimaryContact = function(){ 183 $('#primaryContact').css('display', 'none');
183 $('#primaryContact').css('display', 'none'); 184 $scope.contactDetail.primaryContact = false;
184 $scope.contactDetail.primaryContact = false; 185 console.log($scope.contactDetail.primaryContact)
185 console.log($scope.contactDetail.primaryContact) 186 }
186 } 187
187 188 $scope.sendPrimaryContact = function(id){
188 $scope.sendPrimaryContact = function(id){ 189 $('#primaryContact').css('display', 'none');
189 $('#primaryContact').css('display', 'none'); 190 var priamryContactData = "companyContactId=" + id + "&primary=" + $scope.contactDetail.primaryContact;
190 var priamryContactData = "companyContactId=" + id + "&primary=" + $scope.contactDetail.primaryContact; 191
191 192 ViewCompanyService.addPrimaryContact(priamryContactData).then(function(result) {
192 ViewCompanyService.addPrimaryContact(priamryContactData).then(function(result) { 193 console.log(result)
193 console.log(result) 194 })
194 }) 195
195 196 }
196 } 197
197 198 var deleteContact = "";
198 var deleteContact = ""; 199 $scope.deleteContact = function(id){
199 $scope.deleteContact = function(id){ 200 $('#delete2').css('display', 'block');
200 $('#delete2').css('display', 'block'); 201 deleteContact = id;
201 deleteContact = id; 202 }
202 } 203
203 204 $scope.contactDelete = function(){
204 $scope.contactDelete = function(){ 205 ViewcontactService.deleteContact(deleteContact).then(function(result) {
205 ViewcontactService.deleteContact(deleteContact).then(function(result) { 206 console.log(result)
206 console.log(result) 207 if(result.success){
207 if(result.success){ 208 deleteContact = "";
208 deleteContact = ""; 209 $('#delete2').css('display', 'none');
209 $('#delete2').css('display', 'none'); 210 toastr.success(''+result.success+'', {
210 toastr.success(''+result.success+'', { 211 closeButton: true
211 closeButton: true 212 })
212 }) 213 $state.go('app.viewCompany', {"id": contactCompanyId});
213 $state.go('app.viewCompany', {"id": contactCompanyId}); 214 }
214 } 215
215 216 })
216 }) 217 }
217 } 218
218 219 $scope.cancelDelete = function(){
219 $scope.cancelDelete = function(){ 220 $('#delete2').css('display', 'none');
220 $('#delete2').css('display', 'none'); 221 }
221 } 222
222 223 }]);
223 }]); 224
app/partials/viewcontact/viewcontact.html
1 <style type="text/css">
2 .toggle.btn{
3 width: 140px !important;
4 }
5 </style>
6
1 <style type="text/css"> 7 <div class="myLoader" ng-show="showLoader">
2 .toggle.btn{ 8 <img src="../img/hourglass.gif" width="50px;">
3 width: 140px !important; 9 </div>
4 } 10 <div class="container">
5 </style> 11 <div class="row">
6 12 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;">
7 <div class="myLoader" ng-show="showLoader"> 13 <div class="widget">
8 <img src="../img/hourglass.gif" width="50px;"> 14 <div class="widget-header">
9 </div> 15 <i class="icon-pencil"></i>
10 <div class="container"> 16 <i class="fa fa-building-o" aria-hidden="true"></i>
11 <div class="row"> 17 <h3>Antioch Flight Department</h3>
12 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;"> 18 </div>
13 <div class="widget"> 19 <div class="widget-content" style="padding-left: 0; padding-right: 0; ">
14 <div class="widget-header"> 20 <div class="container">
15 <i class="icon-pencil"></i> 21 <div style="margin-bottom: 25px;">
16 <i class="fa fa-building-o" aria-hidden="true"></i> 22 <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()">
17 <h3>Antioch Flight Department</h3> 23 <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
18 </div> 24 Previous Contact
19 <div class="widget-content" style="padding-left: 0; padding-right: 0; "> 25 </button>
20 <div class="container"> 26 <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()">
21 <div style="margin-bottom: 25px;"> 27 Next Contact
22 <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()"> 28 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
23 <i class="fa fa-long-arrow-left" aria-hidden="true"></i> 29 </button>
24 Previous Contact 30 </div>
25 </button> 31 <div class="row">
26 <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()"> 32 <div class="col-md-6" style="margin-left: 20px;">
27 Next Contact 33 <div class="widget stacked">
28 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 34 <div class="widget-header">
29 </button> 35 <i class="fa fa-building-o" aria-hidden="true"></i>
30 </div> 36 <h3 style="margin-right: 0px;">Contact Detail</h3>
31 <div class="row"> 37 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteContact(contactDetail.id)" style="color: white;" aria-hidden="true"></i>
32 <div class="col-md-6" style="margin-left: 20px;"> 38 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
33 <div class="widget stacked"> 39 <toggle ng-model="contactDetail.priceEmail" style="width: 140px;" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle>
34 <div class="widget-header"> 40 </div>
35 <i class="fa fa-building-o" aria-hidden="true"></i> 41
36 <h3 style="margin-right: 0px;">Contact Detail</h3> 42 </div>
37 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteContact(contactDetail.id)" style="color: white;" aria-hidden="true"></i> 43 <div class="widget-content">
38 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 44 <div class="row" style="margin-left:0px">
39 <toggle ng-model="contactDetail.priceEmail" style="width: 140px;" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle> 45 <div class="col-md-6" style="padding-left: 0px;">
40 </div> 46 <h3>
41 47 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b>
42 </div> 48 <input type="text" ng-hide="editName" class="form-control" style="width: 49%; float: left; margin-right: 1%;" ng-model="contactDetail.firstName">
43 <div class="widget-content"> 49 <input type="text" ng-hide="editName" class="form-control" style="width: 49%;" ng-model="contactDetail.lastName">
44 <div class="row" style="margin-left:0px"> 50 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i>
45 <div class="col-md-6" style="padding-left: 0px;"> 51 </h3>
46 <h3> 52 {{contactDetail.owner.companyName}}
47 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b> 53 </div>
48 <input type="text" ng-hide="editName" class="form-control" style="width: 49%; float: left; margin-right: 1%;" ng-model="contactDetail.firstName"> 54 <div class="col-md-6">
49 <input type="text" ng-hide="editName" class="form-control" style="width: 49%;" ng-model="contactDetail.lastName"> 55 <div style="margin-bottom: 10px" class="input-group email-password">
50 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i> 56 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span>
51 </h3> 57 <input id="login-username" type="text" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email">
52 {{contactDetail.owner.companyName}} 58 </div>
53 </div> 59
54 <div class="col-md-6"> 60 <!-- <div class="input-group email-password">
55 <div style="margin-bottom: 10px" class="input-group email-password"> 61 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span>
56 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span> 62 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password">
57 <input id="login-username" type="text" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email"> 63 </div> -->
58 </div> 64 </div>
59 65 </div>
60 <!-- <div class="input-group email-password"> 66 <div>
61 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span> 67 <p>
62 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password"> 68 <span ng-show="editAddress">
63 </div> --> 69 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp;
64 </div> 70 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i>
65 </div> 71 </span>
66 <div> 72
67 <p> 73 <input type="text" ng-hide="editAddress" style="width: 50%;" class="form-control" ng-model="contactDetail.address">
68 <span ng-show="editAddress"> 74 </p>
69 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp; 75
70 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i> 76 <p ng-show="editPhone"><i class="fa fa-phone"></i> {{contactDetail.mobilePhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="phoneEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
71 </span> 77 <p ng-hide="editPhone">
72 78 <input type="text" style="width: 50%;" ng-model="contactDetail.mobilePhone" class="form-control">
73 <input type="text" ng-hide="editAddress" style="width: 50%;" class="form-control" ng-model="contactDetail.address"> 79 </p>
74 </p> 80
75 81 <p ng-show="editMobile"><i class="fa fa-mobile"></i> {{contactDetail.workPhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="mobileEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
76 <p ng-show="editPhone"><i class="fa fa-phone"></i> {{contactDetail.mobilePhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="phoneEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 82 <p ng-hide="editMobile">
77 <p ng-hide="editPhone"> 83 <input type="text" style="width: 50%;" ng-model="contactDetail.workPhone" class="form-control">
78 <input type="text" style="width: 50%;" ng-model="contactDetail.mobilePhone" class="form-control"> 84 </p>
79 </p> 85
80 86 <p ng-show="editEmail"><i class="fa fa-envelope"></i> {{contactDetail.email}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="emailEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
81 <p ng-show="editMobile"><i class="fa fa-mobile"></i> {{contactDetail.workPhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="mobileEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 87 <p ng-hide="editEmail">
82 <p ng-hide="editMobile"> 88 <input type="email" style="width: 50%;" ng-model="contactDetail.email" class="form-control">
83 <input type="text" style="width: 50%;" ng-model="contactDetail.workPhone" class="form-control"> 89 </p>
84 </p> 90 <div>
85 91 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-click="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp;
86 <p ng-show="editEmail"><i class="fa fa-envelope"></i> {{contactDetail.email}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="emailEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 92 <span>Primary Contact </span>
87 <p ng-hide="editEmail"> 93 </div>
88 <input type="email" style="width: 50%;" ng-model="contactDetail.email" class="form-control"> 94 </div>
89 </p> 95 </br>
90 <div> 96 <div>
91 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-click="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp; 97 <p><b>Contact Notes</b> &nbsp;<i ng-show="editContactNotes" class="fa fa-pencil-square-o" ng-click="notesEdit()" style="font-size: 11px;" aria-hidden="true"></i>
92 <span>Primary Contact </span> 98 <p ng-show="editContactNotes">{{contactDetail.note}}</p>
93 </div> 99 <p ng-hide="editContactNotes">
94 </div> 100 <textarea ng-model="contactDetail.note" class="form-control" style="resize: vertical;"></textarea>
95 </br> 101 </p>
96 <div> 102
97 <p><b>Contact Notes</b> &nbsp;<i ng-show="editContactNotes" class="fa fa-pencil-square-o" ng-click="notesEdit()" style="font-size: 11px;" aria-hidden="true"></i> 103 <div>
98 <p ng-show="editContactNotes">{{contactDetail.note}}</p> 104 <button ng-click="updateContact(contactDetail)" ng-show="showUpdateBtn" class="btn btn-success pull-left">Update Contact</button>
99 <p ng-hide="editContactNotes"> 105 <button ng-click="cancelContact()" style="margin-left: 5px;" ng-show="showUpdateBtn" class="btn btn-default pull-left">Cancel</button>
100 <textarea ng-model="contactDetail.note" class="form-control" style="resize: vertical;"></textarea> 106 <button type="button" class="btn btn-primary pull-right">Send Price to This Contacts</button>
101 </p> 107 <div class="clearfix"></div>
102 108 </div>
103 <div> 109 </div>
104 <button ng-click="updateContact(contactDetail)" ng-show="showUpdateBtn" class="btn btn-success pull-left">Update Contact</button> 110 <!-- <div class="col-md-6">
105 <button ng-click="cancelContact()" style="margin-left: 5px;" ng-show="showUpdateBtn" class="btn btn-default pull-left">Cancel</button> 111 <button type="button" class="btn btn-primary">Send Price to This Contacts</button>
106 <button type="button" class="btn btn-primary pull-right">Send Price to This Contacts</button> 112 </div> -->
107 <div class="clearfix"></div> 113 </div>
108 </div> 114 </div>
109 </div> 115 </div>
110 <!-- <div class="col-md-6"> 116 </div>
111 <button type="button" class="btn btn-primary">Send Price to This Contacts</button> 117 </div>
112 </div> --> 118 </div>
113 </div> 119 </div>
114 </div> 120 </div>
115 </div> 121 </div>
116 </div> 122
117 </div> 123 <div class="customConfirmPopBackdrop" id="primaryContact">
118 </div> 124 <div class="customModalInner" style="max-width: 400px;">
119 </div> 125 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
120 </div> 126 <table>
121 </div> 127 <tr>
122 128 <td>
123 <div class="customConfirmPopBackdrop" id="primaryContact"> 129 <img src="img/info.png" style="width: 50px;">
124 <div class="customModalInner" style="max-width: 400px;"> 130 </td>
125 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 131 <td>
126 <table> 132 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
127 <tr> 133 </td>
128 <td> 134 </tr>
129 <img src="img/info.png" style="width: 50px;"> 135 </table>
130 </td> 136 </div>
131 <td> 137 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
132 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 138 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button>
133 </td> 139 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
134 </tr> 140 </div>
135 </table> 141 </div>
136 </div> 142 </div>
137 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 143
138 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button> 144 <div class="customConfirmPopBackdrop" id="toogleMail">
139 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 145 <div class="customModalInner" style="max-width: 400px;">
140 </div> 146 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
141 </div> 147 <table>
142 </div> 148 <tr>
143 149 <!-- <td>
144 <div class="customConfirmPopBackdrop" id="toogleMail"> 150 <img src="" style="width: 50px;">
145 <div class="customModalInner" style="max-width: 400px;"> 151 </td> -->
146 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 152 <td>
147 <table> 153 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
148 <tr> 154 </td>
149 <!-- <td> 155 </tr>
150 <img src="" style="width: 50px;"> 156 </table>
151 </td> --> 157 </div>
152 <td> 158 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
153 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 159 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
154 </td> 160 </div>
155 </tr> 161 </div>
156 </table> 162 </div>
157 </div> 163
158 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 164 <div class="customConfirmPopBackdrop" id="delete2">
159 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 165 <div class="customModalInner" style="max-width: 400px;">
160 </div> 166 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
161 </div> 167 <table>
162 </div> 168 <tr>
163 169 <td>
164 <div class="customConfirmPopBackdrop" id="delete2"> 170 <img src="img/info.png" style="width: 50px;">
165 <div class="customModalInner" style="max-width: 400px;"> 171 </td>
166 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 172 <td>
167 <table> 173 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Contact?</p>
168 <tr> 174 </td>
169 <td> 175 </tr>
170 <img src="img/info.png" style="width: 50px;"> 176 </table>
171 </td> 177 </div>
172 <td> 178 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
173 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Contact?</p> 179 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="contactDelete()">Accept</button>
174 </td> 180 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
175 </tr> 181 </div>
176 </table> 182 </div>
177 </div> 183 </div>
1 { 1 {
2 "name": "acufuel", 2 "name": "acufuel",
3 "description": "", 3 "description": "",
4 "main": "index.js", 4 "main": "index.js",
5 "authors": [ 5 "authors": [
6 "Rishav <rsingla.rishu@gmail.com>" 6 "Rishav <rsingla.rishu@gmail.com>"
7 ], 7 ],
8 "license": "ISC", 8 "license": "ISC",
9 "homepage": "", 9 "homepage": "",
10 "ignore": [ 10 "ignore": [
11 "**/.*", 11 "**/.*",
12 "node_modules", 12 "node_modules",
13 "bower_components", 13 "bower_components",
14 "test", 14 "test",
15 "tests" 15 "tests"
16 ], 16 ],
17 "dependencies": { 17 "dependencies": {
18 "angular": "^1.6.2", 18 "angular": "^1.6.2",
19 "angular-animate": "^1.6.2", 19 "angular-animate": "^1.6.2",
20 "angular-route": "^1.6.2", 20 "angular-route": "^1.6.2",
21 "jquery": "^3.1.1", 21 "jquery": "^3.1.1",
22 "animate.css": "^3.5.2", 22 "animate.css": "^3.5.2",
23 "bootstrap": "^3.3.7", 23 "bootstrap": "^3.3.7",
24 "font-awesome": "fontawesome#^4.7.0", 24 "font-awesome": "fontawesome#^4.7.0",
25 "angular-ui-router": "^0.4.2", 25 "angular-ui-router": "^0.4.2",
26 "bootstrap-toggle": "^2.2.2", 26 "bootstrap-toggle": "^2.2.2",
27 "fullcalendar": "^3.2.0", 27 "fullcalendar": "^3.2.0",
28 "toastr": "^2.1.3", 28 "toastr": "^2.1.3",
29 "angular-bootstrap": "^2.5.0", 29 "angular-bootstrap": "^2.5.0",
30 "jqGrid": "^5.2.0", 30 "jqGrid": "^5.2.0",
31 "Autocomplete": "autocomplete#^2.0.5", 31 "Autocomplete": "autocomplete#^2.0.5",
32 "DataTables": "~1.10.15", 32 "DataTables": "~1.10.15",
33 "angular-cookies": "~1.6.4", 33 "angular-cookies": "~1.6.4",
34 "angular-resource": "~1.6.4", 34 "angular-resource": "~1.6.4",
35 "angular-xeditable": "~0.7.1", 35 "angular-xeditable": "~0.7.1",
36 "angular-bootstrap-toggle": "~0.1.2", 36 "angular-bootstrap-toggle": "~0.1.2",
37 "angular-ui-select2": "^0.0.5"
37 "angular-ui-select2": "^0.0.5" 38 }
38 } 39 }
39 } 40