Commit 4bda5699a87832a31c19e8586dfeca8aaa07f0f7

Authored by Swarn Singh
1 parent a167a2312c
Exists in master

fuel manager designs and api integration

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 }
292
293
294
295
296
297 .new-widget-content{
298 padding: 0 0 0 0 !important;
299 }
300 .new-tab-heading{
301 padding: 5px;
302 color: #333;
303 background-color: #fcfcfc;
304 border-bottom: 1px solid #d5d5d5;
305 border-right: 1px solid #d5d5d5;
306 }
307 .new-tab-body{
308 border-right: 1px solid #d5d5d5;
309 border-bottom: 1px solid #d5d5d5;
310 padding-left: 15px;
311 padding-bottom: 5px;
312 }
313 .new-tab-heading i.fa{
314 font-size: 16px;
315 cursor: pointer;
316 }
317 .new-tab-heading span{
318 font-size: 14px;
319 margin-left: 5px;
320 }
321 .new-tab-heading i.fa-plus-circle{
322 color: #067dfc;
323 }
324 .new-tab-heading i.fa-minus-circle{
325 color: #d00d09;
326 }
327 .new-tab-body-th{
328 color: #333;
329 }
330 .new-tab-body-th > div{
331 font-size: 12px;
332 font-weight: bold;
333 padding-right: 5px;
334 padding-left: 5px;
335 text-align: center;
336 }
337 .new-tab-body-th > div:first-child{
338 font-size: 14px;
339 font-weight: bold;
340 text-align: left;
341 }
342 .new-tab-body-td i.fa-plus-circle{
343 color: #067dfc;
344 }
345 .new-tab-body-td i.fa-minus-circle{
346 color: #d00d09;
347 }
348 .new-tab-body-td input{
349 width: 50px;
350 height: 24px;
351 }
352 .new-tab-body-td .fa{
353 font-size: 14px;
354 }
355 .new-tab-body-td > div:first-child > div{
356 padding-right: 5px;
357 padding-left: 5px;
358 text-align: center;
359 }
360 .new-tab-body-td > div:first-child > div:first-child{
361 text-align: left;
362 }
363 .appliesTableHeading{
364 border: 1px solid #d5d5d5;
365 padding: 5px;
366 color: #333;
367 font-weight: bold;
368 background-color: #fcfcfc;
369 margin: 10px 0 0 0;
370 }
371 .appliesTableBody{
372 border: 1px solid #d5d5d5;
373 border-top: 0;
374 background-color: #ffffe0;
375 margin-bottom: 10px;
376 height: auto;
377 }
378 .appliesTableBody > div.firstDiv{
379 height: 100px;
380 float: left;
381 width: 40%;
382 border-right: 1px solid #d5d5d5;
383 overflow: auto;
384 padding: 5px;
385 }
386 .appliesTableBody > div.lastDiv{
387 width: 59%;
388 height: 100px;
389 padding: 5px;
390 float: left;
391 }
392 .appliesTableBody > div.lastDiv textarea{
393 width: 100%;
394 height: 60px;
395 margin: 15px 0;
396 resize: none;
291 } 397 }
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',function($scope) { 7 //.controller('fuelManagerController', ['$scope', 'fuelManagerService',function($scope, fuelManagerService) {
8 .controller('fuelManagerController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'fuelManagerService', fuelManagerController]);
8 9
9 $scope.test = "Testing..."; 10 function fuelManagerController($scope, $rootScope, $uibModal, $filter, $http, fuelManagerService) {
11
12 $scope.currentUserData = JSON.parse(localStorage.getItem('userProfileId'));
13
14 fuelManagerService.getFullList().then(function(result) {
15 console.log('result', result)
16 $scope.fullJetList = result;
17 })
18
19 $scope.avoidanceList = {};
20
21 $scope.updateList = function(fullJetList){
22 $scope.addData = [];
23 $scope.newJetList = fullJetList;
24 if ($scope.currentUserData == undefined || $scope.currentUserData == null) {
25
26 }else{
27
28 for(var i=0; i<$scope.newJetList.length;i++){
29 for(var j = 0; j < $scope.newJetList[i].aircraftsSize.length; j++){
30 if($scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance != null){
31 console.log('fullJetList', $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance);
32 $scope.addData.push({
33 //'aircraftType': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.aircraftType,
34 'id': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.id,
35 'aircraftSizeId': $scope.newJetList[i].aircraftsSize[j].id,
36 'rampFees': $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.rampFees,
37 'avoidance' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.avoidance,
38 'applicable' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.applicable,
39 'expirationDate' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.expirationDate,
40 'notes' : $scope.newJetList[i].aircraftsSize[j].rampFeesAndAvoidance.notes
41 });
42
43 }
44 }
45 }
46 $scope.avoidanceList.rampFeesAndAvoidanceList = $scope.addData;
47 $scope.avoidanceList.fboUserId = $scope.currentUserData;
48 console.log('data', $scope.avoidanceList);
49
50 fuelManagerService.updateFullList($scope.avoidanceList).then(function(result) {
51 fuelManagerService.getFullList().then(function(result) {
52 $scope.fullJetList = result;
53 })
54 })
55
56 }
57
58 }
59 $scope.parentOpen = function(index){
60 $('#parentOpen'+index).css('display', 'none');
61 $('#parentClose'+index).css('display', 'initial');
62 $('#parentTogglebody'+index).slideDown();
63 }
64 $scope.parentClose = function(index){
65 $('#parentOpen'+index).css('display', 'initial');
66 $('#parentClose'+index).css('display', 'none');
67 $('#parentTogglebody'+index).slideUp();
68 }
69
70 $scope.toggleChild = function(id){
71 if ($('.'+id).hasClass('fa-plus-circle')) {
72 $('.'+id).removeClass('fa-plus-circle');
73 $('.'+id).addClass('fa-minus-circle');
74 }else{
75 $('.'+id).removeClass('fa-minus-circle');
76 $('.'+id).addClass('fa-plus-circle');
77 }
78 $('#'+id).slideToggle();
79 }
10 80
11 $(document).ready(function(){ 81 $(document).ready(function(){
12
13 $('#customTabToggle1').click(function(){ 82 $('#customTabToggle1').click(function(){
14 console.log('tab 1'); 83 console.log('tab 1');
15 $('#customTabsBody1').slideDown(); 84 $('#customTabsBody1').slideDown();
16 $('#customTabsBody2').slideUp(); 85 $('#customTabsBody2').slideUp();
17 $('#customTabsBody3').slideUp(); 86 $('#customTabsBody3').slideUp();
18 $('#customTabsBody4').slideUp(); 87 $('#customTabsBody4').slideUp();
19 $('#customTabs1').addClass('customActive'); 88 $('#customTabs1').addClass('customActive');
20 $('#customTabs2').removeClass('customActive'); 89 $('#customTabs2').removeClass('customActive');
21 $('#customTabs3').removeClass('customActive'); 90 $('#customTabs3').removeClass('customActive');
22 $('#customTabs4').removeClass('customActive'); 91 $('#customTabs4').removeClass('customActive');
23 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 92 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
24 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 93 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
25 94
26 $('#customTabs1 > .pull-right > .btn-default').css('display', 'none'); 95 $('#customTabs1 > .pull-right > .btn-default').css('display', 'none');
27 $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block'); 96 $('#customTabs1 > .pull-right > .btn-success').css('display', 'inline-block');
28 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block'); 97 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'inline-block');
29 98
30 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); 99 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
31 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); 100 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
32 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); 101 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
33 102
34 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); 103 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
35 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); 104 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
36 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); 105 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
37 106
38 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); 107 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
39 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); 108 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
40 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); 109 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
41 110
42 }) 111 })
43 $('#customTabToggle2').click(function(){ 112 $('#customTabToggle2').click(function(){
44 console.log('tab 2'); 113 console.log('tab 2');
45 $('#customTabsBody1').slideUp(); 114 $('#customTabsBody1').slideUp();
46 $('#customTabsBody2').slideDown(); 115 $('#customTabsBody2').slideDown();
47 $('#customTabsBody3').slideUp(); 116 $('#customTabsBody3').slideUp();
48 $('#customTabsBody4').slideUp(); 117 $('#customTabsBody4').slideUp();
49 $('#customTabs1').removeClass('customActive'); 118 $('#customTabs1').removeClass('customActive');
50 $('#customTabs2').addClass('customActive'); 119 $('#customTabs2').addClass('customActive');
51 $('#customTabs3').removeClass('customActive'); 120 $('#customTabs3').removeClass('customActive');
52 $('#customTabs4').removeClass('customActive'); 121 $('#customTabs4').removeClass('customActive');
53 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 122 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
54 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 123 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
55 124
56 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); 125 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
57 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); 126 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
58 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); 127 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
59 128
60 $('#customTabs2 > .pull-right > .btn-default').css('display', 'none'); 129 $('#customTabs2 > .pull-right > .btn-default').css('display', 'none');
61 $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block'); 130 $('#customTabs2 > .pull-right > .btn-success').css('display', 'inline-block');
62 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block'); 131 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'inline-block');
63 132
64 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); 133 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
65 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); 134 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
66 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); 135 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
67 136
68 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); 137 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
69 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); 138 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
70 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); 139 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
71 140
72 }) 141 })
73 $('#customTabToggle3').click(function(){ 142 $('#customTabToggle3').click(function(){
74 console.log('tab 3'); 143 console.log('tab 3');
75 $('#customTabsBody1').slideUp(); 144 $('#customTabsBody1').slideUp();
76 $('#customTabsBody2').slideUp(); 145 $('#customTabsBody2').slideUp();
77 $('#customTabsBody3').slideDown(); 146 $('#customTabsBody3').slideDown();
78 $('#customTabsBody4').slideUp(); 147 $('#customTabsBody4').slideUp();
79 $('#customTabs1').removeClass('customActive'); 148 $('#customTabs1').removeClass('customActive');
80 $('#customTabs2').removeClass('customActive'); 149 $('#customTabs2').removeClass('customActive');
81 $('#customTabs3').addClass('customActive'); 150 $('#customTabs3').addClass('customActive');
82 $('#customTabs4').removeClass('customActive'); 151 $('#customTabs4').removeClass('customActive');
83 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 152 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
84 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 153 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
85 154
86 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); 155 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
87 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); 156 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
88 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); 157 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
89 158
90 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); 159 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
91 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); 160 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
92 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); 161 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
93 162
94 $('#customTabs3 > .pull-right > .btn-default').css('display', 'none'); 163 $('#customTabs3 > .pull-right > .btn-default').css('display', 'none');
95 $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block'); 164 $('#customTabs3 > .pull-right > .btn-success').css('display', 'inline-block');
96 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block'); 165 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'inline-block');
97 166
98 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block'); 167 $('#customTabs4 > .pull-right > .btn-default').css('display', 'inline-block');
99 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none'); 168 $('#customTabs4 > .pull-right > .btn-success').css('display', 'none');
100 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none'); 169 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'none');
101 170
102 }) 171 })
103 $('#customTabToggle4').click(function(){ 172 $('#customTabToggle4').click(function(){
104 console.log('tab 4'); 173 console.log('tab 4');
105 $('#customTabsBody1').slideUp(); 174 $('#customTabsBody1').slideUp();
106 $('#customTabsBody2').slideUp(); 175 $('#customTabsBody2').slideUp();
107 $('#customTabsBody3').slideUp(); 176 $('#customTabsBody3').slideUp();
108 $('#customTabsBody4').slideDown(); 177 $('#customTabsBody4').slideDown();
109 $('#customTabs1').removeClass('customActive'); 178 $('#customTabs1').removeClass('customActive');
110 $('#customTabs2').removeClass('customActive'); 179 $('#customTabs2').removeClass('customActive');
111 $('#customTabs3').removeClass('customActive'); 180 $('#customTabs3').removeClass('customActive');
112 $('#customTabs4').addClass('customActive'); 181 $('#customTabs4').addClass('customActive');
113 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true); 182 $('.customAccordianHeader > select, .customAccordianHeader > input').prop("disabled", true);
114 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false); 183 $('.customAccordianHeader.customActive > select, .customAccordianHeader.customActive > input').prop("disabled", false);
115 184
116 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block'); 185 $('#customTabs1 > .pull-right > .btn-default').css('display', 'inline-block');
117 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none'); 186 $('#customTabs1 > .pull-right > .btn-success').css('display', 'none');
118 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none'); 187 $('#customTabs1 > .pull-right > .btn-danger').css('display', 'none');
119 188
120 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block'); 189 $('#customTabs2 > .pull-right > .btn-default').css('display', 'inline-block');
121 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none'); 190 $('#customTabs2 > .pull-right > .btn-success').css('display', 'none');
122 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none'); 191 $('#customTabs2 > .pull-right > .btn-danger').css('display', 'none');
123 192
124 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block'); 193 $('#customTabs3 > .pull-right > .btn-default').css('display', 'inline-block');
125 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none'); 194 $('#customTabs3 > .pull-right > .btn-success').css('display', 'none');
126 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none'); 195 $('#customTabs3 > .pull-right > .btn-danger').css('display', 'none');
127 196
128 $('#customTabs4 > .pull-right > .btn-default').css('display', 'none'); 197 $('#customTabs4 > .pull-right > .btn-default').css('display', 'none');
129 $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block'); 198 $('#customTabs4 > .pull-right > .btn-success').css('display', 'inline-block');
130 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block'); 199 $('#customTabs4 > .pull-right > .btn-danger').css('display', 'inline-block');
131 200
132 }) 201 })
133 202
134 }) 203 })
135 204
136 }]); 205 }
app/partials/fuelManager/fuelManager.html
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(2) > a{ 2 .subnavbar .mainnav > li:nth-child(2) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 </style> 5 </style>
6 <div class="container"> 6 <div class="container" style="display: none;">
7 <div class="row"> 7 <div class="row">
8 <div class="col-md-10"> 8 <div class="col-md-10">
9 <div class="widget stacked"> 9 <div class="widget stacked">
10 <div class="widget-header"> 10 <div class="widget-header">
11 <i class="fa fa-pencil"></i> 11 <i class="fa fa-pencil"></i>
12 <h3>Ramp Fee Manager</h3> 12 <h3>Ramp Fee Manager</h3>
13 <select> 13 <select>
14 <option>Ramp Fee By Category</option> 14 <option>Ramp Fee By Category</option>
15 <option>Make And Model</option> 15 <option>Make And Model</option>
16 <option>Weight</option> 16 <option>Weight</option>
17 <option>Wingspan</option> 17 <option>Wingspan</option>
18 </select> 18 </select>
19 </div> 19 </div>
20 <!-- /widget-header --> 20 <!-- /widget-header -->
21 <div class="widget-content"> 21 <div class="widget-content">
22 <h3>Ramp Fees & Avoidance</h3> 22 <h3>Ramp Fees & Avoidance</h3>
23 <section id="accordions"> 23 <section id="accordions">
24 <!-- <div class="panel-group accordion">
25 <div class="panel panel-default open">
26 <div class="panel-heading">
27 <h4 class="panel-title">
28 <a class="accordion-toggle" id="jaTab1" data-toggle="collapse" data-parent=".accordion" href="#collapseOne">
29 <span style="float: left; margin-right: 20px; line-height: 22px;">Jet Aircraft</span>
30 </a>
31 <select class="form-control" id="ja1" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;">
32 <option value="" disabled selected>Pricing Structure</option>
33 <option value="">Retail-(minus)</option>
34 <option value="">Cost+(plus)</option>
35 <option value="">Direct=(equals)</option>
36 </select>
37 <input type="text" id="ja2" class="form-control" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name="">
38 </h4>
39 </div>
40 <div id="collapseOne" class="panel-collapse collapse in">
41 <div class="panel-body">
42 <div class="row" style="margin-left: 0px;">
43 <div class="col-md-8">
44 <div class="row" style="margin-bottom: 5px;">
45 <div class="col-md-1" style="text-align: right;">
46 <h5 style="color: blue;font-weight: bold;">Omit</h5>
47 </div>
48 <div class="col-md-5">
49 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5>
50 </div>
51 <div class="col-md-3">
52 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5>
53 </div>
54 <div class="col-md-3">
55 <h5 style="color: blue;font-weight: bold;">Avoidance</h5>
56 </div>
57 </div>
58 <div class="row" style="margin-bottom: 5px;">
59 <div class="col-md-1" style="text-align: right;">
60 <input type="checkbox" name="validateCheckbox" value="1">
61 </div>
62 <div class="col-md-5">
63 <p>Very Light Jet</p>
64 </div>
65 <div class="col-md-3">
66 <input type="text" class="form-control" name="name" id="name">
67 </div>
68 <div class="col-md-3">
69 <input type="text" class="form-control" name="name" id="name">
70 </div>
71 </div>
72 <div class="row" style="margin-bottom: 5px;">
73 <div class="col-md-1" style="text-align: right;">
74 <input type="checkbox" name="validateCheckbox" value="1">
75 </div>
76 <div class="col-md-5">
77 <p> Light Jet</p>
78 </div>
79 <div class="col-md-3">
80 <input type="text" class="form-control" name="name" id="name">
81 </div>
82 <div class="col-md-3">
83 <input type="text" class="form-control" name="name" id="name">
84 </div>
85 </div>
86 </div>
87 <div class="col-md-4">
88 </div>
89 </div>
90 </div>
91 </div>
92 </div>
93 <div class="panel panel-default">
94 <div class="panel-heading">
95 <h4 class="panel-title">
96 <a class="accordion-toggle" id="jaTab2" data-toggle="collapse" data-parent=".accordion" href="#collapseTwo">
97 <span style="float: left; margin-right: 20px; line-height: 22px;">TurboPop AirCraft</span>
98 </a>
99 <select class="form-control disableSelect" disabled="true" id="ja11" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;">
100 <option value="" disabled selected>Pricing Structure</option>
101 <option value="">Retail-(minus)</option>
102 <option value="">Cost+(plus)</option>
103 <option value="">Direct=(equals)</option>
104 </select>
105 <input type="text" id="ja22" class="form-control disableInput" disabled="true" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name="">
106 </h4>
107 </div>
108 <div id="collapseTwo" class="panel-collapse collapse">
109 <div class="panel-body">
110 <div class="row" style="margin-left: 0px;">
111 <div class="col-md-8">
112 <div class="row" style="margin-bottom: 5px;">
113 <div class="col-md-1" style="text-align: right;">
114 <h5 style="color: blue;font-weight: bold;">Omit</h5>
115 </div>
116 <div class="col-md-5">
117 <h5 style="color: blue;font-weight: bold;">AirCraft Size</h5>
118 </div>
119 <div class="col-md-3">
120 <h5 style="color: blue;font-weight: bold;">Ramp/Facility Fee</h5>
121 </div>
122 <div class="col-md-3">
123 <h5 style="color: blue;font-weight: bold;">Avoidance</h5>
124 </div>
125 </div>
126 <div class="row" style="margin-bottom: 5px;">
127 <div class="col-md-1" style="text-align: right;">
128 <input type="checkbox" name="validateCheckbox" value="1">
129 </div>
130 <div class="col-md-5">
131 <p>Very Light Jet</p>
132 </div>
133 <div class="col-md-3">
134 <input type="text" class="form-control" name="name" id="name">
135 </div>
136 <div class="col-md-3">
137 <input type="text" class="form-control" name="name" id="name">
138 </div>
139 </div>
140 <div class="row" style="margin-bottom: 5px;">
141 <div class="col-md-1" style="text-align: right;">
142 <input type="checkbox" name="validateCheckbox" value="1">
143 </div>
144 <div class="col-md-5">
145 <p> Light Jet</p>
146 </div>
147 <div class="col-md-3">
148 <input type="text" class="form-control" name="name" id="name">
149 </div>
150 <div class="col-md-3">
151 <input type="text" class="form-control" name="name" id="name">
152 </div>
153 </div>
154 </div>
155 <div class="col-md-4">
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161 <div class="panel panel-default">
162 <div class="panel-heading">
163 <h4 class="panel-title">
164 <a class="accordion-toggle" id="jaTab3" data-toggle="collapse" data-parent=".accordion" href="#collapseThree">
165 <span style="float: left; margin-right: 20px; line-height: 22px;">Collapsible Group Item #3</span>
166 </a>
167 <select class="form-control disableSelect" id="ja111" disabled="true" style="width: 150px; margin-right: 20px; float: left; height: 26px; padding: 0 6px;">
168 <option value="" disabled selected>Pricing Structure</option>
169 <option value="">Retail-(minus)</option>
170 <option value="">Cost+(plus)</option>
171 <option value="">Direct=(equals)</option>
172 </select>
173 <input type="text" id="ja222" disabled="true" class="form-control disableInput" value="$1.7500" style="width: 80px; height: 26px; padding: 0 6px;" name="">
174 </h4>
175 </div>
176 <div id="collapseThree" class="panel-collapse collapse">
177 <div class="panel-body">
178 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
179 </div>
180 </div>
181 </div>
182 </div> -->
183 <div class="newCustomAccordian"> 24 <div class="newCustomAccordian">
184 <!-- tab 1 --> 25 <!-- tab 1 -->
185 <div class="customAccordianHeader customActive" id="customTabs1"> 26 <div class="customAccordianHeader customActive" id="customTabs1">
186 <span>Jet Aircraft</span> 27 <span>Jet Aircraft</span>
187 <select class="form-control"> 28 <select class="form-control">
188 <option>Pricing Structure</option> 29 <option>Pricing Structure</option>
189 <option>Retail-(minus)</option> 30 <option>Retail-(minus)</option>
190 <option>Cost+(plus)</option> 31 <option>Cost+(plus)</option>
191 <option>Direct=(equals)</option> 32 <option>Direct=(equals)</option>
192 </select> 33 </select>
193 <input type="text" name="" class="form-control" value="$1.7500"> 34 <input type="text" name="" class="form-control" value="$1.7500">
194 <div class="pull-right"> 35 <div class="pull-right">
195 <button class="btn btn-success">Save</button> 36 <button class="btn btn-success">Save</button>
196 <button class="btn btn-danger">Delete</button> 37 <button class="btn btn-danger">Delete</button>
197 <button class="btn btn-default" id="customTabToggle1" style="display: none;">Edit</button> 38 <button class="btn btn-default" id="customTabToggle1" style="display: none;">Edit</button>
198 </div> 39 </div>
199 <div class="clearfix"></div> 40 <div class="clearfix"></div>
200 </div> 41 </div>
201 <div class="customAccordianTabBody" id="customTabsBody1"> 42 <div class="customAccordianTabBody" id="customTabsBody1">
202 <table class="customTableWithFilter"> 43 <table class="customTableWithFilter">
203 <thead> 44 <thead>
204 <tr> 45 <tr>
205 <th> 46 <th>
206 <span class="pull-left">1-250 gal.</span> 47 <span class="pull-left">1-250 gal.</span>
207 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 48 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
208 </th> 49 </th>
209 <th> 50 <th>
210 <span class="pull-left">1-250 gal.</span> 51 <span class="pull-left">1-250 gal.</span>
211 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 52 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
212 </th> 53 </th>
213 <th> 54 <th>
214 <input type="text" placeholder="min" name=""> - 55 <input type="text" placeholder="min" name=""> -
215 <input type="text" placeholder="max" name=""> 56 <input type="text" placeholder="max" name="">
216 <span>gal.</span> 57 <span>gal.</span>
217 </th> 58 </th>
218 <th> &nbsp; </th> 59 <th> &nbsp; </th>
219 </tr> 60 </tr>
220 </thead> 61 </thead>
221 <tbody> 62 <tbody>
222 <tr> 63 <tr>
223 <td> 64 <td>
224 <span class="pull-left">-$0.0000</span> &nbsp; 65 <span class="pull-left">-$0.0000</span> &nbsp;
225 <span class="pull-right">($1.7500)</span> 66 <span class="pull-right">($1.7500)</span>
226 </td> 67 </td>
227 <td> 68 <td>
228 <span class="pull-left">-$0.0000</span> &nbsp; 69 <span class="pull-left">-$0.0000</span> &nbsp;
229 <span class="pull-right">($1.7500)</span> 70 <span class="pull-right">($1.7500)</span>
230 </td> 71 </td>
231 <td> 72 <td>
232 <span>$</span> 73 <span>$</span>
233 <input type="text" placeholder="margin" class="tierTextBox" name=""> 74 <input type="text" placeholder="margin" class="tierTextBox" name="">
234 <button class="addTierButton">Add Tier</button> 75 <button class="addTierButton">Add Tier</button>
235 </td> 76 </td>
236 <td> 77 <td>
237 <i class="fa fa-trash-o" aria-hidden="true"></i> 78 <i class="fa fa-trash-o" aria-hidden="true"></i>
238 </td> 79 </td>
239 </tr> 80 </tr>
240 </tbody> 81 </tbody>
241 </table> 82 </table>
242 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 83 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
243 </div> 84 </div>
244 85
245 <!-- tab 2 --> 86 <!-- tab 2 -->
246 87
247 <div class="customAccordianHeader" id="customTabs2"> 88 <div class="customAccordianHeader" id="customTabs2">
248 <span>Jet Aircraft</span> 89 <span>Jet Aircraft</span>
249 <select class="form-control" disabled="true"> 90 <select class="form-control" disabled="true">
250 <option>Pricing Structure</option> 91 <option>Pricing Structure</option>
251 <option>Retail-(minus)</option> 92 <option>Retail-(minus)</option>
252 <option>Cost+(plus)</option> 93 <option>Cost+(plus)</option>
253 <option>Direct=(equals)</option> 94 <option>Direct=(equals)</option>
254 </select> 95 </select>
255 <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> 96 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
256 <div class="pull-right"> 97 <div class="pull-right">
257 <button class="btn btn-success" style="display: none;">Save</button> 98 <button class="btn btn-success" style="display: none;">Save</button>
258 <button class="btn btn-danger" style="display: none;">Delete</button> 99 <button class="btn btn-danger" style="display: none;">Delete</button>
259 <button class="btn btn-default" id="customTabToggle2">Edit</button> 100 <button class="btn btn-default" id="customTabToggle2">Edit</button>
260 </div> 101 </div>
261 <div class="clearfix"></div> 102 <div class="clearfix"></div>
262 </div> 103 </div>
263 <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;"> 104 <div class="customAccordianTabBody" id="customTabsBody2" style="display: none;">
264 <table class="customTableWithFilter"> 105 <table class="customTableWithFilter">
265 <thead> 106 <thead>
266 <tr> 107 <tr>
267 <th> 108 <th>
268 <span class="pull-left">1-250 gal.</span> 109 <span class="pull-left">1-250 gal.</span>
269 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 110 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
270 </th> 111 </th>
271 <th> 112 <th>
272 <span class="pull-left">1-250 gal.</span> 113 <span class="pull-left">1-250 gal.</span>
273 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 114 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
274 </th> 115 </th>
275 <th> 116 <th>
276 <input type="text" placeholder="min" name=""> - 117 <input type="text" placeholder="min" name=""> -
277 <input type="text" placeholder="max" name=""> 118 <input type="text" placeholder="max" name="">
278 <span>gal.</span> 119 <span>gal.</span>
279 </th> 120 </th>
280 <th> &nbsp; </th> 121 <th> &nbsp; </th>
281 </tr> 122 </tr>
282 </thead> 123 </thead>
283 <tbody> 124 <tbody>
284 <tr> 125 <tr>
285 <td> 126 <td>
286 <span class="pull-left">-$0.0000</span> &nbsp; 127 <span class="pull-left">-$0.0000</span> &nbsp;
287 <span class="pull-right">($1.7500)</span> 128 <span class="pull-right">($1.7500)</span>
288 </td> 129 </td>
289 <td> 130 <td>
290 <span class="pull-left">-$0.0000</span> &nbsp; 131 <span class="pull-left">-$0.0000</span> &nbsp;
291 <span class="pull-right">($1.7500)</span> 132 <span class="pull-right">($1.7500)</span>
292 </td> 133 </td>
293 <td> 134 <td>
294 <span>$</span> 135 <span>$</span>
295 <input type="text" placeholder="margin" class="tierTextBox" name=""> 136 <input type="text" placeholder="margin" class="tierTextBox" name="">
296 <button class="addTierButton">Add Tier</button> 137 <button class="addTierButton">Add Tier</button>
297 </td> 138 </td>
298 <td> 139 <td>
299 <i class="fa fa-trash-o" aria-hidden="true"></i> 140 <i class="fa fa-trash-o" aria-hidden="true"></i>
300 </td> 141 </td>
301 </tr> 142 </tr>
302 </tbody> 143 </tbody>
303 </table> 144 </table>
304 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 145 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
305 </div> 146 </div>
306 147
307 <!-- tab 3 --> 148 <!-- tab 3 -->
308 149
309 <div class="customAccordianHeader" id="customTabs3"> 150 <div class="customAccordianHeader" id="customTabs3">
310 <span>Jet Aircraft</span> 151 <span>Jet Aircraft</span>
311 <select class="form-control" disabled="true"> 152 <select class="form-control" disabled="true">
312 <option>Pricing Structure</option> 153 <option>Pricing Structure</option>
313 <option>Retail-(minus)</option> 154 <option>Retail-(minus)</option>
314 <option>Cost+(plus)</option> 155 <option>Cost+(plus)</option>
315 <option>Direct=(equals)</option> 156 <option>Direct=(equals)</option>
316 </select> 157 </select>
317 <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> 158 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
318 <div class="pull-right"> 159 <div class="pull-right">
319 <button class="btn btn-success" style="display: none;">Save</button> 160 <button class="btn btn-success" style="display: none;">Save</button>
320 <button class="btn btn-danger" style="display: none;">Delete</button> 161 <button class="btn btn-danger" style="display: none;">Delete</button>
321 <button class="btn btn-default" id="customTabToggle3">Edit</button> 162 <button class="btn btn-default" id="customTabToggle3">Edit</button>
322 </div> 163 </div>
323 <div class="clearfix"></div> 164 <div class="clearfix"></div>
324 </div> 165 </div>
325 <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;"> 166 <div class="customAccordianTabBody" id="customTabsBody3" style="display: none;">
326 <table class="customTableWithFilter"> 167 <table class="customTableWithFilter">
327 <thead> 168 <thead>
328 <tr> 169 <tr>
329 <th> 170 <th>
330 <span class="pull-left">1-250 gal.</span> 171 <span class="pull-left">1-250 gal.</span>
331 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 172 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
332 </th> 173 </th>
333 <th> 174 <th>
334 <span class="pull-left">1-250 gal.</span> 175 <span class="pull-left">1-250 gal.</span>
335 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 176 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
336 </th> 177 </th>
337 <th> 178 <th>
338 <input type="text" placeholder="min" name=""> - 179 <input type="text" placeholder="min" name=""> -
339 <input type="text" placeholder="max" name=""> 180 <input type="text" placeholder="max" name="">
340 <span>gal.</span> 181 <span>gal.</span>
341 </th> 182 </th>
342 <th> &nbsp; </th> 183 <th> &nbsp; </th>
343 </tr> 184 </tr>
344 </thead> 185 </thead>
345 <tbody> 186 <tbody>
346 <tr> 187 <tr>
347 <td> 188 <td>
348 <span class="pull-left">-$0.0000</span> &nbsp; 189 <span class="pull-left">-$0.0000</span> &nbsp;
349 <span class="pull-right">($1.7500)</span> 190 <span class="pull-right">($1.7500)</span>
350 </td> 191 </td>
351 <td> 192 <td>
352 <span class="pull-left">-$0.0000</span> &nbsp; 193 <span class="pull-left">-$0.0000</span> &nbsp;
353 <span class="pull-right">($1.7500)</span> 194 <span class="pull-right">($1.7500)</span>
354 </td> 195 </td>
355 <td> 196 <td>
356 <span>$</span> 197 <span>$</span>
357 <input type="text" placeholder="margin" class="tierTextBox" name=""> 198 <input type="text" placeholder="margin" class="tierTextBox" name="">
358 <button class="addTierButton">Add Tier</button> 199 <button class="addTierButton">Add Tier</button>
359 </td> 200 </td>
360 <td> 201 <td>
361 <i class="fa fa-trash-o" aria-hidden="true"></i> 202 <i class="fa fa-trash-o" aria-hidden="true"></i>
362 </td> 203 </td>
363 </tr> 204 </tr>
364 </tbody> 205 </tbody>
365 </table> 206 </table>
366 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 207 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
367 </div> 208 </div>
368 209
369 <!-- tab 4 --> 210 <!-- tab 4 -->
370 211
371 <div class="customAccordianHeader" id="customTabs4"> 212 <div class="customAccordianHeader" id="customTabs4">
372 <span>Jet Aircraft</span> 213 <span>Jet Aircraft</span>
373 <select class="form-control" disabled="true"> 214 <select class="form-control" disabled="true">
374 <option>Pricing Structure</option> 215 <option>Pricing Structure</option>
375 <option>Retail-(minus)</option> 216 <option>Retail-(minus)</option>
376 <option>Cost+(plus)</option> 217 <option>Cost+(plus)</option>
377 <option>Direct=(equals)</option> 218 <option>Direct=(equals)</option>
378 </select> 219 </select>
379 <input type="text" name="" disabled="true" class="form-control" value="$1.7500"> 220 <input type="text" name="" disabled="true" class="form-control" value="$1.7500">
380 <div class="pull-right"> 221 <div class="pull-right">
381 <button class="btn btn-success" style="display: none;">Save</button> 222 <button class="btn btn-success" style="display: none;">Save</button>
382 <button class="btn btn-danger" style="display: none;">Delete</button> 223 <button class="btn btn-danger" style="display: none;">Delete</button>
383 <button class="btn btn-default" id="customTabToggle4">Edit</button> 224 <button class="btn btn-default" id="customTabToggle4">Edit</button>
384 </div> 225 </div>
385 <div class="clearfix"></div> 226 <div class="clearfix"></div>
386 </div> 227 </div>
387 <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;"> 228 <div class="customAccordianTabBody" id="customTabsBody4" style="display: none;">
388 <table class="customTableWithFilter"> 229 <table class="customTableWithFilter">
389 <thead> 230 <thead>
390 <tr> 231 <tr>
391 <th> 232 <th>
392 <span class="pull-left">1-250 gal.</span> 233 <span class="pull-left">1-250 gal.</span>
393 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 234 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
394 </th> 235 </th>
395 <th> 236 <th>
396 <span class="pull-left">1-250 gal.</span> 237 <span class="pull-left">1-250 gal.</span>
397 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i> 238 <i class="fa fa-pencil-square-o pull-right" aria-hidden="true"></i>
398 </th> 239 </th>
399 <th> 240 <th>
400 <input type="text" placeholder="min" name=""> - 241 <input type="text" placeholder="min" name=""> -
401 <input type="text" placeholder="max" name=""> 242 <input type="text" placeholder="max" name="">
402 <span>gal.</span> 243 <span>gal.</span>
403 </th> 244 </th>
404 <th> &nbsp; </th> 245 <th> &nbsp; </th>
405 </tr> 246 </tr>
406 </thead> 247 </thead>
407 <tbody> 248 <tbody>
408 <tr> 249 <tr>
409 <td> 250 <td>
410 <span class="pull-left">-$0.0000</span> &nbsp; 251 <span class="pull-left">-$0.0000</span> &nbsp;
411 <span class="pull-right">($1.7500)</span> 252 <span class="pull-right">($1.7500)</span>
412 </td> 253 </td>
413 <td> 254 <td>
414 <span class="pull-left">-$0.0000</span> &nbsp; 255 <span class="pull-left">-$0.0000</span> &nbsp;
415 <span class="pull-right">($1.7500)</span> 256 <span class="pull-right">($1.7500)</span>
416 </td> 257 </td>
417 <td> 258 <td>
418 <span>$</span> 259 <span>$</span>
419 <input type="text" placeholder="margin" class="tierTextBox" name=""> 260 <input type="text" placeholder="margin" class="tierTextBox" name="">
420 <button class="addTierButton">Add Tier</button> 261 <button class="addTierButton">Add Tier</button>
421 </td> 262 </td>
422 <td> 263 <td>
423 <i class="fa fa-trash-o" aria-hidden="true"></i> 264 <i class="fa fa-trash-o" aria-hidden="true"></i>
424 </td> 265 </td>
425 </tr> 266 </tr>
426 </tbody> 267 </tbody>
427 </table> 268 </table>
428 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea> 269 <textarea class="form-control resizeTextarea" placeholder="Message..."></textarea>
429 </div> 270 </div>
430 271
431 272
432 </div> 273 </div>
433 </section> 274 </section>
434 <div class="row">&nbsp;</div> 275 <div class="row">&nbsp;</div>
435 <div class="row"> 276 <div class="row">
436 <div class="col-md-7"> 277 <div class="col-md-7">
437 </div> 278 </div>
438 <div class="col-md-5"> 279 <div class="col-md-5">
439 <div class="form-group"> 280 <div class="form-group">
440 <div class="col-lg-4"></div> 281 <div class="col-lg-4"></div>
441 <div class="col-lg-8"> 282 <div class="col-lg-8">
442 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 283 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
443 <button type="reset" class="btn btn-default">Cancel</button> 284 <button type="reset" class="btn btn-default">Cancel</button>
444 </div> 285 </div>
445 </div> 286 </div>
446 </div> 287 </div>
447 </div> 288 </div>
448 </div> 289 </div>
449 <!-- /widget-content --> 290 <!-- /widget-content -->
450 </div> 291 </div>
451 <!-- /widget --> 292 <!-- /widget -->
452 </div> 293 </div>
453 <!-- /span6 --> 294 <!-- /span6 -->
454 </div> 295 </div>
455 <!-- /span12 --> 296 <!-- /span12 -->
456 </div> 297 </div> <!-- /container 1 -->
457 <!-- /row -->
458 </div> <!-- /container -->
459 <!-- Le javascript 298 <!-- Le javascript
460 ================================================== --> 299 ================================================== -->
461 <!-- Placed at the end of the document so the pages load faster -->
app/partials/fuelManager/fuelManager.service.js
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 angular.module('acufuel') 3 angular.module('acufuel')
4 .service('fuelManagerService', ['$q', '$http', 'BE', fuelManagerService]); 4 .service('fuelManagerService', ['$q', '$http', 'BASE_URL', fuelManagerService]);
5
6 function fuelManagerService($q, $http, BE) {
7 var temp = {};
8 5
6 function fuelManagerService($q, $http, BASE_URL) {
9 7
8 this.getFullList = function() {
9
10 var deferred = $q.defer();
11 $http({
12 method : 'GET',
13 url : BASE_URL.url +'/rampFeesAndAvoidance/getAll',
14 headers : {'Content-Type': 'application/json'},
15 })
16 .then(function (result){
17 deferred.resolve(result.data);
18 },function (result){
19 deferred.resolve(result.data);
20 })
21 return deferred.promise;
22 }
23
24 //this.addCompany = function(data) {
25 this.updateFullList = function(data){
26
27 var deferred = $q.defer();
28 $http({
29 method : 'POST',
30 url : BASE_URL.url +'/rampFeesAndAvoidance',
31 headers : {'Content-Type': 'application/json'},
32 data: data
33 })
34 .then(function (result){
35 deferred.resolve(result.data);
36 },function (result){
37 deferred.resolve(result.data);
38 })
39 return deferred.promise;
40 }
10 41
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 window.localStorage.setItem("currentUser", JSON.stringify(authData.userProfile.userType)); 94 window.localStorage.setItem("currentUser", JSON.stringify(authData.userProfile.userType));
95 window.localStorage.setItem("userProfileId", JSON.stringify(authData.userProfile.id));
95 if(authData.userProfile.userType.type == 'ADMIN' || authData.userProfile.userType.type == 'FBO'){ 96 if(authData.userProfile.userType.type == 'ADMIN' || authData.userProfile.userType.type == 'FBO'){
96 role = USER_ROLES.admin; 97 role = USER_ROLES.admin;
97 $rootScope.isAuthenticated = true; 98 $rootScope.isAuthenticated = true;
98 }else if(authData.userProfile.userType.type == 'FLIGHT_DEPT'){ 99 }else if(authData.userProfile.userType.type == 'FLIGHT_DEPT'){
99 role = USER_ROLES.user; 100 role = USER_ROLES.user;
100 $rootScope.isAuthenticated = false; 101 $rootScope.isAuthenticated = false;
101 } 102 }
102 } 103 }
103 104
104 authService.isAuthenticated = function () { 105 authService.isAuthenticated = function () {
105 return isAuthenticated; 106 return isAuthenticated;
106 } 107 }
107 108
108 authService.role = function () { 109 authService.role = function () {
109 return role; 110 return role;
110 } 111 }
111 112
112 authService.isAuthorized = function (authorizedRoles) { 113 authService.isAuthorized = function (authorizedRoles) {
113 if (!angular.isArray(authorizedRoles)) { 114 if (!angular.isArray(authorizedRoles)) {
114 authorizedRoles = [authorizedRoles]; 115 authorizedRoles = [authorizedRoles];
115 } 116 }
116 return (authService.isAuthenticated() && authorizedRoles.indexOf(role) !== -1); 117 return (authService.isAuthenticated() && authorizedRoles.indexOf(role) !== -1);
117 } 118 }
118 119
119 return authService; 120 return authService;
120 } 121 }
121 122
122 })(); 123 })();