Commit f62f8940f861d3e55b751913ec34376c7b73cd81

Authored by Kuldeep Arora
1 parent 64b3dc0e35
Exists in master

UI changes

1 'use strict'; 1 'use strict';
2 2
3 3
4 angular.module('acufuel', ['nvd3', 'ngCookies', 'ngResource', 'ngSanitize', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable', 'ui.toggle', 'ngTable', 'ui.select2', 'ckeditor', 'ui.calendar', 'ngDragDrop', 'ui.select']) 4 angular.module('acufuel', ['nvd3', 'ngCookies', 'ngResource', 'ngSanitize', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable', 'ui.toggle', 'ngTable', 'ui.select2', 'ckeditor', 'ui.calendar', 'ngDragDrop', 'ui.select'])
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 .directive('fileModel', ['$parse', function ($parse) { 30 .directive('fileModel', ['$parse', function ($parse) {
31 return { 31 return {
32 restrict: 'A', 32 restrict: 'A',
33 link: function(scope, element, attrs) { 33 link: function(scope, element, attrs) {
34 var model = $parse(attrs.fileModel); 34 var model = $parse(attrs.fileModel);
35 var modelSetter = model.assign; 35 var modelSetter = model.assign;
36 36
37 element.bind('change', function(){ 37 element.bind('change', function(){
38 scope.$apply(function(){ 38 scope.$apply(function(){
39 modelSetter(scope, element[0].files[0]); 39 modelSetter(scope, element[0].files[0]);
40 }); 40 });
41 }); 41 });
42 } 42 }
43 }; 43 };
44 }]) 44 }])
45 45
46 .provider('myCSRF',[function(){ 46 .provider('myCSRF',[function(){
47 var headerName = 'X-CSRFToken'; 47 var headerName = 'X-CSRFToken';
48 var cookieName = 'csrftoken'; 48 var cookieName = 'csrftoken';
49 var allowedMethods = ['GET']; 49 var allowedMethods = ['GET'];
50 50
51 this.setHeaderName = function(n) { 51 this.setHeaderName = function(n) {
52 headerName = n; 52 headerName = n;
53 } 53 }
54 this.setCookieName = function(n) { 54 this.setCookieName = function(n) {
55 cookieName = n; 55 cookieName = n;
56 } 56 }
57 this.setAllowedMethods = function(n) { 57 this.setAllowedMethods = function(n) {
58 allowedMethods = n; 58 allowedMethods = n;
59 } 59 }
60 this.$get = ['$cookies', function($cookies){ 60 this.$get = ['$cookies', function($cookies){
61 return { 61 return {
62 'request': function(config) { 62 'request': function(config) {
63 if(allowedMethods.indexOf(config.method) === -1) { 63 if(allowedMethods.indexOf(config.method) === -1) {
64 // do something on success 64 // do something on success
65 config.headers[headerName] = $cookies[cookieName]; 65 config.headers[headerName] = $cookies[cookieName];
66 } 66 }
67 return config; 67 return config;
68 } 68 }
69 } 69 }
70 }]; 70 }];
71 }]) 71 }])
72 72
73 .config( 73 .config(
74 ['$locationProvider', '$stateProvider', '$urlRouterProvider', 74 ['$locationProvider', '$stateProvider', '$urlRouterProvider',
75 function($locationProvider, $stateProvider, $urlRouterProvider) { 75 function($locationProvider, $stateProvider, $urlRouterProvider) {
76 $locationProvider.hashPrefix('!'); 76 $locationProvider.hashPrefix('!');
77 // routes 77 // routes
78 $urlRouterProvider 78 $urlRouterProvider
79 .otherwise('/login'); 79 .otherwise('/login');
80 80
81 $stateProvider 81 $stateProvider
82 82
83 .state("app", { 83 .state("app", {
84 url: "", 84 url: "",
85 templateUrl: "partials/main/main.html", 85 templateUrl: "partials/main/main.html",
86 controller: "MainController", 86 controller: "MainController",
87 abstract: true 87 abstract: true
88 }) 88 })
89 89
90 .state("login", { 90 .state("login", {
91 url: "/login", 91 url: "/login",
92 templateUrl: "partials/login/login.html", 92 templateUrl: "partials/login/login.html",
93 controller: "LoginController" 93 controller: "LoginController"
94 }) 94 })
95 95
96 .state("app.customers", { 96 .state("app.customers", {
97 url: "/customers", 97 url: "/customers",
98 templateUrl: "partials/customers/customers.html", 98 templateUrl: "partials/customers/customers.html",
99 controller: "customersController", 99 controller: "customersController",
100 data: { 100 data: {
101 authorizedRoles: ["FBO"], 101 authorizedRoles: ["FBO"],
102 } 102 }
103 }) 103 })
104 104
105 .state("app.accountSetting", { 105 .state("app.accountSetting", {
106 url: "/accountSetting", 106 url: "/accountSetting",
107 templateUrl: "partials/accountSetting/accountSetting.html", 107 templateUrl: "partials/accountSetting/accountSetting.html",
108 controller: "AccountSettingController", 108 controller: "AccountSettingController",
109 data: { 109 data: {
110 authorizedRoles: ["FBO"], 110 authorizedRoles: ["FBO"],
111 } 111 }
112 }) 112 })
113 113
114 .state("app.ContactView", { 114 .state("app.ContactView", {
115 url: "/ContactView", 115 url: "/ContactView",
116 templateUrl: "partials/ContactView/ContactView.html", 116 templateUrl: "partials/ContactView/ContactView.html",
117 controller: "ContactViewController", 117 controller: "ContactViewController",
118 data: { 118 data: {
119 authorizedRoles: ["FBO"], 119 authorizedRoles: ["FBO"],
120 } 120 }
121 }) 121 })
122 .state("app.FuelVendors", { 122 .state("app.FuelVendors", {
123 url: "/FuelVendors", 123 url: "/FuelVendors",
124 templateUrl: "partials/FuelVendors/FuelVendors.html", 124 templateUrl: "partials/FuelVendors/FuelVendors.html",
125 controller: "FuelVendorsController", 125 controller: "FuelVendorsController",
126 data: { 126 data: {
127 authorizedRoles: ["FBO"], 127 authorizedRoles: ["FBO"],
128 } 128 }
129 }) 129 })
130 130
131 .state("app.analytics", { 131 .state("app.analytics", {
132 url: "/analytics", 132 url: "/analytics",
133 templateUrl: "partials/analytics/analytics.html", 133 templateUrl: "partials/analytics/analytics.html",
134 controller: "analyticsController", 134 controller: "analyticsController",
135 data: { 135 data: {
136 authorizedRoles: ["FBO"], 136 authorizedRoles: ["FBO"],
137 } 137 }
138 }) 138 })
139 139
140 .state("app.account", { 140 .state("app.account", {
141 url: "/vendors", 141 url: "/vendors",
142 templateUrl: "partials/FuelVendors/FuelVendors.html", 142 templateUrl: "partials/FuelVendors/FuelVendors.html",
143 controller: "FuelVendorsController", 143 controller: "FuelVendorsController",
144 data: { 144 data: {
145 authorizedRoles: ["FBO"], 145 authorizedRoles: ["FBO"],
146 } 146 }
147 }) 147 })
148 148
149 .state("app.dashboard", { 149 .state("app.dashboard", {
150 url: "/dashboard", 150 url: "/dashboard",
151 templateUrl: "partials/dashboard/dashboard.html", 151 templateUrl: "partials/dashboard/dashboard.html",
152 controller: "dashboardController", 152 controller: "dashboardController",
153 data: { 153 data: {
154 authorizedRoles: ["FBO","ADDITIONAL"], 154 authorizedRoles: ["FBO","ADDITIONAL"],
155 } 155 }
156 }) 156 })
157 157
158 .state("app.elements", { 158 .state("app.elements", {
159 url: "/elements", 159 url: "/elements",
160 templateUrl: "partials/elements/elements.html", 160 templateUrl: "partials/elements/elements.html",
161 controller: "elementsController", 161 controller: "elementsController",
162 data: { 162 data: {
163 authorizedRoles: ["FBO"], 163 authorizedRoles: ["FBO"],
164 } 164 }
165 }) 165 })
166 166
167 .state("app.error", { 167 .state("app.error", {
168 url: "/error", 168 url: "/error",
169 templateUrl: "partials/error/error.html", 169 templateUrl: "partials/error/error.html",
170 controller: "errorController" 170 controller: "errorController"
171 }) 171 })
172 172
173 .state("app.faq", { 173 .state("app.faq", {
174 url: "/faq", 174 url: "/faq",
175 templateUrl: "partials/faq/faq.html", 175 templateUrl: "partials/faq/faq.html",
176 controller: "faqController" 176 controller: "faqController"
177 }) 177 })
178 178
179 .state("app.forms", { 179 .state("app.forms", {
180 url: "/forms", 180 url: "/forms",
181 templateUrl: "partials/forms/forms.html", 181 templateUrl: "partials/forms/forms.html",
182 controller: "formsController", 182 controller: "formsController",
183 data: { 183 data: {
184 authorizedRoles: ["FBO"], 184 authorizedRoles: ["FBO"],
185 } 185 }
186 }) 186 })
187 187
188 .state("app.fuelManager", { 188 .state("app.fuelManager", {
189 url: "/fuelManager", 189 url: "/fuelManager",
190 templateUrl: "partials/fuelManager/fuelManager.html", 190 templateUrl: "partials/fuelManager/fuelManager.html",
191 controller: "fuelManagerController", 191 controller: "fuelManagerController",
192 data: { 192 data: {
193 authorizedRoles: ["FBO"], 193 authorizedRoles: ["FBO"],
194 } 194 }
195 }) 195 })
196 196
197 .state("app.pricing", { 197 .state("app.pricing", {
198 url: "/pricing", 198 url: "/pricing",
199 templateUrl: "partials/pricing/pricing.html", 199 templateUrl: "partials/pricing/pricing.html",
200 controller: "pricingController", 200 controller: "pricingController",
201 data: { 201 data: {
202 authorizedRoles: ["FBO"], 202 authorizedRoles: ["FBO"],
203 } 203 }
204 }) 204 })
205 205
206 .state("app.reports", { 206 .state("app.reports", {
207 url: "/reports", 207 url: "/reports",
208 templateUrl: "partials/reports/reports.html", 208 templateUrl: "partials/reports/reports.html",
209 controller: "reportsController", 209 controller: "reportsController",
210 data: { 210 data: {
211 authorizedRoles: ["FBO"], 211 authorizedRoles: ["FBO"],
212 } 212 }
213 }) 213 })
214 214
215 .state("app.scheduler", { 215 .state("app.scheduler", {
216 url: "/scheduler", 216 url: "/scheduler",
217 templateUrl: "partials/scheduler/scheduler.html", 217 templateUrl: "partials/scheduler/scheduler.html",
218 controller: "schedulerController", 218 controller: "schedulerController",
219 data: { 219 data: {
220 authorizedRoles: ["FBO"], 220 authorizedRoles: ["FBO"],
221 } 221 }
222 }) 222 })
223 223
224 .state("app.flightTracking", { 224 .state("app.flightTracking", {
225 url: "/flightTracking", 225 url: "/flightTracking",
226 templateUrl: "partials/flightTracking/flightTracking.html", 226 templateUrl: "partials/flightTracking/flightTracking.html",
227 controller: "flightTrackingController", 227 controller: "flightTrackingController",
228 data: { 228 data: {
229 authorizedRoles: ["FBO"], 229 authorizedRoles: ["FBO"],
230 } 230 }
231 }) 231 })
232 232
233 .state("app.taxes", { 233 .state("app.taxes", {
234 url: "/taxes", 234 url: "/taxes",
235 templateUrl: "partials/taxes/taxes.html", 235 templateUrl: "partials/taxes/taxes.html",
236 controller: "taxesController", 236 controller: "taxesController",
237 data: { 237 data: {
238 authorizedRoles: ["FBO"], 238 authorizedRoles: ["FBO"],
239 } 239 }
240 }) 240 })
241 241
242 .state("app.signup", { 242 .state("app.signup", {
243 url: "/signup", 243 url: "/signup",
244 templateUrl: "partials/signup/signup.html", 244 templateUrl: "partials/signup/signup.html",
245 controller: "signupController" 245 controller: "signupController"
246 }) 246 })
247 247
248 .state("app.updateFuelManager", { 248 .state("app.updateFuelManager", {
249 url: "/updateFuelManager", 249 url: "/updateFuelManager",
250 templateUrl: "partials/updateFuelManager/updateFuelManager.html", 250 templateUrl: "partials/updateFuelManager/updateFuelManager.html",
251 controller: "updateFuelManagerController", 251 controller: "updateFuelManagerController",
252 data: { 252 data: {
253 authorizedRoles: ["FBO"], 253 authorizedRoles: ["FBO"],
254 } 254 }
255 }) 255 })
256 256
257 .state("app.viewCompany", { 257 .state("app.viewCompany", {
258 url: "/viewCompany/:id", 258 url: "/viewCompany/:id",
259 templateUrl: "partials/viewCompany/viewCompany.html", 259 templateUrl: "partials/viewCompany/viewCompany.html",
260 controller: "viewCompanyController", 260 controller: "viewCompanyController",
261 data: { 261 data: {
262 authorizedRoles: ["FBO"], 262 authorizedRoles: ["FBO"],
263 } 263 }
264 }) 264 })
265 265
266 .state("app.viewFuelVendor", { 266 .state("app.viewFuelVendor", {
267 url: "/viewFuelVendor/:id", 267 url: "/viewFuelVendor/:id",
268 templateUrl: "partials/viewFuelVendor/viewFuelVendor.html", 268 templateUrl: "partials/viewFuelVendor/viewFuelVendor.html",
269 controller: "ViewFuelVendorController", 269 controller: "ViewFuelVendorController",
270 data: { 270 data: {
271 authorizedRoles: ["FBO"], 271 authorizedRoles: ["FBO"],
272 } 272 }
273 }) 273 })
274 274
275 .state("app.fuelOrders", { 275 .state("app.fuelOrders", {
276 url: "/fuelOrders", 276 url: "/fuelOrders",
277 templateUrl: "partials/fuelOrders/fuelOrders.html", 277 templateUrl: "partials/fuelOrders/fuelOrders.html",
278 controller: "fuelOrdersController", 278 controller: "fuelOrdersController",
279 data: { 279 data: {
280 authorizedRoles: ["FBO"], 280 authorizedRoles: ["FBO"],
281 } 281 }
282 }) 282 })
283 283
284 .state("app.DispatchFuel", { 284 .state("app.DispatchFuel", {
285 url: "/DispatchFuel", 285 url: "/DispatchFuel",
286 templateUrl: "partials/DispatchFuel/DispatchFuel.html", 286 templateUrl: "partials/DispatchFuel/DispatchFuel.html",
287 controller: "DispatchFuelController", 287 controller: "DispatchFuelController",
288 data: { 288 data: {
289 authorizedRoles: ["FBO"], 289 authorizedRoles: ["FBO"],
290 } 290 }
291 }) 291 })
292 292
293 .state("app.searchDispatchFuel", { 293 .state("app.searchDispatchFuel", {
294 url: "/searchDispatchFuel", 294 url: "/searchDispatchFuel",
295 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html", 295 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html",
296 controller: "searchDispatchFuelController", 296 controller: "searchDispatchFuelController",
297 data: { 297 data: {
298 authorizedRoles: ["FBO"], 298 authorizedRoles: ["FBO"],
299 } 299 }
300 }) 300 })
301 301
302 .state("app.Accept", { 302 .state("app.Accept", {
303 url: "/Accept", 303 url: "/Accept",
304 templateUrl: "partials/Accept/Accept.html", 304 templateUrl: "partials/Accept/Accept.html",
305 controller: "AcceptController", 305 controller: "AcceptController",
306 data: { 306 data: {
307 authorizedRoles: ["FBO"], 307 authorizedRoles: ["FBO"],
308 } 308 }
309 }) 309 })
310 310
311 .state("app.delselected", { 311 .state("app.delselected", {
312 url: "/delselected", 312 url: "/delselected",
313 templateUrl: "partials/delselected/delselected.html", 313 templateUrl: "partials/delselected/delselected.html",
314 controller: "delselectedController", 314 controller: "delselectedController",
315 data: { 315 data: {
316 authorizedRoles: ["FBO"], 316 authorizedRoles: ["FBO"],
317 } 317 }
318 }) 318 })
319 319
320 .state("app.pricingcontact", { 320 .state("app.pricingcontact", {
321 url: "/pricingcontact", 321 url: "/pricingcontact",
322 templateUrl: "partials/pricingcontact/pricingcontact.html", 322 templateUrl: "partials/pricingcontact/pricingcontact.html",
323 controller: "pricingcontactController", 323 controller: "pricingcontactController",
324 data: { 324 data: {
325 authorizedRoles: ["FBO"], 325 authorizedRoles: ["FBO"],
326 } 326 }
327 }) 327 })
328 328
329 .state("app.viewContact", { 329 .state("app.viewContact", {
330 url: "/viewContact/:id", 330 url: "/viewContact/:id",
331 templateUrl: "partials/viewcontact/viewcontact.html", 331 templateUrl: "partials/viewcontact/viewcontact.html",
332 controller: "viewcontactController", 332 controller: "viewcontactController",
333 data: { 333 data: {
334 authorizedRoles: ["FBO"], 334 authorizedRoles: ["FBO"],
335 } 335 }
336 }) 336 })
337 337
338 .state("app.viewVendorContact", { 338 .state("app.viewVendorContact", {
339 url: "/viewVendorContact/:id", 339 url: "/viewVendorContact/:id",
340 templateUrl: "partials/viewVendorContact/viewVendorContact.html", 340 templateUrl: "partials/viewVendorContact/viewVendorContact.html",
341 controller: "viewVendorContactController", 341 controller: "viewVendorContactController",
342 data: { 342 data: {
343 authorizedRoles: ["FBO"], 343 authorizedRoles: ["FBO"],
344 } 344 }
345 }) 345 })
346 346
347 .state("app.enterFuelOrder", { 347 .state("app.enterFuelOrder", {
348 url: "/enterFuelOrder", 348 url: "/enterFuelOrder",
349 templateUrl: "partials/enterFuelOrder/enterFuelOrder.html", 349 templateUrl: "partials/enterFuelOrder/enterFuelOrder.html",
350 controller: "enterFuelOrderController", 350 controller: "enterFuelOrderController",
351 data: { 351 data: {
352 authorizedRoles: ["FBO"], 352 authorizedRoles: ["FBO"],
353 } 353 }
354 }) 354 })
355 355
356 .state("app.flightDepDashboard", { 356 .state("app.flightDepDashboard", {
357 url: "/flightDepDashboard", 357 url: "/flightDepDashboard",
358 templateUrl: "partials/flightDepDashboard/flightDepDashboard.html", 358 templateUrl: "partials/flightDepDashboard/flightDepDashboard.html",
359 controller: "flightDepDashboardController" 359 controller: "flightDepDashboardController"
360 }) 360 })
361 361
362 .state("app.flightDepOrders", { 362 .state("app.flightDepOrders", {
363 url: "/flightDepOrders", 363 url: "/flightDepOrders",
364 templateUrl: "partials/flightDepOrders/flightDepOrders.html", 364 templateUrl: "partials/flightDepOrders/flightDepOrders.html",
365 controller: "flightDepOrdersController" 365 controller: "flightDepOrdersController"
366 }) 366 })
367 367
368 .state("forgetPassword", { 368 .state("forgetPassword", {
369 url: "/forgetPassword", 369 url: "/forgetPassword",
370 templateUrl: "partials/forgetPassword/forgetPassword.html", 370 templateUrl: "partials/forgetPassword/forgetPassword.html",
371 controller: "forgetPasswordController" 371 controller: "forgetPasswordController"
372 }) 372 })
373 373
374 374
375 .state("resetPassword", { 375 .state("resetPassword", {
376 url : "/resetPassword", 376 url : "/resetPassword",
377 templateUrl : "partials/resetpwd/resetPassword.html", 377 templateUrl : "partials/resetpwd/resetPassword.html",
378 controller : "resetPasswordController" 378 controller : "resetPasswordController"
379 379
380 }) 380 })
381 381
382 } 382 }
383 ]) 383 ])
384 384
385 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) { 385 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) {
386 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) { 386 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) {
387 //console.log("from",from, "fromState",fromState) 387 //console.log("from",from, "fromState",fromState)
388 $rootScope.isShowEmail = false;
389 $rootScope.isShowFMA = false;
388 $rootScope.previousState = fromState.name; 390 $rootScope.previousState = fromState.name;
389 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser')); 391 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser'));
392 var EPDAccess = JSON.parse(window.localStorage.getItem('EPDAccess'));
393 var FMAAccess = JSON.parse(window.localStorage.getItem('FMAAccess'));
394 if(EPDAccess === true || EPDAccess == null){
395 $rootScope.isShowEmail = true;
396 }
397 if(FMAAccess === true || FMAAccess == null){
398 $rootScope.isShowFMA = true;
399 }
400
390 // console.log("nextParams",nextParams) 401 // console.log("nextParams",nextParams)
391 /*LoginService.isAuthorized = function (authorizedRoles) { 402 /*LoginService.isAuthorized = function (authorizedRoles) {
392 if (!angular.isArray(authorizedRoles)) { 403 if (!angular.isArray(authorizedRoles)) {
393 authorizedRoles = [authorizedRoles]; 404 authorizedRoles = [authorizedRoles];
394 } 405 }
395 var userdata = JSON.parse(window.localStorage.getItem('currentUser')); 406 var userdata = JSON.parse(window.localStorage.getItem('currentUser'));
396 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false); 407 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false);
397 } 408 }
398 409
399 if ('data' in next && 'authorizedRoles' in next.data) { 410 if ('data' in next && 'authorizedRoles' in next.data) {
400 var authorizedRoles = next.data.authorizedRoles; 411 var authorizedRoles = next.data.authorizedRoles;
401 if (!LoginService.isAuthorized(authorizedRoles)) { 412 if (!LoginService.isAuthorized(authorizedRoles)) {
402 event.preventDefault(); 413 event.preventDefault();
403 if($state.current.name.length == 0) { 414 if($state.current.name.length == 0) {
404 $state.go('login') 415 $state.go('login')
405 } else { 416 } else {
406 $state.go($state.current, {}, {reload: true}); 417 $state.go($state.current, {}, {reload: true});
407 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized); 418 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized);
408 } 419 }
409 } 420 }
410 } 421 }
411 422
412 if (LoginService.isAuthenticated()) { 423 if (LoginService.isAuthenticated()) {
413 if (next.name == 'login') { 424 if (next.name == 'login') {
414 event.preventDefault(); 425 event.preventDefault();
415 $state.go('app.dashboard'); 426 $state.go('app.dashboard');
416 } 427 }
417 }else{ 428 }else{
418 // if (next.name == 'login') { 429 // if (next.name == 'login') {
419 // event.preventDefault(); 430 // event.preventDefault();
420 // $state.go('app.flightDepDashboard'); 431 // $state.go('app.flightDepDashboard');
421 // } 432 // }
422 433
423 434
424 }*/ 435 }*/
425 }); 436 });
426 }]) 437 }])
427 438
428 439
429 .directive("datepicker",function(){ 440 .directive("datepicker",function(){
430 return { 441 return {
431 restrict:"A", 442 restrict:"A",
432 link:function(scope,el,attr){ 443 link:function(scope,el,attr){
433 el.datepicker(); 444 el.datepicker();
434 } 445 }
435 }; 446 };
436 }) 447 })
437 448
438 /* Valid number for upto 4 decimal points-Input type */ 449 /* Valid number for upto 4 decimal points-Input type */
439 450
440 .directive('validNumber', function() { 451 .directive('validNumber', function() {
441 return { 452 return {
442 require: '?ngModel', 453 require: '?ngModel',
443 link: function(scope, element, attrs, ngModelCtrl) { 454 link: function(scope, element, attrs, ngModelCtrl) {
444 if(!ngModelCtrl) { 455 if(!ngModelCtrl) {
445 return; 456 return;
446 } 457 }
447 458
448 ngModelCtrl.$parsers.push(function(val) { 459 ngModelCtrl.$parsers.push(function(val) {
449 if (angular.isUndefined(val)) { 460 if (angular.isUndefined(val)) {
450 var val = ''; 461 var val = '';
451 } 462 }
452 463
453 var clean = val.replace(/[^-0-9\.]/g, ''); 464 var clean = val.replace(/[^-0-9\.]/g, '');
454 var negativeCheck = clean.split('-'); 465 var negativeCheck = clean.split('-');
455 var decimalCheck = clean.split('.'); 466 var decimalCheck = clean.split('.');
456 if(!angular.isUndefined(negativeCheck[1])) { 467 if(!angular.isUndefined(negativeCheck[1])) {
457 negativeCheck[1] = negativeCheck[1].slice(0, negativeCheck[1].length); 468 negativeCheck[1] = negativeCheck[1].slice(0, negativeCheck[1].length);
458 clean =negativeCheck[0] + '-' + negativeCheck[1]; 469 clean =negativeCheck[0] + '-' + negativeCheck[1];
459 if(negativeCheck[0].length > 0) { 470 if(negativeCheck[0].length > 0) {
460 clean =negativeCheck[0]; 471 clean =negativeCheck[0];
461 } 472 }
462 473
463 } 474 }
464 475
465 if(!angular.isUndefined(decimalCheck[1])) { 476 if(!angular.isUndefined(decimalCheck[1])) {
466 decimalCheck[1] = decimalCheck[1].slice(0,4); 477 decimalCheck[1] = decimalCheck[1].slice(0,4);
467 clean =decimalCheck[0] + '.' + decimalCheck[1]; 478 clean =decimalCheck[0] + '.' + decimalCheck[1];
468 } 479 }
469 480
470 if (val !== clean) { 481 if (val !== clean) {
471 ngModelCtrl.$setViewValue(clean); 482 ngModelCtrl.$setViewValue(clean);
472 ngModelCtrl.$render(); 483 ngModelCtrl.$render();
473 } 484 }
474 return clean; 485 return clean;
475 }); 486 });
476 487
477 element.bind('keypress', function(event) { 488 element.bind('keypress', function(event) {
478 if(event.keyCode === 32) { 489 if(event.keyCode === 32) {
479 event.preventDefault(); 490 event.preventDefault();
480 } 491 }
481 }); 492 });
482 } 493 }
483 }; 494 };
484 }) 495 })
485 /* Valid number for upto 2 decimal points-Input type */ 496 /* Valid number for upto 2 decimal points-Input type */
486 .directive('decimalNumber', function() { 497 .directive('decimalNumber', function() {
487 return { 498 return {
488 require: '?ngModel', 499 require: '?ngModel',
489 link: function(scope, element, attrs, ngModelCtrl) { 500 link: function(scope, element, attrs, ngModelCtrl) {
490 if(!ngModelCtrl) { 501 if(!ngModelCtrl) {
491 return; 502 return;
492 } 503 }
493 504
494 ngModelCtrl.$parsers.push(function(val) { 505 ngModelCtrl.$parsers.push(function(val) {
495 if (angular.isUndefined(val)) { 506 if (angular.isUndefined(val)) {
496 var val = ''; 507 var val = '';
497 } 508 }
498 509
499 var clean = val.replace(/[^-0-9\.]/g, ''); 510 var clean = val.replace(/[^-0-9\.]/g, '');
500 var negativeCheck = clean.split('-'); 511 var negativeCheck = clean.split('-');
501 var decimalCheck = clean.split('.'); 512 var decimalCheck = clean.split('.');
502 if(!angular.isUndefined(negativeCheck[1])) { 513 if(!angular.isUndefined(negativeCheck[1])) {
503 negativeCheck[1] = negativeCheck[1].slice(0, negativeCheck[1].length); 514 negativeCheck[1] = negativeCheck[1].slice(0, negativeCheck[1].length);
504 clean =negativeCheck[0] + '-' + negativeCheck[1]; 515 clean =negativeCheck[0] + '-' + negativeCheck[1];
505 if(negativeCheck[0].length > 0) { 516 if(negativeCheck[0].length > 0) {
506 clean =negativeCheck[0]; 517 clean =negativeCheck[0];
507 } 518 }
508 519
509 } 520 }
510 521
511 if(!angular.isUndefined(decimalCheck[1])) { 522 if(!angular.isUndefined(decimalCheck[1])) {
512 decimalCheck[1] = decimalCheck[1].slice(0,2); 523 decimalCheck[1] = decimalCheck[1].slice(0,2);
513 clean =decimalCheck[0] + '.' + decimalCheck[1]; 524 clean =decimalCheck[0] + '.' + decimalCheck[1];
514 } 525 }
515 526
516 if (val !== clean) { 527 if (val !== clean) {
517 ngModelCtrl.$setViewValue(clean); 528 ngModelCtrl.$setViewValue(clean);
518 ngModelCtrl.$render(); 529 ngModelCtrl.$render();
519 } 530 }
520 return clean; 531 return clean;
521 }); 532 });
522 533
523 element.bind('keypress', function(event) { 534 element.bind('keypress', function(event) {
524 if(event.keyCode === 32) { 535 if(event.keyCode === 32) {
525 event.preventDefault(); 536 event.preventDefault();
526 } 537 }
527 }); 538 });
528 } 539 }
529 }; 540 };
530 }); 541 });
531 542
532 543
app/partials/dashboard/dashboard.controller.js
1 (function() { 1 (function() {
2 'use strict' 2 'use strict'
3 3
4 angular.module('acufuel') 4 angular.module('acufuel')
5 .controller('dashboardController', [ '$scope', '$filter', '$rootScope', '$state', 'dashboardService','updateFuelManagerService', dashboardController]); 5 .controller('dashboardController', [ '$scope', '$filter', '$rootScope', '$state', 'dashboardService','updateFuelManagerService', dashboardController]);
6 6
7 function dashboardController($scope, $filter, $rootScope, $state, dashboardService,updateFuelManagerService) { 7 function dashboardController($scope, $filter, $rootScope, $state, dashboardService,updateFuelManagerService) {
8 $scope.getQuote = true; 8 $scope.getQuote = true;
9 $scope.showQuote = false; 9 $scope.showQuote = false;
10 $scope.getQuote = function () { 10 $scope.getQuote = function () {
11 $scope.getQuote = false; 11 $scope.getQuote = false;
12 $scope.showQuote = true; 12 $scope.showQuote = true;
13 } 13 }
14 14
15 $scope.logout = function () { 15 $scope.logout = function () {
16 localStorage.clear();
16 localStorage.removeItem("loginStatus"); 17 localStorage.removeItem("loginStatus");
17 $rootScope.path = false; 18 $rootScope.path = false;
18 $state.reload(); 19 $state.reload();
19 } 20 }
20 21
21 $scope.marginList = {}; 22 $scope.marginList = {};
22 dashboardService.getMargin().then(function(result) { 23 dashboardService.getMargin().then(function(result) {
23 $scope.marginList = result; 24 $scope.marginList = result;
24 // console.log("--kd Margin result--", result) 25 // console.log("--kd Margin result--", result)
25 }) 26 })
26 27
27 $scope.newFuelPricing = {}; 28 $scope.newFuelPricing = {};
28 dashboardService.getFuelPricingNew().then(function(result) { 29 dashboardService.getFuelPricingNew().then(function(result) {
29 $scope.newFuelPricing = result; 30 $scope.newFuelPricing = result;
30 // console.log("kd Fuel Pricing result", result) 31 // console.log("kd Fuel Pricing result", result)
31 for (var i = 0; i<$scope.newFuelPricing.length; i++) { 32 for (var i = 0; i<$scope.newFuelPricing.length; i++) {
32 if ($scope.newFuelPricing[i].fuelPricing != null) { 33 if ($scope.newFuelPricing[i].fuelPricing != null) {
33 if ($scope.newFuelPricing[i].fuelPricing.expirationDate != null && $scope.newFuelPricing[i].fuelPricing.expirationDate != '') { 34 if ($scope.newFuelPricing[i].fuelPricing.expirationDate != null && $scope.newFuelPricing[i].fuelPricing.expirationDate != '') {
34 var newTime = new Date($scope.newFuelPricing[i].fuelPricing.expirationDate); 35 var newTime = new Date($scope.newFuelPricing[i].fuelPricing.expirationDate);
35 var month = newTime.getUTCMonth() + 1; //months from 1-12 36 var month = newTime.getUTCMonth() + 1; //months from 1-12
36 var day = newTime.getUTCDate(); 37 var day = newTime.getUTCDate();
37 var year = newTime.getUTCFullYear(); 38 var year = newTime.getUTCFullYear();
38 $scope.newFuelPricing[i].fuelPricing.expirationDate = month+'/'+day+'/'+year; 39 $scope.newFuelPricing[i].fuelPricing.expirationDate = month+'/'+day+'/'+year;
39 } 40 }
40 } 41 }
41 if ($scope.newFuelPricing[i].futureFuelPricing != null) { 42 if ($scope.newFuelPricing[i].futureFuelPricing != null) {
42 if ($scope.newFuelPricing[i].futureFuelPricing != null) { 43 if ($scope.newFuelPricing[i].futureFuelPricing != null) {
43 if ($scope.newFuelPricing[i].futureFuelPricing.nextExpiration != null && $scope.newFuelPricing[i].futureFuelPricing.nextExpiration != '') { 44 if ($scope.newFuelPricing[i].futureFuelPricing.nextExpiration != null && $scope.newFuelPricing[i].futureFuelPricing.nextExpiration != '') {
44 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.nextExpiration); 45 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.nextExpiration);
45 var nextMonth = newTime.getUTCMonth() + 1; //months from 1-12 46 var nextMonth = newTime.getUTCMonth() + 1; //months from 1-12
46 var nextDay = newTime.getUTCDate(); 47 var nextDay = newTime.getUTCDate();
47 var nextYear = newTime.getUTCFullYear(); 48 var nextYear = newTime.getUTCFullYear();
48 $scope.newFuelPricing[i].futureFuelPricing.nextExpiration = nextMonth+'/'+nextDay+'/'+nextYear; 49 $scope.newFuelPricing[i].futureFuelPricing.nextExpiration = nextMonth+'/'+nextDay+'/'+nextYear;
49 } 50 }
50 } 51 }
51 if ($scope.newFuelPricing[i].futureFuelPricing != null) { 52 if ($scope.newFuelPricing[i].futureFuelPricing != null) {
52 if ($scope.newFuelPricing[i].futureFuelPricing.deployDate != null && $scope.newFuelPricing[i].futureFuelPricing.deployDate != '') { 53 if ($scope.newFuelPricing[i].futureFuelPricing.deployDate != null && $scope.newFuelPricing[i].futureFuelPricing.deployDate != '') {
53 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.deployDate); 54 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.deployDate);
54 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 55 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
55 var dday = newTime.getUTCDate(); 56 var dday = newTime.getUTCDate();
56 var dyear = newTime.getUTCFullYear(); 57 var dyear = newTime.getUTCFullYear();
57 $scope.newFuelPricing[i].futureFuelPricing.deployDate = dmonth+'/'+dday+'/'+dyear; 58 $scope.newFuelPricing[i].futureFuelPricing.deployDate = dmonth+'/'+dday+'/'+dyear;
58 } 59 }
59 } 60 }
60 } 61 }
61 var str =""+ $scope.newFuelPricing[i].name 62 var str =""+ $scope.newFuelPricing[i].name
62 if(str.startsWith("J")){ 63 if(str.startsWith("J")){
63 $scope.newFuelPricing[i].jeta = true; 64 $scope.newFuelPricing[i].jeta = true;
64 var str1 = str.substring(0,5) 65 var str1 = str.substring(0,5)
65 var str2 = str.substring(6, str.length) 66 var str2 = str.substring(6, str.length)
66 $scope.newFuelPricing[i].name = str1 67 $scope.newFuelPricing[i].name = str1
67 $scope.newFuelPricing[i].namejetrest = str2 68 $scope.newFuelPricing[i].namejetrest = str2
68 69
69 70
70 }else if(str.startsWith("100")){ 71 }else if(str.startsWith("100")){
71 $scope.newFuelPricing[i].avgas = true; 72 $scope.newFuelPricing[i].avgas = true;
72 var str1 = str.substring(0,5) 73 var str1 = str.substring(0,5)
73 var str2 = str.substring(6, str.length) 74 var str2 = str.substring(6, str.length)
74 $scope.newFuelPricing[i].name = str1 75 $scope.newFuelPricing[i].name = str1
75 $scope.newFuelPricing[i].nameavgasrest = str2 76 $scope.newFuelPricing[i].nameavgasrest = str2
76 } 77 }
77 } 78 }
78 $scope.showLoader = false; 79 $scope.showLoader = false;
79 }) 80 })
80 81
81 82
82 $scope.updateFuelPricing = {}; 83 $scope.updateFuelPricing = {};
83 $scope.updateFuelPricing.fuelPricingList = []; 84 $scope.updateFuelPricing.fuelPricingList = [];
84 $scope.updateFuelPricing.userProfileId = $scope.userProfileId; 85 $scope.updateFuelPricing.userProfileId = $scope.userProfileId;
85 $scope.updateFuelPricingClick = function(){ 86 $scope.updateFuelPricingClick = function(){
86 $scope.showLoader = true; 87 $scope.showLoader = true;
87 88
88 for (var i = 0; i<$scope.newFuelPricing.length; i++) { 89 for (var i = 0; i<$scope.newFuelPricing.length; i++) {
89 if ($scope.newFuelPricing[i].fuelPricing != null) { 90 if ($scope.newFuelPricing[i].fuelPricing != null) {
90 $scope.newFuelPricing[i].fuelPricing.papTotal = parseFloat($scope.newFuelPricing[i].fuelPricing.cost) + parseFloat($scope.newFuelPricing[i].fuelPricing.papMargin); 91 $scope.newFuelPricing[i].fuelPricing.papTotal = parseFloat($scope.newFuelPricing[i].fuelPricing.cost) + parseFloat($scope.newFuelPricing[i].fuelPricing.papMargin);
91 if ($scope.newFuelPricing[i].fuelPricing.cost == null) { 92 if ($scope.newFuelPricing[i].fuelPricing.cost == null) {
92 $scope.newFuelPricing[i].fuelPricing.cost = ''; 93 $scope.newFuelPricing[i].fuelPricing.cost = '';
93 } 94 }
94 if ($scope.newFuelPricing[i].fuelPricing.papMargin == null) { 95 if ($scope.newFuelPricing[i].fuelPricing.papMargin == null) {
95 $scope.newFuelPricing[i].fuelPricing.papMargin = ''; 96 $scope.newFuelPricing[i].fuelPricing.papMargin = '';
96 } 97 }
97 if ($scope.newFuelPricing[i].fuelPricing.papTotal == null) { 98 if ($scope.newFuelPricing[i].fuelPricing.papTotal == null) {
98 $scope.newFuelPricing[i].fuelPricing.papTotal = ''; 99 $scope.newFuelPricing[i].fuelPricing.papTotal = '';
99 } 100 }
100 if ($scope.newFuelPricing[i].fuelPricing.expirationDate == null) { 101 if ($scope.newFuelPricing[i].fuelPricing.expirationDate == null) {
101 $scope.newFuelPricing[i].fuelPricing.expirationDate = ''; 102 $scope.newFuelPricing[i].fuelPricing.expirationDate = '';
102 }else{ 103 }else{
103 $scope.newFuelPricing[i].fuelPricing.expirationDate = new Date($scope.newFuelPricing[i].fuelPricing.expirationDate); 104 $scope.newFuelPricing[i].fuelPricing.expirationDate = new Date($scope.newFuelPricing[i].fuelPricing.expirationDate);
104 // console.log('$scope.newFuelPricing[i].fuelPricing.expirationDate', $scope.newFuelPricing[i].fuelPricing.expirationDate); 105 // console.log('$scope.newFuelPricing[i].fuelPricing.expirationDate', $scope.newFuelPricing[i].fuelPricing.expirationDate);
105 $scope.newFuelPricing[i].fuelPricing.expirationDate = $scope.newFuelPricing[i].fuelPricing.expirationDate.getTime(); 106 $scope.newFuelPricing[i].fuelPricing.expirationDate = $scope.newFuelPricing[i].fuelPricing.expirationDate.getTime();
106 } 107 }
107 108
108 $scope.newFuelPricing[i].fuelPricing.papTotal = parseFloat($scope.newFuelPricing[i].fuelPricing.cost) + parseFloat($scope.newFuelPricing[i].fuelPricing.papMargin); 109 $scope.newFuelPricing[i].fuelPricing.papTotal = parseFloat($scope.newFuelPricing[i].fuelPricing.cost) + parseFloat($scope.newFuelPricing[i].fuelPricing.papMargin);
109 $scope.updateFuelPricing.fuelPricingList.push({ 110 $scope.updateFuelPricing.fuelPricingList.push({
110 'cost': $scope.newFuelPricing[i].fuelPricing.cost, 111 'cost': $scope.newFuelPricing[i].fuelPricing.cost,
111 'papMargin': $scope.newFuelPricing[i].fuelPricing.papMargin, 112 'papMargin': $scope.newFuelPricing[i].fuelPricing.papMargin,
112 'papTotal': $scope.newFuelPricing[i].fuelPricing.papTotal, 113 'papTotal': $scope.newFuelPricing[i].fuelPricing.papTotal,
113 'expirationDate': $scope.newFuelPricing[i].fuelPricing.expirationDate, 114 'expirationDate': $scope.newFuelPricing[i].fuelPricing.expirationDate,
114 'productId': $scope.newFuelPricing[i].id, 115 'productId': $scope.newFuelPricing[i].id,
115 'id': $scope.newFuelPricing[i].fuelPricing.id, 116 'id': $scope.newFuelPricing[i].fuelPricing.id,
116 }) 117 })
117 118
118 }else{ 119 }else{
119 /*$scope.newFuelPricing[i].fuelPricing.cost = ''; 120 /*$scope.newFuelPricing[i].fuelPricing.cost = '';
120 $scope.newFuelPricing[i].fuelPricing.papMargin = ''; 121 $scope.newFuelPricing[i].fuelPricing.papMargin = '';
121 $scope.newFuelPricing[i].fuelPricing.papTotal = ''; 122 $scope.newFuelPricing[i].fuelPricing.papTotal = '';
122 $scope.newFuelPricing[i].fuelPricing.expirationDate = '';*/ 123 $scope.newFuelPricing[i].fuelPricing.expirationDate = '';*/
123 } 124 }
124 125
125 } 126 }
126 127
127 // console.log('result',$scope.marginList) 128 // console.log('result',$scope.marginList)
128 dashboardService.updateFuelPricing($scope.updateFuelPricing).then(function(result) { 129 dashboardService.updateFuelPricing($scope.updateFuelPricing).then(function(result) {
129 toastr.success('Successfully Updated', { 130 toastr.success('Successfully Updated', {
130 closeButton: true 131 closeButton: true
131 }) 132 })
132 dashboardService.getFuelPricingNew().then(function(result) { 133 dashboardService.getFuelPricingNew().then(function(result) {
133 $scope.newFuelPricing = result; 134 $scope.newFuelPricing = result;
134 for (var i = 0; i<$scope.newFuelPricing.length; i++) { 135 for (var i = 0; i<$scope.newFuelPricing.length; i++) {
135 if ($scope.newFuelPricing[i].fuelPricing != null) { 136 if ($scope.newFuelPricing[i].fuelPricing != null) {
136 if ($scope.newFuelPricing[i].fuelPricing.expirationDate != null && $scope.newFuelPricing[i].fuelPricing.expirationDate != '') { 137 if ($scope.newFuelPricing[i].fuelPricing.expirationDate != null && $scope.newFuelPricing[i].fuelPricing.expirationDate != '') {
137 var newTime = new Date($scope.newFuelPricing[i].fuelPricing.expirationDate); 138 var newTime = new Date($scope.newFuelPricing[i].fuelPricing.expirationDate);
138 var month = newTime.getUTCMonth() + 1; //months from 1-12 139 var month = newTime.getUTCMonth() + 1; //months from 1-12
139 var day = newTime.getUTCDate(); 140 var day = newTime.getUTCDate();
140 var year = newTime.getUTCFullYear(); 141 var year = newTime.getUTCFullYear();
141 $scope.newFuelPricing[i].fuelPricing.expirationDate = month+'/'+day+'/'+year; 142 $scope.newFuelPricing[i].fuelPricing.expirationDate = month+'/'+day+'/'+year;
142 } 143 }
143 } 144 }
144 if ($scope.newFuelPricing[i].futureFuelPricing != null) { 145 if ($scope.newFuelPricing[i].futureFuelPricing != null) {
145 if ($scope.newFuelPricing[i].futureFuelPricing != null) { 146 if ($scope.newFuelPricing[i].futureFuelPricing != null) {
146 if ($scope.newFuelPricing[i].futureFuelPricing.nextExpiration != null && $scope.newFuelPricing[i].futureFuelPricing.nextExpiration != '') { 147 if ($scope.newFuelPricing[i].futureFuelPricing.nextExpiration != null && $scope.newFuelPricing[i].futureFuelPricing.nextExpiration != '') {
147 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.nextExpiration); 148 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.nextExpiration);
148 var nextMonth = newTime.getUTCMonth() + 1; //months from 1-12 149 var nextMonth = newTime.getUTCMonth() + 1; //months from 1-12
149 var nextDay = newTime.getUTCDate(); 150 var nextDay = newTime.getUTCDate();
150 var nextYear = newTime.getUTCFullYear(); 151 var nextYear = newTime.getUTCFullYear();
151 $scope.newFuelPricing[i].futureFuelPricing.nextExpiration = nextMonth+'/'+nextDay+'/'+nextYear; 152 $scope.newFuelPricing[i].futureFuelPricing.nextExpiration = nextMonth+'/'+nextDay+'/'+nextYear;
152 } 153 }
153 } 154 }
154 if ($scope.newFuelPricing[i].futureFuelPricing != null) { 155 if ($scope.newFuelPricing[i].futureFuelPricing != null) {
155 if ($scope.newFuelPricing[i].futureFuelPricing.deployDate != null && $scope.newFuelPricing[i].futureFuelPricing.deployDate != '') { 156 if ($scope.newFuelPricing[i].futureFuelPricing.deployDate != null && $scope.newFuelPricing[i].futureFuelPricing.deployDate != '') {
156 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.deployDate); 157 var newTime = new Date($scope.newFuelPricing[i].futureFuelPricing.deployDate);
157 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 158 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
158 var dday = newTime.getUTCDate(); 159 var dday = newTime.getUTCDate();
159 var dyear = newTime.getUTCFullYear(); 160 var dyear = newTime.getUTCFullYear();
160 $scope.newFuelPricing[i].futureFuelPricing.deployDate = dmonth+'/'+dday+'/'+dyear; 161 $scope.newFuelPricing[i].futureFuelPricing.deployDate = dmonth+'/'+dday+'/'+dyear;
161 } 162 }
162 } 163 }
163 } 164 }
164 } 165 }
165 $scope.showLoader = false; 166 $scope.showLoader = false;
166 }) 167 })
167 }) 168 })
168 169
169 } 170 }
170 171
171 172
172 173
173 // $scope.submitLogin = function() { 174 // $scope.submitLogin = function() {
174 // LoginService.setAuth(true); 175 // LoginService.setAuth(true);
175 // toastr.info("Login successfully"); 176 // toastr.info("Login successfully");
176 // $state.go('app.dashboard'); 177 // $state.go('app.dashboard');
177 // /*LoginService.login($scope.username, $scope.password).then(function(result){ 178 // /*LoginService.login($scope.username, $scope.password).then(function(result){
178 // if(typeof result == 'object') { 179 // if(typeof result == 'object') {
179 // LoginService.setAuth(true); 180 // LoginService.setAuth(true);
180 // $rootScope.path = true; 181 // $rootScope.path = true;
181 // var reqPwdChng = localStorage.getItem("requiredChangePwd"); 182 // var reqPwdChng = localStorage.getItem("requiredChangePwd");
182 // if (reqPwdChng && reqPwdChng == "Y") { 183 // if (reqPwdChng && reqPwdChng == "Y") {
183 // $state.go('resetPassword'); 184 // $state.go('resetPassword');
184 // } else { 185 // } else {
185 // $state.go('app.upload'); 186 // $state.go('app.upload');
186 // } 187 // }
187 // } else { 188 // } else {
188 // toastr.info("Error in login. Please check login name and password"); 189 // toastr.info("Error in login. Please check login name and password");
189 // } 190 // }
190 // })*/ 191 // })*/
191 // } 192 // }
192 193
193 $scope.completeOrderCount = ''; 194 $scope.completeOrderCount = '';
194 $scope.pendingOrderCount= ''; 195 $scope.pendingOrderCount= '';
195 196
196 dashboardService.getFuelordercount().then(function(result) { 197 dashboardService.getFuelordercount().then(function(result) {
197 if(result[0].label=='Completed' && result[1].label=='Pending'){ 198 if(result[0].label=='Completed' && result[1].label=='Pending'){
198 $scope.completeOrderCount=result[0].value; 199 $scope.completeOrderCount=result[0].value;
199 $scope.pendingOrderCount=result[1].value; 200 $scope.pendingOrderCount=result[1].value;
200 } 201 }
201 202
202 }) 203 })
203 204
204 $scope.sendEmail = {}; 205 $scope.sendEmail = {};
205 $scope.confirmMail = function(){ 206 $scope.confirmMail = function(){
206 if ($scope.sendEmail.pricing != '' && $scope.sendEmail.pricing != null && $scope.sendEmail.pricing != undefined) { 207 if ($scope.sendEmail.pricing != '' && $scope.sendEmail.pricing != null && $scope.sendEmail.pricing != undefined) {
207 $('#confirm1').css('display', 'block'); 208 $('#confirm1').css('display', 'block');
208 209
209 } 210 }
210 } 211 }
211 $scope.saveAndCloseConfirm = function(){ 212 $scope.saveAndCloseConfirm = function(){
212 $('#confirm1').css('display', 'none'); 213 $('#confirm1').css('display', 'none');
213 updateFuelManagerService.sendMailToGroupMargin($scope.sendEmail.pricing).then(function(result) { 214 updateFuelManagerService.sendMailToGroupMargin($scope.sendEmail.pricing).then(function(result) {
214 $scope.sendEmail = {}; 215 $scope.sendEmail = {};
215 toastr.success(''+result.success+'', { 216 toastr.success(''+result.success+'', {
216 closeButton: true 217 closeButton: true
217 }) 218 })
218 }) 219 })
219 } 220 }
220 $scope.cancelAndCloseConfirm = function(){ 221 $scope.cancelAndCloseConfirm = function(){
221 $scope.sendEmail = {}; 222 $scope.sendEmail = {};
222 $scope.sendEmail.pricing = ''; 223 $scope.sendEmail.pricing = '';
223 $('#confirm1').css('display', 'none'); 224 $('#confirm1').css('display', 'none');
224 } 225 }
225 226
226 $scope.pendingMessageRecord=[]; 227 $scope.pendingMessageRecord=[];
227 dashboardService.getPendingMessage().then(function(result) { 228 dashboardService.getPendingMessage().then(function(result) {
228 $scope.pendingMessageRecord=result; 229 $scope.pendingMessageRecord=result;
229 }) 230 })
230 231
231 } 232 }
232 })(); 233 })();
233 234
app/partials/dashboard/dashboard.html
1 <style> 1 <style>
2 .subnavbar .mainnav > li:first-child > a{ 2 .subnavbar .mainnav > li:first-child > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 </style> 5 </style>
6 <!-- <style> 6 <!-- <style>
7 table, th , td { 7 table, th , td {
8 border: 1px solid grey; 8 border: 1px solid grey;
9 border-collapse: collapse; 9 border-collapse: collapse;
10 padding: 5px; 10 padding: 5px;
11 } 11 }
12 table tr:nth-child(odd) { 12 table tr:nth-child(odd) {
13 background-color: #f1f1f1; 13 background-color: #f1f1f1;
14 } 14 }
15 table tr:nth-child(even) { 15 table tr:nth-child(even) {
16 background-color: #ffffff; 16 background-color: #ffffff;
17 } 17 }
18 </style> --> 18 </style> -->
19 <div class="main"> 19 <div class="main">
20 <div class="container" ng-if="isAuthenticated"> 20 <div class="container" ng-if="isAuthenticated">
21 <div class="row"> 21 <div class="row">
22 <div class="col-md-7"> 22 <div class="col-md-7">
23 <div class="widget stacked"> 23 <div class="widget stacked">
24 <div class="row"> 24 <div class="row">
25 <div class="col-md-3"> 25 <div class="col-md-3">
26 <div class="widget-header"> 26 <div class="widget-header">
27 <i class="fa fa-tint"></i> &nbsp; Fuel Orders 27 <i class="fa fa-tint"></i> &nbsp; Fuel Orders
28 28
29 </div> 29 </div>
30 <div class="custom-widget-content"> 30 <div class="custom-widget-content">
31 <div> 31 <div>
32 <div class="col-xs-12"> 32 <div class="col-xs-12">
33 <label class="pull-left" style="font-size: 13px" >Completed</label> 33 <label class="pull-left" style="font-size: 13px" >Completed</label>
34 <span style="font-size: 11px">&nbsp;Monthly</span> 34 <span style="font-size: 11px">&nbsp;Monthly</span>
35 <!-- <button class="btn btn-success btn-xs pull-right" style="cursor: default"> --> 35 <!-- <button class="btn btn-success btn-xs pull-right" style="cursor: default"> -->
36 <!-- <label class="pull-right">Montly</label> --> 36 <!-- <label class="pull-right">Montly</label> -->
37 <!-- <span style="font-size:13px;">(Monthly)</span> --> 37 <!-- <span style="font-size:13px;">(Monthly)</span> -->
38 <div class="clearfix"></div> 38 <div class="clearfix"></div>
39 </div> 39 </div>
40 <div class="clearfix"></div> 40 <div class="clearfix"></div>
41 </div> 41 </div>
42 <hr class="hr"> 42 <hr class="hr">
43 <div class="col-xs-12"> 43 <div class="col-xs-12">
44 <h2 style="margin-bottom: 0px;">{{completeOrderCount}}</h2> 44 <h2 style="margin-bottom: 0px;">{{completeOrderCount}}</h2>
45 <span>Fuel Orders</span> 45 <span>Fuel Orders</span>
46 </div> 46 </div>
47 <div class="clearfix"></div> 47 <div class="clearfix"></div>
48 </div> 48 </div>
49 </div> 49 </div>
50 <div class="col-md-3"> 50 <div class="col-md-3">
51 <div class="widget-header"> 51 <div class="widget-header">
52 <i class="fa fa-tint"></i> &nbsp; Fuel Orders 52 <i class="fa fa-tint"></i> &nbsp; Fuel Orders
53 53
54 </div> 54 </div>
55 <div class="custom-widget-content"> 55 <div class="custom-widget-content">
56 <div> 56 <div>
57 <div class="col-xs-12"> 57 <div class="col-xs-12">
58 <label class="pull-left" style="font-size: 13px" >Pending</label> 58 <label class="pull-left" style="font-size: 13px" >Pending</label>
59 <span style="font-size: 11px">&nbsp;Monthly</span> 59 <span style="font-size: 11px">&nbsp;Monthly</span>
60 <!-- <span class="pull-left">Pending</span><button class="btn btn-success btn-xs pull-right pull-right-color " style="cursor: default"><span style="font-size:9px;">Monthly</span></button> --> 60 <!-- <span class="pull-left">Pending</span><button class="btn btn-success btn-xs pull-right pull-right-color " style="cursor: default"><span style="font-size:9px;">Monthly</span></button> -->
61 <div class="clearfix"></div> 61 <div class="clearfix"></div>
62 </div> 62 </div>
63 <div class="clearfix"></div> 63 <div class="clearfix"></div>
64 </div> 64 </div>
65 <hr class="hr"> 65 <hr class="hr">
66 <div class="col-xs-12"> 66 <div class="col-xs-12">
67 <h2 style="margin-bottom: 0px;">{{pendingOrderCount}}</h2> 67 <h2 style="margin-bottom: 0px;">{{pendingOrderCount}}</h2>
68 <span>Fuel Orders</span> 68 <span>Fuel Orders</span>
69 </div> 69 </div>
70 <div class="clearfix"></div> 70 <div class="clearfix"></div>
71 </div> 71 </div>
72 </div> 72 </div>
73 <div class="col-md-6"> 73 <div class="col-md-6">
74 <div class="widget-header"> 74 <div class="widget-header">
75 <i class="fa fa-list-alt "></i> 75 <i class="fa fa-list-alt "></i>
76 <h3>Fuel Order</h3> 76 <h3>Fuel Order</h3>
77 </div> 77 </div>
78 <div class="custom-widget-content"> 78 <div class="custom-widget-content">
79 <div> 79 <div>
80 <div class="col-xs-12"> 80 <div class="col-xs-12">
81 <label class="pull-left" style="font-size: 12px" >Activity :&nbsp;Airport Operations</label> 81 <label class="pull-left" style="font-size: 12px" >Activity :&nbsp;Airport Operations</label>
82 <span style="font-size: 11px">&nbsp;&nbsp;Monthly</span> 82 <span style="font-size: 11px">&nbsp;&nbsp;Monthly</span>
83 <!-- <span class="pull-left">Activity: Airport Operations</span><button class="btn btn-primary btn-xs pull-right" style="cursor: default"><span style="font-size:9px;">Monthly</span></button> --> 83 <!-- <span class="pull-left">Activity: Airport Operations</span><button class="btn btn-primary btn-xs pull-right" style="cursor: default"><span style="font-size:9px;">Monthly</span></button> -->
84 <div class="clearfix"></div> 84 <div class="clearfix"></div>
85 </div> 85 </div>
86 <div class="clearfix"></div> 86 <div class="clearfix"></div>
87 </div> 87 </div>
88 <hr class="hr"> 88 <hr class="hr">
89 <div class="col-xs-6"> 89 <div class="col-xs-6">
90 <h2 style="margin-bottom:0px;">280</h2> 90 <h2 style="margin-bottom:0px;">280</h2>
91 <span>Based-Aircraft</span> 91 <span>Based-Aircraft</span>
92 </div> 92 </div>
93 <div class="col-xs-6"> 93 <div class="col-xs-6">
94 <h2 style="margin-bottom: 0px;">280</h2> 94 <h2 style="margin-bottom: 0px;">280</h2>
95 <span>Take-offs & Landings</span> 95 <span>Take-offs & Landings</span>
96 </div> 96 </div>
97 <div class="clearfix"></div> 97 <div class="clearfix"></div>
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 </br> 101 </br>
102 <div class="row"> 102 <div class="row">
103 <div class="col-md-12"> 103 <div class="col-md-12">
104 <div class="widget-header"> 104 <div class="widget-header">
105 <i class="fa fa-signal" aria-hidden="true"></i> 105 <i class="fa fa-signal" aria-hidden="true"></i>
106 <h3>Chart</h3> 106 <h3>Chart</h3>
107 </div> 107 </div>
108 <!-- /widget-header --> 108 <!-- /widget-header -->
109 <div class="widget-content"> 109 <div class="widget-content">
110 <div class="stats"> 110 <div class="stats">
111 <div class="stat"> 111 <div class="stat">
112 <span class="stat-value">12,386</span> 112 <span class="stat-value">12,386</span>
113 Site Visits 113 Site Visits
114 114
115 </div> 115 </div>
116 <!-- /stat --> 116 <!-- /stat -->
117 <div class="stat"> 117 <div class="stat">
118 <span class="stat-value">9,249</span> 118 <span class="stat-value">9,249</span>
119 Unique Visits 119 Unique Visits
120 120
121 </div> 121 </div>
122 <!-- /stat --> 122 <!-- /stat -->
123 <div class="stat"> 123 <div class="stat">
124 <span class="stat-value">70%</span> 124 <span class="stat-value">70%</span>
125 New Visits 125 New Visits
126 126
127 </div> 127 </div>
128 <!-- /stat --> 128 <!-- /stat -->
129 </div> 129 </div>
130 <!-- /stats --> 130 <!-- /stats -->
131 <div id="chart-stats" class="stats"> 131 <div id="chart-stats" class="stats">
132 <div class="stat stat-chart"> 132 <div class="stat stat-chart">
133 <!-- <div id="donut-chart" class="chart-holder"></div> --> 133 <!-- <div id="donut-chart" class="chart-holder"></div> -->
134 <!-- #donut --> 134 <!-- #donut -->
135 <div id="area-chart" class="chart-holder" style="height: 250px;"></div> 135 <div id="area-chart" class="chart-holder" style="height: 250px;"></div>
136 <!-- /area-chart --> 136 <!-- /area-chart -->
137 </div> 137 </div>
138 <!-- /substat --> 138 <!-- /substat -->
139 <div class="stat stat-time"> 139 <div class="stat stat-time">
140 <!-- <div class="stat-value" id="txt"></div> --> 140 <!-- <div class="stat-value" id="txt"></div> -->
141 <span class="stat-value">00:28:13</span> 141 <span class="stat-value">00:28:13</span>
142 Average Time on Site 142 Average Time on Site
143 143
144 </div> 144 </div>
145 <!-- /substat --> 145 <!-- /substat -->
146 </div> 146 </div>
147 <!-- /substats --> 147 <!-- /substats -->
148 </div> 148 </div>
149 <!-- /widget-content --> 149 <!-- /widget-content -->
150 </div> 150 </div>
151 <!-- /widget --> 151 <!-- /widget -->
152 </div> 152 </div>
153 </div> 153 </div>
154 </div> 154 </div>
155 <!-- /span6 --> 155 <!-- /span6 -->
156 <div class="col-md-5"> 156 <div class="col-md-5">
157 <div class="widget stacked"> 157 <div class="widget stacked">
158 <div class="widget-header"> 158 <div class="widget-header">
159 <i class="fa fa-pencil"></i> 159 <i class="fa fa-pencil"></i>
160 <h3>Price Manager Active</h3> 160 <h3>Price Manager Active</h3>
161 <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-click="confirmMail()"> 161 <select ng-show="isShowEmail" style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-click="confirmMail()">
162 <option value="" disabled selected="selected">Email All Pricing</option> 162 <option value="" disabled selected="selected">Email All Pricing</option>
163 <option value="JET-A">Email JET-A pricing only</option> 163 <option value="JET-A">Email JET-A pricing only</option>
164 <option value="AVGAS">Email AVGAS pricing only</option> 164 <option value="AVGAS">Email AVGAS pricing only</option>
165 <option disabled>_______________________________</option> 165 <option disabled>_______________________________</option>
166 <option value="all">Distribute All</option> 166 <option value="all">Distribute All</option>
167 </select> 167 </select>
168 </div> 168 </div>
169 <!-- /widget-header --> 169 <!-- /widget-header -->
170 <div class="widget-content"> 170 <div class="widget-content">
171 <h4>Deployed Fuel Prices</h4> 171 <h4>Deployed Fuel Prices</h4>
172 <table class="table vertical-center""> 172 <table class="table vertical-center"">
173 <thead> 173 <thead>
174 <tr> 174 <tr>
175 <th> Product</th> 175 <th> Product</th>
176 <th> Cost</th> 176 <th> Cost</th>
177 <th> Margin</th> 177 <th> Margin</th>
178 <th> PAP(Total)</th> 178 <th> PAP(Total)</th>
179 <th style="color: #F90;"> Expires</th> 179 <th style="color: #F90;"> Expires</th>
180 </tr> 180 </tr>
181 </thead> 181 </thead>
182 <tbody> 182 <tbody>
183 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest'| filter:{ status: true }"> 183 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest'| filter:{ status: true }">
184 <td> 184 <td>
185 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 185 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
186 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 186 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
187 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 187 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
188 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 188 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
189 </td> 189 </td>
190 <td> 190 <td>
191 <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span> 191 <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span>
192 </td> 192 </td>
193 <td> 193 <td>
194 <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span> 194 <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span>
195 </td> 195 </td>
196 <td> 196 <td>
197 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 4 }}</span> 197 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 4 }}</span>
198 </td> 198 </td>
199 <td> 199 <td>
200 <span>{{fuelPricing.fuelPricing.expirationDate}}</span> 200 <span>{{fuelPricing.fuelPricing.expirationDate}}</span>
201 </td> 201 </td>
202 </tr> 202 </tr>
203 </tbody> 203 </tbody>
204 </table> 204 </table>
205 </div> 205 </div>
206 <!-- /widget-content --> 206 <!-- /widget-content -->
207 </div> 207 </div>
208 <!-- /widget --> 208 <!-- /widget -->
209 <div class="widget widget-nopad stacked"> 209 <div class="widget widget-nopad stacked">
210 <div class="widget-header"> 210 <div class="widget-header">
211 <i class="fa fa-comment" aria-hidden="true"></i> 211 <i class="fa fa-comment" aria-hidden="true"></i>
212 <h3>Messages</h3> 212 <h3>Messages</h3>
213 </div> 213 </div>
214 <!-- /widget-header --> 214 <!-- /widget-header -->
215 <div class="widget-content"> 215 <div class="widget-content">
216 <h4 style="padding:10px">Messages</h4> 216 <h4 style="padding:10px">Messages</h4>
217 <hr class="hr"> 217 <hr class="hr">
218 <table> 218 <table>
219 <tr ng-repeat="msg in pendingMessageRecord"> 219 <tr ng-repeat="msg in pendingMessageRecord">
220 <td>Fuel Order is Pending for the company {{ msg[5] }} </td> 220 <td>Fuel Order is Pending for the company {{ msg[5] }} </td>
221 </tr> 221 </tr>
222 </table> 222 </table>
223 <!-- <ul class="news-items"><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li></ul> --> 223 <!-- <ul class="news-items"><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li></ul> -->
224 </div> 224 </div>
225 <!-- /widget-content --> 225 <!-- /widget-content -->
226 </div> 226 </div>
227 <!-- /widget --> 227 <!-- /widget -->
228 </div> 228 </div>
229 <!-- /span6 --> 229 <!-- /span6 -->
230 </div> 230 </div>
231 <!-- /row --> 231 <!-- /row -->
232 </div> 232 </div>
233 <!-- /container --> 233 <!-- /container -->
234 </div> 234 </div>
235 <!-- /main --> 235 <!-- /main -->
236 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;"> 236 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
237 <div class="customModalInner"> 237 <div class="customModalInner">
238 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 238 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
239 <table> 239 <table>
240 <tr> 240 <tr>
241 <td> 241 <td>
242 <img src="img/info.png" style="width: 50px;"> 242 <img src="img/info.png" style="width: 50px;">
243 </td> 243 </td>
244 <td> 244 <td>
245 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 245 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
246 </td> 246 </td>
247 </tr> 247 </tr>
248 </table> 248 </table>
249 </div> 249 </div>
250 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 250 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
251 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 251 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
252 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 252 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
253 </div> 253 </div>
254 </div> 254 </div>
255 </div> 255 </div>
app/partials/flightDepDashboard/flightDepDashboard.controller.js
1 (function() { 1 (function() {
2 'use strict' 2 'use strict'
3 3
4 angular.module('acufuel') 4 angular.module('acufuel')
5 .controller('flightDepDashboardController', [ '$scope', '$filter', '$rootScope', '$state', 'flightDepDashboardService', flightDepDashboardController]); 5 .controller('flightDepDashboardController', [ '$scope', '$filter', '$rootScope', '$state', 'flightDepDashboardService', flightDepDashboardController]);
6 6
7 function flightDepDashboardController($scope, $filter, $rootScope, $state, flightDepDashboardService) { 7 function flightDepDashboardController($scope, $filter, $rootScope, $state, flightDepDashboardService) {
8 $scope.getQuote = true; 8 $scope.getQuote = true;
9 $scope.showQuote = false; 9 $scope.showQuote = false;
10 10
11 $scope.order = {}; 11 $scope.order = {};
12 $scope.dispatchOrder = {}; 12 $scope.dispatchOrder = {};
13 $scope.dispatchOrder.fuelOrderList = []; 13 $scope.dispatchOrder.fuelOrderList = [];
14 $scope.order.upliftDate = ''; 14 $scope.order.upliftDate = '';
15 $scope.order.departingDate = ''; 15 $scope.order.departingDate = '';
16 16
17 $scope.fboList =[]; 17 $scope.fboList =[];
18 getAircraftList(); 18 getAircraftList();
19 $scope.getQuote = function () { 19 $scope.getQuote = function () {
20 $scope.getQuote = false; 20 $scope.getQuote = false;
21 $scope.showQuote = true; 21 $scope.showQuote = true;
22 } 22 }
23 23
24 $scope.logout = function () { 24 $scope.logout = function () {
25 localStorage.clear();
25 localStorage.removeItem("loginStatus"); 26 localStorage.removeItem("loginStatus");
26 $rootScope.path = false; 27 $rootScope.path = false;
27 $state.reload(); 28 $state.reload();
28 } 29 }
29 $scope.getFBOMarginList = function () { 30 $scope.getFBOMarginList = function () {
30 console.log('111111111');
31 flightDepDashboardService.getFBOs($scope.order.airport).then(function(result) { 31 flightDepDashboardService.getFBOs($scope.order.airport).then(function(result) {
32 $scope.marginList = result; 32 $scope.marginList = result;
33 }) 33 })
34 } 34 }
35 35
36 $scope.aircraftList = []; 36 $scope.aircraftList = [];
37 function getAircraftList() { 37 function getAircraftList() {
38 flightDepDashboardService.getAircrafts().then(function(result) { 38 flightDepDashboardService.getAircrafts().then(function(result) {
39 $scope.aircraftList = result; 39 $scope.aircraftList = result;
40 }) 40 })
41 } 41 }
42 42
43 $scope.getTiers = function() { 43 $scope.getTiers = function() {
44 var temp = JSON.parse($scope.order.priceQuote); 44 var temp = JSON.parse($scope.order.priceQuote);
45 if(temp != null) { 45 if(temp != null) {
46 flightDepDashboardService.getTiers(temp.owner.id).then(function(result) { 46 flightDepDashboardService.getTiers(temp.owner.id).then(function(result) {
47 if(result != null){ 47 if(result != null){
48 $scope.tierList = result; 48 $scope.tierList = result;
49 } else { 49 } else {
50 $scope.tierList = []; 50 $scope.tierList = [];
51 $scope.tierList.push({ 51 $scope.tierList.push({
52 'minTierBreak': '0', 'maxTierBreak': 'โˆž' 52 'minTierBreak': '0', 'maxTierBreak': 'โˆž'
53 }); 53 });
54 } 54 }
55 }) 55 })
56 } 56 }
57 } 57 }
58 58
59 $scope.setCost = function(cost){ 59 $scope.setCost = function(cost){
60 if(cost != null) { 60 if(cost != null) {
61 var obj =JSON.parse(cost); 61 var obj =JSON.parse(cost);
62 console.log('costttttt',obj.cost); 62 // console.log('costttttt',obj.cost);
63 $scope.order.fboCost = obj.cost; 63 $scope.order.fboCost = obj.cost;
64 } 64 }
65 } 65 }
66 66
67 $scope.cancelOrder = function() { 67 $scope.cancelOrder = function() {
68 $scope.order = {}; 68 $scope.order = {};
69 $scope.getQuote = true; 69 $scope.getQuote = true;
70 $scope.showQuote = false; 70 $scope.showQuote = false;
71 } 71 }
72 72
73 $scope.dispatchFuel = function(){ 73 $scope.dispatchFuel = function(){
74 $scope.showLoader = true; 74 $scope.showLoader = true;
75 $scope.order.companyId = $scope.selectedCompanyId; 75 $scope.order.companyId = $scope.selectedCompanyId;
76 if ($scope.order.upliftDate != '') { 76 if ($scope.order.upliftDate != '') {
77 $scope.order.upliftDate = new Date($scope.order.upliftDate); 77 $scope.order.upliftDate = new Date($scope.order.upliftDate);
78 $scope.order.upliftDate = $scope.order.upliftDate.getTime(); 78 $scope.order.upliftDate = $scope.order.upliftDate.getTime();
79 } 79 }
80 if ($scope.order.departingDate != '') { 80 if ($scope.order.departingDate != '') {
81 $scope.order.departingDate = new Date($scope.order.departingDate); 81 $scope.order.departingDate = new Date($scope.order.departingDate);
82 $scope.order.departingDate = $scope.order.departingDate.getTime(); 82 $scope.order.departingDate = $scope.order.departingDate.getTime();
83 } 83 }
84 84
85 $scope.order.status = 'pending'; 85 $scope.order.status = 'pending';
86 86
87 console.log($scope.order.quotePrice); 87 console.log($scope.order.quotePrice);
88 var obj =JSON.parse($scope.order.priceQuote); 88 var obj =JSON.parse($scope.order.priceQuote);
89 console.log('obj.papMargin',obj.papMargin); 89 console.log('obj.papMargin',obj.papMargin);
90 $scope.order.priceQuote = obj.papMargin; 90 $scope.order.priceQuote = obj.papMargin;
91 $scope.order.fboOwnerId = obj.owner.id; 91 $scope.order.fboOwnerId = obj.owner.id;
92 $scope.dispatchOrder.fuelOrderList.push($scope.order); 92 $scope.dispatchOrder.fuelOrderList.push($scope.order);
93 console.log('$scope.order', $scope.dispatchOrder); 93 console.log('$scope.order', $scope.dispatchOrder);
94 flightDepDashboardService.dispathFuelOrder($scope.dispatchOrder).then(function(result) { 94 flightDepDashboardService.dispathFuelOrder($scope.dispatchOrder).then(function(result) {
95 console.log('result', result); 95 console.log('result', result);
96 $scope.showLoader = false; 96 $scope.showLoader = false;
97 $scope.order = {}; 97 $scope.order = {};
98 toastr.success('Fuel Order Dispatched Successfully', { 98 toastr.success('Fuel Order Dispatched Successfully', {
99 closeButton: true 99 closeButton: true
100 }) 100 })
101 }) 101 })
102 } 102 }
103 } 103 }
104 })(); 104 })();
app/partials/login/login.controller.js
1 (function() { 1 (function() {
2 'use strict' 2 'use strict'
3 3
4 angular.module('acufuel') 4 angular.module('acufuel')
5 .controller('LoginController', [ '$scope', '$filter', '$rootScope', '$state', 'LoginService', LoginController]); 5 .controller('LoginController', [ '$scope', '$filter', '$rootScope', '$state', 'LoginService', LoginController]);
6 6
7 7
8 function LoginController($scope, $filter, $rootScope, $state, LoginService) { 8 function LoginController($scope, $filter, $rootScope, $state, LoginService) {
9
9 $scope.data = {}; 10 $scope.data = {};
10 $scope.data.username = ''; 11 $scope.data.username = '';
11 $scope.data.password = ''; 12 $scope.data.password = '';
12 $scope.count = 0; 13 $scope.count = 0;
13 var loginData; 14 var loginData;
14 $scope.submitLogin = function() { 15 $scope.submitLogin = function() {
15 loginData = "username=" + $scope.data.username + "&password=" + $scope.data.password; 16 loginData = "username=" + $scope.data.username + "&password=" + $scope.data.password;
16 if ($scope.data.username !== '' && $scope.data.password !== '' && $scope.data.username !== undefined && $scope.data.password !== undefined) { 17 if ($scope.data.username !== '' && $scope.data.password !== '' && $scope.data.username !== undefined && $scope.data.password !== undefined) {
17 if ($scope.count === 0) { 18 if ($scope.count === 0) {
18 $scope.count++ 19 $scope.count++
19 LoginService.loginUser(loginData).then(function(result) { 20 LoginService.loginUser(loginData).then(function(result) {
20 var reqPwdChng = localStorage.getItem("requiredChangePwd"); 21 var reqPwdChng = localStorage.getItem("requiredChangePwd");
21 if(result.status == 200){ 22 if(result.status == 200){
22 if (reqPwdChng && reqPwdChng == "Y") { 23 if (reqPwdChng && reqPwdChng == "Y") {
23 $state.go('resetPassword'); 24 $state.go('resetPassword');
24 } else { 25 } else {
25 LoginService.authenticate(); 26 console.log("else ")
27 LoginService.authenticate().then(function(result){
28 var currentUserDetail = JSON.parse(window.localStorage.getItem("currentUser"));
29 if(currentUserDetail.type === 'ADDITIONAL'){
30 var email = $scope.data.username;
31 //console.log("hi",email)
32 LoginService.getAdditionalAccess(email).then(function(result){
33 console.log("getaccess",result)
34 window.localStorage.setItem("EPDAccess", JSON.stringify(result.allowEpd));
35 window.localStorage.setItem("FMAAccess", JSON.stringify(result.allowFma));
36 })
37 }
38 })
39
26 } 40 }
27 41
28 }else{ 42 }else{
29 toastr.error('Username or password incorrect.', { 43 toastr.error('Username or password incorrect.', {
30 closeButton: true 44 closeButton: true
31 }); 45 });
32 $scope.count = 0; 46 $scope.count = 0;
33 } 47 }
34 48
35 }) 49 })
36 } 50 }
37 }else{ 51 }else{
38 toastr.error('Please enter username & password.', { 52 toastr.error('Please enter username & password.', {
39 closeButton: true 53 closeButton: true
40 }) 54 })
41 } 55 }
42 } 56 }
43 } 57 }
44 })(); 58 })();
45 59
46 60
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 if(currentUserDetail.type == 'ADMIN' || currentUserDetail.type == 'FBO' || currentUserDetail.type == 'ADDITIONAL'){ 15 if(currentUserDetail.type == 'ADMIN' || currentUserDetail.type == 'FBO' || currentUserDetail.type == 'ADDITIONAL'){
16 $rootScope.isAuthenticated = true; 16 $rootScope.isAuthenticated = true;
17 role = USER_ROLES.admin; 17 role = USER_ROLES.admin;
18 }else if(currentUserDetail.type == 'FLIGHT_DEPT'){ 18 }else if(currentUserDetail.type == 'FLIGHT_DEPT'){
19 $rootScope.isAuthenticated = false; 19 $rootScope.isAuthenticated = false;
20 role = USER_ROLES.user; 20 role = USER_ROLES.user;
21 } 21 }
22 } 22 }
23 23
24 authService.loginUser = function(data) { 24 authService.loginUser = function(data) {
25 25
26 var deferred = $q.defer(); 26 var deferred = $q.defer();
27 $http({ 27 $http({
28 method : 'POST', 28 method : 'POST',
29 url : BASE_URL.url +'/login', 29 url : BASE_URL.url +'/login',
30 headers : {'Content-Type': 'application/x-www-form-urlencoded'}, 30 headers : {'Content-Type': 'application/x-www-form-urlencoded'},
31 data : data 31 data : data
32 }) 32 })
33 .then(function (result){ 33 .then(function (result){
34 deferred.resolve(result); 34 deferred.resolve(result);
35 },function (result){ 35 },function (result){
36 deferred.resolve(result); 36 deferred.resolve(result);
37 }) 37 })
38 return deferred.promise; 38 return deferred.promise;
39 } 39 }
40 40
41 authService.authenticate = function() { 41 authService.authenticate = function() {
42 var deferred = $q.defer(); 42 var deferred = $q.defer();
43 $http({ 43 $http({
44 method : 'GET', 44 method : 'GET',
45 url : BASE_URL.url+'/user/authenticate', 45 url : BASE_URL.url+'/user/authenticate',
46 headers : {'Content-Type': 'application/x-www-form-urlencoded'} 46 headers : {'Content-Type': 'application/x-www-form-urlencoded'}
47 }).then(function (result){ 47 }).then(function (result){
48 console.log("kd",result.data.userProfile.userType.type) 48 console.log("kd",result.data.userProfile.userType.type)
49 if(result.data.userProfile.userType.type == 'ADMIN' || result.data.userProfile.userType.type == 'FBO' || result.data.userProfile.userType.type == 'ADDITIONAL'){ 49 if(result.data.userProfile.userType.type == 'ADMIN' || result.data.userProfile.userType.type == 'FBO' || result.data.userProfile.userType.type == 'ADDITIONAL'){
50 console.log("usertype",result.data.userProfile.userType.type) 50 console.log("usertype",result.data.userProfile.userType.type)
51 authService.setUser(result.data); 51 authService.setUser(result.data);
52 $state.go('app.dashboard') 52 $state.go('app.dashboard')
53 }else if(result.data.userProfile.userType.type == 'FLIGHT_DEPT' ){ 53 }else if(result.data.userProfile.userType.type == 'FLIGHT_DEPT' ){
54 authService.setUser(result.data); 54 authService.setUser(result.data);
55 $state.go('app.flightDepDashboard') 55 $state.go('app.flightDepDashboard')
56 }else{ 56 }else{
57 localStorage.clear(); 57 localStorage.clear();
58 toastr.info("Please check username and password"); 58 toastr.info("Please check username and password");
59 } 59 }
60 deferred.resolve(result.data); 60 deferred.resolve(result.data);
61 },function (result){ 61 },function (result){
62 62
63 deferred.resolve(result.data); 63 deferred.resolve(result.data);
64 }); 64 });
65 return deferred.promise; 65 return deferred.promise;
66 } 66 }
67 67
68 authService.setAuth = function(data) { 68 authService.setAuth = function(data) {
69 localStorage.setItem('loginStatus', data); 69 localStorage.setItem('loginStatus', data);
70 } 70 }
71 71
72 authService.logout = function(data) { 72 authService.logout = function(data) {
73 73
74 localStorage.clear(); 74 localStorage.clear();
75 $rootScope.isAuthenticated = false; 75 $rootScope.isAuthenticated = false;
76 $rootScope.$broadcast(AUTH_EVENTS.updateUser); 76 $rootScope.$broadcast(AUTH_EVENTS.updateUser);
77 77
78 var deferred = $q.defer(); 78 var deferred = $q.defer();
79 $http({ 79 $http({
80 method : 'POST', 80 method : 'POST',
81 url : BASE_URL.url +'/user/logout', 81 url : BASE_URL.url +'/user/logout',
82 headers : {'Content-Type': 'application/json'}, 82 headers : {'Content-Type': 'application/json'},
83 data : data 83 data : data
84 }) 84 })
85 .success(function(result) { 85 .success(function(result) {
86 deferred.resolve(result.data); 86 deferred.resolve(result.data);
87 }) 87 })
88 return deferred.promise; 88 return deferred.promise;
89 } 89 }
90 90
91
92 authService.getAdditionalAccess = function(email) {
93 var deferred = $q.defer();
94 $http({
95 method : 'GET',
96 url : BASE_URL.url +'/additionalAccount/'+email,
97 headers : {'Content-Type': 'application/json'},
98 })
99 .then(function (result){
100 deferred.resolve(result.data);
101 },function (result){
102 deferred.resolve(result.data);
103 })
104 return deferred.promise;
105 }
91 106
92 107
93 authService.getUser = function () { 108 authService.getUser = function () {
94 return JSON.parse(window.localStorage.getItem("currentUser")); 109 return JSON.parse(window.localStorage.getItem("currentUser"));
95 } 110 }
96 111
97 authService.setUser = function (authData) { 112 authService.setUser = function (authData) {
98 //console.log('authdata', authData); 113 //console.log('authdata', authData);
99 window.localStorage.setItem("currentUser", JSON.stringify(authData.userProfile.userType)); 114 window.localStorage.setItem("currentUser", JSON.stringify(authData.userProfile.userType));
100 window.localStorage.setItem("userProfileId", JSON.stringify(authData.userProfile.id)); 115 window.localStorage.setItem("userProfileId", JSON.stringify(authData.userProfile.id));
101 window.localStorage.setItem('currentUserName', JSON.stringify(authData.userProfile.firstName +' '+ authData.userProfile.lastName)); 116 window.localStorage.setItem('currentUserName', JSON.stringify(authData.userProfile.firstName +' '+ authData.userProfile.lastName));
102 window.localStorage.setItem('companyName', JSON.stringify(authData.userProfile.companyName)); 117 window.localStorage.setItem('companyName', JSON.stringify(authData.userProfile.companyName));
103 if(authData.userProfile.userType.type == 'ADMIN' || authData.userProfile.userType.type == 'FBO' || authData.userProfile.userType.type == 'ADDITIONAL'){ 118 if(authData.userProfile.userType.type == 'ADMIN' || authData.userProfile.userType.type == 'FBO' || authData.userProfile.userType.type == 'ADDITIONAL'){
104 console.log("setUser",authData.userProfile.userType.type) 119 console.log("setUser",authData.userProfile.userType.type)
105 role = USER_ROLES.admin; 120 role = USER_ROLES.admin;
106 $rootScope.isAuthenticated = true; 121 $rootScope.isAuthenticated = true;
107 }else if(authData.userProfile.userType.type == 'FLIGHT_DEPT'){ 122 }else if(authData.userProfile.userType.type == 'FLIGHT_DEPT'){
108 role = USER_ROLES.user; 123 role = USER_ROLES.user;
109 $rootScope.isAuthenticated = false; 124 $rootScope.isAuthenticated = false;
110 } 125 }
111 } 126 }
112 127
113 authService.isAuthenticated = function () { 128 authService.isAuthenticated = function () {
114 return isAuthenticated; 129 return isAuthenticated;
115 } 130 }
116 131
117 authService.role = function () { 132 authService.role = function () {
118 return role; 133 return role;
119 } 134 }
120 135
121 authService.isAuthorized = function (authorizedRoles) { 136 authService.isAuthorized = function (authorizedRoles) {
122 if (!angular.isArray(authorizedRoles)) { 137 if (!angular.isArray(authorizedRoles)) {
123 authorizedRoles = [authorizedRoles]; 138 authorizedRoles = [authorizedRoles];
124 } 139 }
125 return (authService.isAuthenticated() && authorizedRoles.indexOf(role) !== -1); 140 return (authService.isAuthenticated() && authorizedRoles.indexOf(role) !== -1);
126 } 141 }
127 142
128 return authService; 143 return authService;
129 } 144 }
130 145
131 })(); 146 })();
app/partials/main/main.controller.js
1 (function() { 1 (function() {
2 'use strict' 2 'use strict'
3 3
4 angular.module('acufuel') 4 angular.module('acufuel')
5 .controller('MainController', [ '$scope', '$filter','$rootScope','$state', '$window', '$interval', MainController]); 5 .controller('MainController', [ '$scope', '$filter','$rootScope','$state', '$window', '$interval', MainController]);
6 6
7 function MainController($scope, $filter, $rootScope,$state, $window, $interval) { 7 function MainController($scope, $filter, $rootScope,$state, $window, $interval) {
8 8
9 $scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName')); 9 $scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));
10 $scope.companyName = JSON.parse(localStorage.getItem('companyName')); 10 $scope.companyName = JSON.parse(localStorage.getItem('companyName'));
11 var User = JSON.parse(localStorage.getItem('currentUser'));
11 12
13 if(User.type === 'ADDITIONAL'){
14 $scope.companyName = $scope.currentUserName;
15 }
12 16
13 $scope.testFunction = function(){ 17 $scope.testFunction = function(){
14 $scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName')); 18 $scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));
15 $scope.companyName = JSON.parse(localStorage.getItem('companyName')); 19 $scope.companyName = JSON.parse(localStorage.getItem('companyName'));
16 } 20 }
21
22 $scope.logout = function(){
23 $state.go('login');
24 localStorage.clear();
25 $rootScope.isAuthenticated = false;
26
27 }
17 28
18 /** 29 /**
19 Automatic logout session after 2 hours 30 Automatic logout session after 2 hours
20 **/ 31 **/
21 32
22 var resetTime; 33 var resetTime;
23 /*function warning(){ 34 /*function warning(){
24 //setTimeout(function(){ 35 //setTimeout(function(){
25 $('.warning-message').delay(5000).css('display', 'block'); 36 $('.warning-message').delay(5000).css('display', 'block');
26 //}, 5000); 37 //}, 5000);
27 }*/ 38 }*/
28 39
29 resetTime = setInterval(function(){ 40 resetTime = setInterval(function(){
30 // $('.warning-message').delay(5000).css('display', 'block'); 41 // $('.warning-message').delay(5000).css('display', 'block');
31 //console.log('out'); 42 //console.log('out');
32 localStorage.clear(); 43 localStorage.clear();
33 $state.go('login'); 44 $state.go('login');
34 }, 7200000); 45 }, 7200000);
35 46
36 47
37 $(document).mousemove(function(event){ 48 $(document).mousemove(function(event){
38 clearInterval(resetTime); 49 clearInterval(resetTime);
39 //$('.warning-message').delay(5000).css('display', 'none'); 50 //$('.warning-message').delay(5000).css('display', 'none');
40 // warning(); 51 // warning();
41 //console.log('restart'); 52 //console.log('restart');
42 resetTime = setInterval(function(){ 53 resetTime = setInterval(function(){
43 //console.log('out'); 54 //console.log('out');
44 //warning(); 55 //warning();
45 localStorage.clear(); 56 localStorage.clear();
46 $state.go('login'); 57 $state.go('login');
47 }, 7200000); 58 }, 7200000);
48 }) 59 })
49 60
50 61
51 62
52 // Flight Tracking page code 63 // Flight Tracking page code
53 64
54 /*$scope.reloadPage = function(){ 65 /*$scope.reloadPage = function(){
55 console.log("if",$state) 66 console.log("if",$state)
56 console.log("=========state name",$state.current.name); 67 console.log("=========state name",$state.current.name);
57 // $state.go('app.flightTracking', {}, {reload: 'app.flightTracking'}) 68 // $state.go('app.flightTracking', {}, {reload: 'app.flightTracking'})
58 //$state.go($state.current, {}, {reload: true}); 69 //$state.go($state.current, {}, {reload: true});
59 70
60 if($state.current.name != "app.flightTracking"){ 71 if($state.current.name != "app.flightTracking"){
61 $window.location.href = '/#!/flightTracking'; 72 $window.location.href = '/#!/flightTracking';
62 setInterval(function(){ 73 setInterval(function(){
63 console.log("come") 74 console.log("come")
64 $window.location.reload() 75 $window.location.reload()
65 },10); 76 },10);
66 }else{ 77 }else{
67 console.log("flight tracking state found====="); 78 console.log("flight tracking state found=====");
68 $window.location.reload(); 79 $window.location.reload();
69 } 80 }
70 }*/ 81 }*/
71 82
72 // Set timeout variables. 83 // Set timeout variables.
73 84
74 } 85 }
75 //var timoutWarning = 840000; // Display warning in 14 Mins. 86 //var timoutWarning = 840000; // Display warning in 14 Mins.
76 //var timoutNow = 900000; // Timeout in 15 mins. 87 //var timoutNow = 900000; // Timeout in 15 mins.
77 88
78 89
79 90
80 91
81 })(); 92 })();
82 93
83 94
app/partials/main/main.html
1 1
2 <nav class="navbar navbar-inverse" role="navigation"> 2 <nav class="navbar navbar-inverse" role="navigation">
3 <div class="container"> 3 <div class="container">
4 <!-- Brand and toggle get grouped for better mobile display --> 4 <!-- Brand and toggle get grouped for better mobile display -->
5 <div class="navbar-header"> 5 <div class="navbar-header">
6 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 6 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
7 <span class="sr-only">Toggle navigation</span> 7 <span class="sr-only">Toggle navigation</span>
8 <i class="icon-cog"></i> 8 <i class="icon-cog"></i>
9 </button> 9 </button>
10 <a class="navbar-brand" ui-sref="app.dashboard"> 10 <a class="navbar-brand" ui-sref="app.dashboard">
11 <img src="./img/acufuelLOGOwhite.png" class="img-logo"> 11 <img src="./img/acufuelLOGOwhite.png" class="img-logo">
12 </a> 12 </a>
13 </div> 13 </div>
14 <!-- Collect the nav links, forms, and other content for toggling --> 14 <!-- Collect the nav links, forms, and other content for toggling -->
15 <div class="collapse navbar-collapse navbar-ex1-collapse"> 15 <div class="collapse navbar-collapse navbar-ex1-collapse">
16 <ul class="nav navbar-nav navbar-right"> 16 <ul class="nav navbar-nav navbar-right">
17 <li class="dropdown"> 17 <li class="dropdown">
18 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown"> 18 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown">
19 <i class="icon-plane"></i> 19 <i class="icon-plane"></i>
20 <!--{{currentUserName}} --> 20 <!--{{currentUserName}} -->
21 {{companyName}} 21 {{companyName}}
22 <b class="caret"></b> 22 <b class="caret"></b>
23 </a> 23 </a>
24 <ul class="dropdown-menu"> 24 <ul class="dropdown-menu">
25 <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li> 25 <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>
26 <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li> 26 <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>
27 <li class="divider"></li> 27 <li class="divider"></li>
28 <li><a href="#" ng-click="logout();">Logout</a></li> 28 <li><a ng-click="logout();">Logout</a></li>
29 </ul> 29 </ul>
30 </li> 30 </li>
31 </ul> 31 </ul>
32 </div> 32 </div>
33 <!-- /.navbar-collapse --> 33 <!-- /.navbar-collapse -->
34 </div> 34 </div>
35 <!-- /.container --> 35 <!-- /.container -->
36 </nav> 36 </nav>
37 <div class="subnavbar"> 37 <div class="subnavbar">
38 <div class="subnavbar-inner"> 38 <div class="subnavbar-inner">
39 <div class="container"> 39 <div class="container">
40 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse"> 40 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
41 <span class="sr-only">Toggle navigation</span> 41 <span class="sr-only">Toggle navigation</span>
42 <i class="icon-reorder"></i> 42 <i class="icon-reorder"></i>
43 </a> 43 </a>
44 <div class="collapse subnav-collapse"> 44 <div class="collapse subnav-collapse">
45 <ul class="mainnav"> 45 <ul class="mainnav">
46 <li ng-if="isAuthenticated"> 46 <li ng-if="isAuthenticated">
47 <a ui-sref="app.dashboard"> 47 <a ui-sref="app.dashboard">
48 <i class="fa fa-home"></i> 48 <i class="fa fa-home"></i>
49 <span>Home</span> 49 <span>Home</span>
50 </a> 50 </a>
51 </li> 51 </li>
52 <li class="dropdown" ng-if="isAuthenticated"> 52 <li class="dropdown" ng-if="isAuthenticated">
53 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 53 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
54 <i class="fa fa-tint"></i> 54 <i class="fa fa-tint"></i>
55 <span>Fuel Manager</span> 55 <span>Fuel Manager</span>
56 <b class="caret"></b> 56 <b class="caret"></b>
57 </a> 57 </a>
58 <ul class="dropdown-menu"> 58 <ul class="dropdown-menu">
59 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li> 59 <li ng-show = 'isShowFMA'><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li>
60 <li> 60 <li>
61 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a> 61 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a>
62 </li> 62 </li>
63 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Fee Manager</a></li> 63 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Fee Manager</a></li>
64 <li class="dropdown-submenu"> 64 <li class="dropdown-submenu">
65 <a tabindex="-1" >Tax Manager</a> 65 <a tabindex="-1" >Tax Manager</a>
66 <ul class="dropdown-menu"> 66 <ul class="dropdown-menu">
67 <li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li> 67 <li><a tabindex="-1" ui-sref="app.taxes" href="#/taxes">Federal Taxes</a></li>
68 <li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li> 68 <li><a ui-sref="app.taxes" href="#/taxes">State & Country Taxes</a></li>
69 <li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li> 69 <li><a ui-sref="app.taxes" href="#/taxes">Airport Taxes</a></li>
70 </ul> 70 </ul>
71 </li> 71 </li>
72 <li ng-if="isAuthenticated"> 72 <li ng-if="isAuthenticated">
73 <a ui-sref="app.fuelOrders" href="#/fuelOrders"> 73 <a ui-sref="app.fuelOrders" href="#/fuelOrders">
74 Fuel Orders 74 Fuel Orders
75 </a> 75 </a>
76 </li> 76 </li>
77 </ul> 77 </ul>
78 </li> 78 </li>
79 <li class="dropdown" ng-if="isAuthenticated"> 79 <li class="dropdown" ng-if="isAuthenticated">
80 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 80 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
81 <i class="fa fa-user"></i> 81 <i class="fa fa-user"></i>
82 <span>Accounts</span> 82 <span>Accounts</span>
83 <b class="caret"></b> 83 <b class="caret"></b>
84 </a> 84 </a>
85 <ul class="dropdown-menu"> 85 <ul class="dropdown-menu">
86 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> --> 86 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->
87 <li><a ui-sref="app.customers">View Customers</a></li> 87 <li><a ui-sref="app.customers">View Customers</a></li>
88 <li><a ui-sref="app.account">View Fuel Vendors</a></li> 88 <li><a ui-sref="app.account">View Fuel Vendors</a></li>
89 <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li> 89 <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li>
90 </ul> 90 </ul>
91 </li> 91 </li>
92 <li ng-if="isAuthenticated"> 92 <li ng-if="isAuthenticated">
93 <a ui-sref="app.scheduler"> 93 <a ui-sref="app.scheduler">
94 <i class="fa fa-calendar"></i> 94 <i class="fa fa-calendar"></i>
95 <span>Scheduler</span> 95 <span>Scheduler</span>
96 </a> 96 </a>
97 </li> 97 </li>
98 <li class="dropdown" ng-if="isAuthenticated"> 98 <li class="dropdown" ng-if="isAuthenticated">
99 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown"> 99 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown">
100 <i class="fa fa-signal"></i> 100 <i class="fa fa-signal"></i>
101 <span>Analytics</span> 101 <span>Analytics</span>
102 <b class="caret"></b> 102 <b class="caret"></b>
103 </a> 103 </a>
104 <ul class="dropdown-menu"> 104 <ul class="dropdown-menu">
105 <!-- <li><a href="#">Live Flight tracking</a></li> --> 105 <!-- <li><a href="#">Live Flight tracking</a></li> -->
106 <li><a href="#">Historical Fuel Prices</a></li> 106 <li><a href="#">Historical Fuel Prices</a></li>
107 <li><a href="#">Regional Pricing</a></li> 107 <li><a href="#">Regional Pricing</a></li>
108 <li><a href="#">Actual vs. Canceled Fuelings</a></li> 108 <li><a href="#">Actual vs. Canceled Fuelings</a></li>
109 <li><a href="#">Customer Lead Sources</a></li> 109 <li><a href="#">Customer Lead Sources</a></li>
110 </ul> 110 </ul>
111 </li> 111 </li>
112 <li ng-if="isAuthenticated"> 112 <li ng-if="isAuthenticated">
113 <!-- <a ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}"> --> 113 <!-- <a ui-sref="app.flightTracking()" ng-click="reloadPage()" data-ui-sref-opts="{reload:false}"> -->
114 <a ui-sref="app.flightTracking"> 114 <a ui-sref="app.flightTracking">
115 <i class="fa fa-plane"></i> 115 <i class="fa fa-plane"></i>
116 <span>Flight Tracking</span> 116 <span>Flight Tracking</span>
117 </a> 117 </a>
118 </li> 118 </li>
119 <li ng-if="!isAuthenticated"> 119 <li ng-if="!isAuthenticated">
120 <a ui-sref="app.flightDepDashboard"> 120 <a ui-sref="app.flightDepDashboard">
121 <i class="fa fa-search"></i> 121 <i class="fa fa-search"></i>
122 <span>Search Fuel</span> 122 <span>Search Fuel</span>
123 </a> 123 </a>
124 </li> 124 </li>
125 <li class="dropdown" ng-if="!isAuthenticated"> 125 <li class="dropdown" ng-if="!isAuthenticated">
126 <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown"> 126 <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">
127 <i class="fa fa-tint"></i> 127 <i class="fa fa-tint"></i>
128 <span>Fuel Orders</span> 128 <span>Fuel Orders</span>
129 </a> 129 </a>
130 </li> 130 </li>
131 </ul> 131 </ul>
132 </div> 132 </div>
133 <!-- /.subnav-collapse --> 133 <!-- /.subnav-collapse -->
134 </div> 134 </div>
135 <!-- /container --> 135 <!-- /container -->
136 </div> 136 </div>
137 <!-- /subnavbar-inner --> 137 <!-- /subnavbar-inner -->
138 </div> 138 </div>
139 <!-- /subnavbar --> 139 <!-- /subnavbar -->
140 <div ui-view></div> 140 <div ui-view></div>
141 <!-- </body> --> 141 <!-- </body> -->
142 <!-- footer --> 142 <!-- footer -->
143 <div class="extra"> 143 <div class="extra">
144 <div class="container"> 144 <div class="container">
145 <div class="row"> 145 <div class="row">
146 <div class="col-md-3"> 146 <div class="col-md-3">
147 <h4>About</h4> 147 <h4>About</h4>
148 <ul> 148 <ul>
149 <li><a href="javascript:;">About Us</a></li> 149 <li><a href="javascript:;">About Us</a></li>
150 <li><a href="javascript:;">Twitter</a></li> 150 <li><a href="javascript:;">Twitter</a></li>
151 <li><a href="javascript:;">Facebook</a></li> 151 <li><a href="javascript:;">Facebook</a></li>
152 <li><a href="javascript:;">Google+</a></li> 152 <li><a href="javascript:;">Google+</a></li>
153 </ul> 153 </ul>
154 </div> 154 </div>
155 <!-- /span3 --> 155 <!-- /span3 -->
156 <div class="col-md-3"> 156 <div class="col-md-3">
157 <h4>Support</h4> 157 <h4>Support</h4>
158 <ul> 158 <ul>
159 <li><a href="javascript:;">Frequently Asked Questions</a></li> 159 <li><a href="javascript:;">Frequently Asked Questions</a></li>
160 <li><a href="javascript:;">Ask a Question</a></li> 160 <li><a href="javascript:;">Ask a Question</a></li>
161 <li><a href="javascript:;">Video Tutorial</a></li> 161 <li><a href="javascript:;">Video Tutorial</a></li>
162 <li><a href="javascript:;">Feedback</a></li> 162 <li><a href="javascript:;">Feedback</a></li>
163 </ul> 163 </ul>
164 </div> 164 </div>
165 <!-- /span3 --> 165 <!-- /span3 -->
166 <div class="col-md-3"> 166 <div class="col-md-3">
167 <h4>Legal</h4> 167 <h4>Legal</h4>
168 <ul> 168 <ul>
169 <li><a href="javascript:;">License</a></li> 169 <li><a href="javascript:;">License</a></li>
170 <li><a href="javascript:;">Terms of Use</a></li> 170 <li><a href="javascript:;">Terms of Use</a></li>
171 <li><a href="javascript:;">Privacy Policy</a></li> 171 <li><a href="javascript:;">Privacy Policy</a></li>
172 <li><a href="javascript:;">Security</a></li> 172 <li><a href="javascript:;">Security</a></li>
173 </ul> 173 </ul>
174 </div> 174 </div>
175 <!-- /span3 --> 175 <!-- /span3 -->
176 <div class="col-md-3"> 176 <div class="col-md-3">
177 <h4>Settings</h4> 177 <h4>Settings</h4>
178 <ul> 178 <ul>
179 <li><a href="javascript:;">Consectetur adipisicing</a></li> 179 <li><a href="javascript:;">Consectetur adipisicing</a></li>
180 <li><a href="javascript:;">Eiusmod tempor </a></li> 180 <li><a href="javascript:;">Eiusmod tempor </a></li>
181 <li><a href="javascript:;">Fugiat nulla pariatur</a></li> 181 <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
182 <li><a href="javascript:;">Officia deserunt</a></li> 182 <li><a href="javascript:;">Officia deserunt</a></li>
183 </ul> 183 </ul>
184 </div> 184 </div>
185 <!-- /span3 --> 185 <!-- /span3 -->
186 </div> 186 </div>
187 <!-- /row --> 187 <!-- /row -->
188 </div> 188 </div>
189 <!-- /container --> 189 <!-- /container -->
190 </div> 190 </div>
191 <!-- /extra --> 191 <!-- /extra -->
192 <div class="footer"> 192 <div class="footer">
193 <div class="container"> 193 <div class="container">
194 <div class="row"> 194 <div class="row">
195 <div id="footer-copyright" class="col-md-6"> 195 <div id="footer-copyright" class="col-md-6">
196 &copy; 2012-13 Jumpstart UI. 196 &copy; 2012-13 Jumpstart UI.
197 </div> 197 </div>
198 <!-- /span6 --> 198 <!-- /span6 -->
199 <div id="footer-terms" class="col-md-6"> 199 <div id="footer-terms" class="col-md-6">
200 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a> 200 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a>
201 </div> 201 </div>
202 <!-- /.span6 --> 202 <!-- /.span6 -->
203 </div> 203 </div>
204 <!-- /row --> 204 <!-- /row -->
205 </div> 205 </div>
206 <!-- /container --> 206 <!-- /container -->
207 </div> 207 </div>
208 208
209 209
210 <!--automatic logout session--> 210 <!--automatic logout session-->
211 <!-- <div class="alert alert-warning warning-message" style="display: none; z-index: 99999; position: fixed; top: 50px; right: 50px;"> 211 <!-- <div class="alert alert-warning warning-message" style="display: none; z-index: 99999; position: fixed; top: 50px; right: 50px;">
212 <strong>Warning!</strong> Indicates a warning that might need attention. 212 <strong>Warning!</strong> Indicates a warning that might need attention.
213 </div> --> 213 </div> -->
app/partials/updateFuelManager/updateFuelManager.html
1 1
2 2
3 <style> 3 <style>
4 .subnavbar .mainnav > li:nth-child(2) > a{ 4 .subnavbar .mainnav > li:nth-child(2) > a{
5 color: #ff9900; 5 color: #ff9900;
6 } 6 }
7 .extraClasToMerge{ 7 .extraClasToMerge{
8 color: #fff; 8 color: #fff;
9 } 9 }
10 </style> 10 </style>
11 11
12 <div class="myLoader" ng-show="showLoader"> 12 <div class="myLoader" ng-show="showLoader">
13 <img src="../img/hourglass.gif" width="50px;"> 13 <img src="../img/hourglass.gif" width="50px;">
14 </div> 14 </div>
15 15
16 <div class="col-xs-12 col-md-6"> 16 <div class="col-xs-12 col-md-6">
17 17
18 <div class="widget stacked"> 18 <div class="widget stacked">
19 <div class="widget-header"> 19 <div class="widget-header">
20 <i class="fa fa-pencil"></i> 20 <i class="fa fa-pencil"></i>
21 <h3>Price Manager Active</h3> 21 <h3>Price Manager Active</h3>
22 <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()"> 22 <select ng-show="isShowEmail" style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()">
23 <option value="" disabled selected="selected">Email All Pricing</option> 23 <option value="" disabled selected="selected">Email All Pricing</option>
24 <option value="JET-A">Email JET-A pricing only</option> 24 <option value="JET-A">Email JET-A pricing only</option>
25 <option value="AVGAS">Email AVGAS pricing only</option> 25 <option value="AVGAS">Email AVGAS pricing only</option>
26 <option disabled>_______________________________</option> 26 <option disabled>_______________________________</option>
27 <option value="all">Distribute All</option> 27 <option value="all">Distribute All</option>
28 </select> 28 </select>
29 </div> 29 </div>
30 <!-- /widget-header --> 30 <!-- /widget-header -->
31 <div class="widget-content"> 31 <div class="widget-content">
32 <h4>Deployed Fuel Prices</h4> 32 <h4>Deployed Fuel Prices</h4>
33 <table class="table vertical-center"> 33 <table class="table vertical-center">
34 <thead> 34 <thead>
35 <tr> 35 <tr>
36 <th> Product</th> 36 <th> Product</th>
37 <th> Cost</th> 37 <th> Cost</th>
38 <th> Margin</th> 38 <th> Margin</th>
39 <th> PAP(Total)</th> 39 <th> PAP(Total)</th>
40 <th style="color: #F90;"> Expires</th> 40 <th style="color: #F90;"> Expires</th>
41 </tr> 41 </tr>
42 </thead> 42 </thead>
43 <tbody> 43 <tbody>
44 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }"> 44 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }">
45 <td> 45 <td>
46 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 46 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
47 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 47 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
48 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 48 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
49 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 49 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
50 </td> 50 </td>
51 <td> 51 <td>
52 <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span> 52 <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span>
53 </td> 53 </td>
54 <td> 54 <td>
55 <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span> 55 <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span>
56 </td> 56 </td>
57 <td> 57 <td>
58 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 4 }}</span> 58 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 4 }}</span>
59 </td> 59 </td>
60 <td> 60 <td>
61 <span>{{fuelPricing.fuelPricing.expirationDate}}</span> 61 <span>{{fuelPricing.fuelPricing.expirationDate}}</span>
62 </td> 62 </td>
63 </tr> 63 </tr>
64 </tbody> 64 </tbody>
65 </table> 65 </table>
66 66
67 </div> 67 </div>
68 <!-- /widget-content --> 68 <!-- /widget-content -->
69 </div> 69 </div>
70 <!-- /widget --> 70 <!-- /widget -->
71 71
72 72
73 73
74 <div class="widget stacked"> 74 <div class="widget stacked">
75 <div class="widget-header"> 75 <div class="widget-header">
76 <i class="fa fa-pencil"></i> 76 <i class="fa fa-pencil"></i>
77 <h3>Price Manager Staging</h3> 77 <h3>Price Manager Staging</h3>
78 </div> 78 </div>
79 <!-- /widget-header --> 79 <!-- /widget-header -->
80 <div class="widget-content"> 80 <div class="widget-content">
81 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6> 81 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6>
82 <form> 82 <form>
83 <table class="table vertical-center"> 83 <table class="table vertical-center">
84 <thead> 84 <thead>
85 <tr> 85 <tr>
86 <th> Product</th> 86 <th> Product</th>
87 <th> Cost</th> 87 <th> Cost</th>
88 <th> PAP(Margin)</th> 88 <th> PAP(Margin)</th>
89 <th> Effective Date</th> 89 <th> Effective Date</th>
90 <th style="color: #F90;">Price Expires</th> 90 <th style="color: #F90;">Price Expires</th>
91 <th> PAP(Total)</th> 91 <th> PAP(Total)</th>
92 </tr> 92 </tr>
93 </thead> 93 </thead>
94 <tbody> 94 <tbody>
95 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }"> 95 <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }">
96 <td> 96 <td>
97 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 97 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
98 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 98 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
99 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 99 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
100 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 100 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
101 </td> 101 </td>
102 <td> 102 <td>
103 <input type="text" class="form-control" ng-keyup="disableButtons(fuelPricing.futureFuelPricing.cost)" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 60px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number /> 103 <input type="text" class="form-control" ng-keyup="disableButtons(fuelPricing.futureFuelPricing.cost)" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 60px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number />
104 </td> 104 </td>
105 <td> 105 <td>
106 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number /> 106 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number />
107 </td> 107 </td>
108 <td> 108 <td>
109 <input type="text" class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;"> 109 <input type="text" class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;">
110 </td> 110 </td>
111 <td> 111 <td>
112 <input type="text" class="form-control" datepicker ng-disabled=" fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;"> 112 <input type="text" class="form-control" datepicker ng-disabled=" fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;">
113 </td> 113 </td>
114 <td> 114 <td>
115 <span style="line-height: 31px; color: #1ab394; font-size:12px;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin | number : 4}}</span> 115 <span style="line-height: 31px; color: #1ab394; font-size:12px;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin | number : 4}}</span>
116 </td> 116 </td>
117 </tr> 117 </tr>
118 </tbody> 118 </tbody>
119 </table> 119 </table>
120 <div class="row" style="margin-left: 0px;"> 120 <div class="row" style="margin-left: 0px;">
121 <div class="col-md-12" style= "text-align: right; padding-left: 0;"> 121 <div class="col-md-12" style= "text-align: right; padding-left: 0;">
122 <div style="float: left;"> 122 <div style="float: left;">
123 <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" ng-disabled="noPrices" style= "text-align: center; font-size:12px">Save & Deploy Immediately</button> 123 <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" ng-disabled="noPrices" style= "text-align: center; font-size:12px">Save & Deploy Immediately</button>
124 124
125 <button type="button" ng-click="resetFutureFuelPricingClick()" class="btn btn-default btn-xs">Reset All</button> 125 <button type="button" ng-click="resetFutureFuelPricingClick()" class="btn btn-default btn-xs">Reset All</button>
126 </div> 126 </div>
127 <div style="float: right;"> 127 <div style="float: right;">
128 <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" ng-disabled="noPrices" style="margin-right:3%">Save & Stage for Deploy</button> 128 <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" ng-disabled="noPrices" style="margin-right:3%">Save & Stage for Deploy</button>
129 </div> 129 </div>
130 <div style="clear: both;"></div> 130 <div style="clear: both;"></div>
131 </div> 131 </div>
132 </div> 132 </div>
133 </form> 133 </form>
134 </div> 134 </div>
135 <!-- /widget-content --> 135 <!-- /widget-content -->
136 </div> 136 </div>
137 <!-- /widget --> 137 <!-- /widget -->
138 138
139 </div> 139 </div>
140 140
141 <div class="col-xs-12 col-md-6"> 141 <div class="col-xs-12 col-md-6">
142 142
143 143
144 <div class="widget stacked"> 144 <div class="widget stacked">
145 <div class="widget-header"> 145 <div class="widget-header">
146 <i class="fa fa-pencil"></i> 146 <i class="fa fa-pencil"></i>
147 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3> 147 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3>
148 148
149 </div> 149 </div>
150 <!-- /widget-header --> 150 <!-- /widget-header -->
151 <div class="widget-content" style="padding-top: 10px;"> 151 <div class="widget-content" style="padding-top: 10px;">
152 <section id="accordions"> 152 <section id="accordions">
153 <div class="newCustomAccordian"> 153 <div class="newCustomAccordian">
154 <!-- tab 1 --> 154 <!-- tab 1 -->
155 <div ng-repeat="jets in aTypeJets"> 155 <div ng-repeat="jets in aTypeJets">
156 <div class="customAccordianHeader" id="{{jets.id}}"> 156 <div class="customAccordianHeader" id="{{jets.id}}">
157 <span>{{jets.marginName}}</span> 157 <span>{{jets.marginName}}</span>
158 <select class="form-control" disabled="true" ng-model="jets.pricingStructure" ng-change="selectChanged($index)"> 158 <select class="form-control" disabled="true" ng-model="jets.pricingStructure" ng-change="selectChanged($index)">
159 <option value="" disabled selected>Pricing Structure</option> 159 <option value="" disabled selected>Pricing Structure</option>
160 <option value="minus">Retail/PAP - (minus)</option> 160 <option value="minus">Retail/PAP - (minus)</option>
161 <option value="plus">Cost + (plus)</option> 161 <option value="plus">Cost + (plus)</option>
162 <option value="equal">Direct = (equal)</option> 162 <option value="equal">Direct = (equal)</option>
163 </select> 163 </select>
164 <span style="margin-right: 0;">$</span> 164 <span style="margin-right: 0;">$</span>
165 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number /> 165 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number />
166 <div class="pull-right"> 166 <div class="pull-right">
167 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button> 167 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button>
168 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button> 168 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button>
169 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button> 169 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button>
170 <button type="button" class="btn btn-primary" ng-click="emailPricingForJetAMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button> 170 <button type="button" ng-show="isShowEmail" class="btn btn-primary" ng-click="emailPricingForJetAMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
171 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button> 171 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
172 </div> 172 </div>
173 <div class="clearfix"></div> 173 <div class="clearfix"></div>
174 </div> 174 </div>
175 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 175 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
176 <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList"> 176 <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList">
177 <div class="tierListHead" style="height: 36px;"> 177 <div class="tierListHead" style="height: 36px;">
178 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. 178 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
179 </span> 179 </span>
180 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> 180 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
181 181
182 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> 182 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
183 <span ng-show="showEditTier">-</span> 183 <span ng-show="showEditTier">-</span>
184 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> 184 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
185 <div class="clearfix"></div> 185 <div class="clearfix"></div>
186 </div> 186 </div>
187 <div class="tierListBody" style="height: 35px;"> 187 <div class="tierListBody" style="height: 35px;">
188 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 188 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
189 189
190 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 190 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
191 191
192 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span> 192 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>
193 193
194 <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button> 194 <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>
195 195
196 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i> 196 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>
197 197
198 <div class="clearfix"></div> 198 <div class="clearfix"></div>
199 </div> 199 </div>
200 </div> 200 </div>
201 <div class="tierListWrap" style="width: 160px;"> 201 <div class="tierListWrap" style="width: 160px;">
202 <div class="tierListHead" style="border-right: 1px solid #ddd;"> 202 <div class="tierListHead" style="border-right: 1px solid #ddd;">
203 <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak"> 203 <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak">
204 <span>-</span> 204 <span>-</span>
205 <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b> 205 <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b>
206 <div class="clearfix"></div> 206 <div class="clearfix"></div>
207 </div> 207 </div>
208 <div class="tierListBody" style="border-right: 1px solid #ddd;"> 208 <div class="tierListBody" style="border-right: 1px solid #ddd;">
209 <span style="color: #449d44;">$</span> 209 <span style="color: #449d44;">$</span>
210 <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> 210 <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
211 <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button> 211 <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button>
212 <div class="clearfix"></div> 212 <div class="clearfix"></div>
213 </div> 213 </div>
214 </div> 214 </div>
215 <!-- <div class="tierListWrap" style="width: 32px;"> 215 <!-- <div class="tierListWrap" style="width: 32px;">
216 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> 216 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
217 &nbsp; 217 &nbsp;
218 </div> 218 </div>
219 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> 219 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
220 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> 220 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
221 </div> 221 </div>
222 </div> --> 222 </div> -->
223 <div class="clearfix"></div> 223 <div class="clearfix"></div>
224 <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> --> 224 <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> -->
225 <br/> 225 <br/>
226 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div> 226 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>
227 </div> 227 </div>
228 </div> 228 </div>
229 </div> 229 </div>
230 <div class="pull-right"> 230 <div class="pull-right">
231 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button> 231 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
232 </div> 232 </div>
233 </section> 233 </section>
234 <!-- <div class="row">&nbsp;</div> 234 <!-- <div class="row">&nbsp;</div>
235 <div class="row"> 235 <div class="row">
236 <div class="form-group"> 236 <div class="form-group">
237 <div class="col-lg-12 text-right"> 237 <div class="col-lg-12 text-right">
238 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 238 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
239 <button type="reset" class="btn btn-default">Cancel</button> 239 <button type="reset" class="btn btn-default">Cancel</button>
240 </div> 240 </div>
241 </div> 241 </div>
242 </div> --> 242 </div> -->
243 </div> 243 </div>
244 <!-- /widget-content --> 244 <!-- /widget-content -->
245 </div> 245 </div>
246 <!-- /widget --> 246 <!-- /widget -->
247 247
248 248
249 249
250 <div class="widget stacked"> 250 <div class="widget stacked">
251 <div class="widget-header"> 251 <div class="widget-header">
252 <i class="fa fa-pencil"></i> 252 <i class="fa fa-pencil"></i>
253 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3> 253 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3>
254 254
255 </div> 255 </div>
256 <!-- /widget-header --> 256 <!-- /widget-header -->
257 <div class="widget-content" style="padding-top: 10px;"> 257 <div class="widget-content" style="padding-top: 10px;">
258 <section id="accordions"> 258 <section id="accordions">
259 <div class="newCustomAccordian"> 259 <div class="newCustomAccordian">
260 <!-- tab 1 --> 260 <!-- tab 1 -->
261 <div ng-repeat="jets in vTypeJets"> 261 <div ng-repeat="jets in vTypeJets">
262 <div class="customAccordianHeader" id="{{jets.id}}"> 262 <div class="customAccordianHeader" id="{{jets.id}}">
263 <span>{{jets.marginName}}</span> 263 <span>{{jets.marginName}}</span>
264 <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> 264 <select class="form-control" disabled="true" ng-model="jets.pricingStructure">
265 <option value="" disabled selected>Pricing Structure</option> 265 <option value="" disabled selected>Pricing Structure</option>
266 <option value="minus">Retail - (minus)</option> 266 <option value="minus">Retail - (minus)</option>
267 <option value="plus">Cost + (plus)</option> 267 <option value="plus">Cost + (plus)</option>
268 <option value="equal">Direct = (equal)</option> 268 <option value="equal">Direct = (equal)</option>
269 </select> 269 </select>
270 <span style="margin-right: 0;">$</span> 270 <span style="margin-right: 0;">$</span>
271 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number /> 271 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number />
272 <div class="pull-right"> 272 <div class="pull-right">
273 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button> 273 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button>
274 <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button> 274 <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button>
275 <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button> 275 <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button>
276 <button type="button" class="btn btn-primary" ng-click="emailPricingForAVGASMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button> 276 <button type="button" ng-show="isShowEmail" class="btn btn-primary" ng-click="emailPricingForAVGASMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
277 <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button> 277 <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
278 </div> 278 </div>
279 <div class="clearfix"></div> 279 <div class="clearfix"></div>
280 </div> 280 </div>
281 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 281 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
282 <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList"> 282 <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList">
283 <div class="tierListHead" style="height: 36px;"> 283 <div class="tierListHead" style="height: 36px;">
284 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. 284 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
285 </span> 285 </span>
286 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> 286 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
287 287
288 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> 288 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
289 <span ng-show="showEditTier">-</span> 289 <span ng-show="showEditTier">-</span>
290 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> 290 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
291 <div class="clearfix"></div> 291 <div class="clearfix"></div>
292 </div> 292 </div>
293 <div class="tierListBody" style="height: 35px;"> 293 <div class="tierListBody" style="height: 35px;">
294 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 294 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
295 295
296 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 296 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
297 297
298 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span> 298 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>
299 299
300 <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button> 300 <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>
301 301
302 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i> 302 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>
303 303
304 <div class="clearfix"></div> 304 <div class="clearfix"></div>
305 </div> 305 </div>
306 </div> 306 </div>
307 <div class="tierListWrap" style="width: 160px;"> 307 <div class="tierListWrap" style="width: 160px;">
308 <div class="tierListHead" style="border-right: 1px solid #ddd;"> 308 <div class="tierListHead" style="border-right: 1px solid #ddd;">
309 <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak"> 309 <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak">
310 <span>-</span> 310 <span>-</span>
311 <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b> 311 <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b>
312 <div class="clearfix"></div> 312 <div class="clearfix"></div>
313 </div> 313 </div>
314 <div class="tierListBody" style="border-right: 1px solid #ddd;"> 314 <div class="tierListBody" style="border-right: 1px solid #ddd;">
315 <span style="color: #449d44;">$</span> 315 <span style="color: #449d44;">$</span>
316 <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> 316 <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
317 <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button> 317 <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button>
318 <div class="clearfix"></div> 318 <div class="clearfix"></div>
319 </div> 319 </div>
320 </div> 320 </div>
321 <!-- <div class="tierListWrap" style="width: 32px;"> 321 <!-- <div class="tierListWrap" style="width: 32px;">
322 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> 322 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
323 &nbsp; 323 &nbsp;
324 </div> 324 </div>
325 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> 325 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
326 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> 326 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
327 </div> 327 </div>
328 </div> --> 328 </div> -->
329 <div class="clearfix"></div> 329 <div class="clearfix"></div>
330 <br/> 330 <br/>
331 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div> 331 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>
332 </div> 332 </div>
333 </div> 333 </div>
334 </div> 334 </div>
335 <div class="pull-right"> 335 <div class="pull-right">
336 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button> 336 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
337 </div> 337 </div>
338 </section> 338 </section>
339 <!-- <div class="row">&nbsp;</div> 339 <!-- <div class="row">&nbsp;</div>
340 <div class="row"> 340 <div class="row">
341 <div class="form-group"> 341 <div class="form-group">
342 <div class="col-lg-12 text-right"> 342 <div class="col-lg-12 text-right">
343 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 343 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
344 <button type="reset" class="btn btn-default">Cancel</button> 344 <button type="reset" class="btn btn-default">Cancel</button>
345 </div> 345 </div>
346 </div> 346 </div>
347 </div> --> 347 </div> -->
348 </div> 348 </div>
349 <!-- /widget-content --> 349 <!-- /widget-content -->
350 </div> 350 </div>
351 <!-- /widget --> 351 <!-- /widget -->
352 352
353 353
354 354
355 </div> 355 </div>
356 <div class="clearfix"></div> 356 <div class="clearfix"></div>
357 357
358 <div class="addNewMargin" style="display: none;"> 358 <div class="addNewMargin" style="display: none;">
359 <div class="customBackdrop"> 359 <div class="customBackdrop">
360 <div class="customModalInner" style="max-width: 700px;"> 360 <div class="customModalInner" style="max-width: 700px;">
361 <div class="customModelHead"> 361 <div class="customModelHead">
362 <p class="pull-left"> 362 <p class="pull-left">
363 <i class="fa fa-list-alt" aria-hidden="true"></i> 363 <i class="fa fa-list-alt" aria-hidden="true"></i>
364 Add New JET-A Customer Margin 364 Add New JET-A Customer Margin
365 </p> 365 </p>
366 <p class="pull-right"> 366 <p class="pull-right">
367 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i> 367 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i>
368 </p> 368 </p>
369 <div class="clearfix"></div> 369 <div class="clearfix"></div>
370 </div> 370 </div>
371 <div class="customModelBody"> 371 <div class="customModelBody">
372 372
373 <div class="customAccordianHeader customActive"> 373 <div class="customAccordianHeader customActive">
374 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName"> 374 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName">
375 <select class="form-control" ng-model="newJet.pricingStructure"> 375 <select class="form-control" ng-model="newJet.pricingStructure">
376 <option value="" disabled selected>Pricing Structure</option> 376 <option value="" disabled selected>Pricing Structure</option>
377 <option value="minus">Retail -(minus)</option> 377 <option value="minus">Retail -(minus)</option>
378 <option value="plus">Cost +(plus)</option> 378 <option value="plus">Cost +(plus)</option>
379 <option value="equal">Direct =(equal)</option> 379 <option value="equal">Direct =(equal)</option>
380 </select> 380 </select>
381 <span style="margin-right: 0;">$</span> 381 <span style="margin-right: 0;">$</span>
382 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue" ng-blur="force4decimals(newJet.marginValue)" valid-number /> 382 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue" ng-blur="force4decimals(newJet.marginValue)" valid-number />
383 <div class="clearfix"></div> 383 <div class="clearfix"></div>
384 </div> 384 </div>
385 <div class="customAccordianTabBody"> 385 <div class="customAccordianTabBody">
386 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div> 386 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div>
387 </div> 387 </div>
388 388
389 </div> 389 </div>
390 <div class="customModelFooter text-center"> 390 <div class="customModelFooter text-center">
391 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()"> 391 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()">
392 <button class="btn" ng-click="closeMarginPopup()">Cancel</button> 392 <button class="btn" ng-click="closeMarginPopup()">Cancel</button>
393 </div> 393 </div>
394 </div> 394 </div>
395 </div> 395 </div>
396 </div> 396 </div>
397 397
398 <div class="addNewVtype" style="display: none;"> 398 <div class="addNewVtype" style="display: none;">
399 <div class="customBackdrop"> 399 <div class="customBackdrop">
400 <div class="customModalInner" style="max-width: 700px;"> 400 <div class="customModalInner" style="max-width: 700px;">
401 <div class="customModelHead"> 401 <div class="customModelHead">
402 <p class="pull-left"> 402 <p class="pull-left">
403 <i class="fa fa-list-alt" aria-hidden="true"></i> 403 <i class="fa fa-list-alt" aria-hidden="true"></i>
404 Add New AVGAS 100LL Customer Margin Template 404 Add New AVGAS 100LL Customer Margin Template
405 </p> 405 </p>
406 <p class="pull-right"> 406 <p class="pull-right">
407 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i> 407 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i>
408 </p> 408 </p>
409 <div class="clearfix"></div> 409 <div class="clearfix"></div>
410 </div> 410 </div>
411 <div class="customModelBody"> 411 <div class="customModelBody">
412 412
413 <div class="customAccordianHeader customActive"> 413 <div class="customAccordianHeader customActive">
414 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName"> 414 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName">
415 <select class="form-control" ng-model="newVtypeJet.pricingStructure"> 415 <select class="form-control" ng-model="newVtypeJet.pricingStructure">
416 <option value="" disabled selected>Pricing Structure</option> 416 <option value="" disabled selected>Pricing Structure</option>
417 <option value="minus">Retail -(minus)</option> 417 <option value="minus">Retail -(minus)</option>
418 <option value="plus">Cost +(plus)</option> 418 <option value="plus">Cost +(plus)</option>
419 <option value="equal">Direct =(equal)</option> 419 <option value="equal">Direct =(equal)</option>
420 </select> 420 </select>
421 <span style="margin-right: 0;">$</span> 421 <span style="margin-right: 0;">$</span>
422 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue" ng-blur="force4decimals(newVtypeJet.marginValue)" valid-number /> 422 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue" ng-blur="force4decimals(newVtypeJet.marginValue)" valid-number />
423 <div class="clearfix"></div> 423 <div class="clearfix"></div>
424 </div> 424 </div>
425 <div class="customAccordianTabBody"> 425 <div class="customAccordianTabBody">
426 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div> 426 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div>
427 </div> 427 </div>
428 428
429 </div> 429 </div>
430 <div class="customModelFooter text-center"> 430 <div class="customModelFooter text-center">
431 <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()"> 431 <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()">
432 <button class="btn" ng-click="closeNewVtypePop()">Cancel</button> 432 <button class="btn" ng-click="closeNewVtypePop()">Cancel</button>
433 </div> 433 </div>
434 </div> 434 </div>
435 </div> 435 </div>
436 </div> 436 </div>
437 437
438 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;"> 438 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
439 <div class="customModalInner"> 439 <div class="customModalInner">
440 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 440 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
441 <table> 441 <table>
442 <tr> 442 <tr>
443 <td> 443 <td>
444 <img src="img/info.png" style="width: 50px;"> 444 <img src="img/info.png" style="width: 50px;">
445 </td> 445 </td>
446 <td> 446 <td>
447 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 447 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
448 </td> 448 </td>
449 </tr> 449 </tr>
450 </table> 450 </table>
451 </div> 451 </div>
452 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 452 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
453 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 453 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
454 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 454 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
455 </div> 455 </div>
456 </div> 456 </div>
457 </div> 457 </div>
458 <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;"> 458 <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;">
459 <div class="customModalInner"> 459 <div class="customModalInner">
460 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 460 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
461 <table> 461 <table>
462 <tr> 462 <tr>
463 <td> 463 <td>
464 <img src="img/info.png" style="width: 50px;"> 464 <img src="img/info.png" style="width: 50px;">
465 </td> 465 </td>
466 <td> 466 <td>
467 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p> 467 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p>
468 </td> 468 </td>
469 </tr> 469 </tr>
470 </table> 470 </table>
471 </div> 471 </div>
472 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 472 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
473 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button> 473 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button>
474 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button> 474 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button>
475 </div> 475 </div>
476 </div> 476 </div>
477 </div> 477 </div>
478 478
479 <div class="customConfirmPopBackdrop" id="confirm3" style="display: none;"> 479 <div class="customConfirmPopBackdrop" id="confirm3" style="display: none;">
480 <div class="customModalInner"> 480 <div class="customModalInner">
481 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 481 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
482 <table> 482 <table>
483 <tr> 483 <tr>
484 <td> 484 <td>
485 <img src="img/info.png" style="width: 50px;"> 485 <img src="img/info.png" style="width: 50px;">
486 </td> 486 </td>
487 <td> 487 <td>
488 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p> 488 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p>
489 </td> 489 </td>
490 </tr> 490 </tr>
491 </table> 491 </table>
492 </div> 492 </div>
493 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 493 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
494 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForAVGASMarginConfirm()">Yes</button> 494 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForAVGASMarginConfirm()">Yes</button>
495 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForAVGASMarginConfirm()">Cancel</button> 495 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForAVGASMarginConfirm()">Cancel</button>
496 </div> 496 </div>
497 </div> 497 </div>
498 </div> 498 </div>
499 499
500 <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;"> 500 <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;">
501 <div class="customModalInner"> 501 <div class="customModalInner">
502 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 502 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
503 <table> 503 <table>
504 <tr> 504 <tr>
505 <td> 505 <td>
506 <img src="img/info.png" style="width: 50px;"> 506 <img src="img/info.png" style="width: 50px;">
507 </td> 507 </td>
508 <td> 508 <td>
509 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p> 509 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p>
510 </td> 510 </td>
511 </tr> 511 </tr>
512 </table> 512 </table>
513 </div> 513 </div>
514 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 514 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
515 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button> 515 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button>
516 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button> 516 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button>
517 </div> 517 </div>
518 </div> 518 </div>
519 </div> 519 </div>
520 520
521 <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;"> 521 <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;">
522 <div class="customModalInner"> 522 <div class="customModalInner">
523 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 523 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
524 <table> 524 <table>
525 <tr> 525 <tr>
526 <td> 526 <td>
527 <img src="img/info.png" style="width: 50px;"> 527 <img src="img/info.png" style="width: 50px;">
528 </td> 528 </td>
529 <td> 529 <td>
530 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p> 530 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p>
531 </td> 531 </td>
532 </tr> 532 </tr>
533 </table> 533 </table>
534 </div> 534 </div>
535 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 535 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
536 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button> 536 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button>
537 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button> 537 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button>
538 </div> 538 </div>
539 </div> 539 </div>
540 </div> 540 </div>
541 541
542 <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;"> 542 <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;">
543 <div class="customModalInner"> 543 <div class="customModalInner">
544 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 544 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
545 <table> 545 <table>
546 <tr> 546 <tr>
547 <td> 547 <td>
548 <img src="img/info.png" style="width: 50px;"> 548 <img src="img/info.png" style="width: 50px;">
549 </td> 549 </td>
550 <td> 550 <td>
551 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p> 551 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p>
552 </td> 552 </td>
553 </tr> 553 </tr>
554 </table> 554 </table>
555 </div> 555 </div>
556 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 556 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
557 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button> 557 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button>
558 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button> 558 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button>
559 </div> 559 </div>
560 </div> 560 </div>
561 </div> 561 </div>
562 562
563 <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;"> 563 <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;">
564 <div class="customModalInner"> 564 <div class="customModalInner">
565 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 565 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
566 <table> 566 <table>
567 <tr> 567 <tr>
568 <td> 568 <td>
569 <img src="img/info.png" style="width: 50px;"> 569 <img src="img/info.png" style="width: 50px;">
570 </td> 570 </td>
571 <td> 571 <td>
572 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p> 572 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p>
573 </td> 573 </td>
574 </tr> 574 </tr>
575 </table> 575 </table>
576 </div> 576 </div>
577 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 577 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
578 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button> 578 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button>
579 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button> 579 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button>
580 </div> 580 </div>
581 </div> 581 </div>
582 </div> 582 </div>
583 583
584 <div class="customConfirmPopBackdrop" id="resetPricing" style="display: none;"> 584 <div class="customConfirmPopBackdrop" id="resetPricing" style="display: none;">
585 <div class="customModalInner"> 585 <div class="customModalInner">
586 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 586 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
587 <table> 587 <table>
588 <tr> 588 <tr>
589 <td> 589 <td>
590 <img src="img/info.png" style="width: 50px;"> 590 <img src="img/info.png" style="width: 50px;">
591 </td> 591 </td>
592 <td> 592 <td>
593 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to reset and clear all of the staged pricing above and current pricing below?</p> 593 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to reset and clear all of the staged pricing above and current pricing below?</p>
594 </td> 594 </td>
595 </tr> 595 </tr>
596 </table> 596 </table>
597 </div> 597 </div>
598 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 598 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
599 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmReset()">Yes</button> 599 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmReset()">Yes</button>
600 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelReset()">No</button> 600 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelReset()">No</button>
601 </div> 601 </div>
602 </div> 602 </div>
603 </div> 603 </div>
604 604
605 <!-- Le javascript 605 <!-- Le javascript
606 ================================================== --> 606 ================================================== -->
607 <!-- Placed at the end of the document so the pages load faster --> 607 <!-- Placed at the end of the document so the pages load faster -->
608 <!-- <script> 608 <!-- <script>
609 CKEDITOR.replace( 'editor2', { 609 CKEDITOR.replace( 'editor2', {
610 height: 250, 610 height: 250,
611 extraPlugins: 'divarea' 611 extraPlugins: 'divarea'
612 } ); 612 } );
613 </script> --> 613 </script> -->
app/partials/viewCompany/viewCompany.html
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 .widget-content{ 5 .widget-content{
6 padding: 10px !important; 6 padding: 10px !important;
7 } 7 }
8 .widget-content input[type="text"], .widget-content select{ 8 .widget-content input[type="text"], .widget-content select{
9 height: 31px; 9 height: 31px;
10 padding: 0; 10 padding: 0;
11 } 11 }
12 .new-label span{ 12 .new-label span{
13 float: left; 13 float: left;
14 line-height: 31px; 14 line-height: 31px;
15 } 15 }
16 .new-label span:first-child{ 16 .new-label span:first-child{
17 margin-right: 5px; 17 margin-right: 5px;
18 font-weight: bold; 18 font-weight: bold;
19 } 19 }
20 .new-label span:last-child{ 20 .new-label span:last-child{
21 margin-left: 5px; 21 margin-left: 5px;
22 } 22 }
23 .new-label select{ 23 .new-label select{
24 display: -webkit-inline-box; 24 display: -webkit-inline-box;
25 display: inline-box; 25 display: inline-box;
26 float: left; 26 float: left;
27 } 27 }
28 .new-address p{ 28 .new-address p{
29 margin-bottom: 0; 29 margin-bottom: 0;
30 } 30 }
31 .new-add-select{ 31 .new-add-select{
32 padding-left: 15px; 32 padding-left: 15px;
33 margin: 10px 0; 33 margin: 10px 0;
34 } 34 }
35 .new-add-select select{ 35 .new-add-select select{
36 width: 100px; 36 width: 100px;
37 } 37 }
38 .widget{ 38 .widget{
39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
42 } 42 }
43 .optionclass { 43 .optionclass {
44 background: #fff; 44 background: #fff;
45 } 45 }
46 .timess { 46 .timess {
47 float: right !important; 47 float: right !important;
48 margin-top: 10px !important; 48 margin-top: 10px !important;
49 margin-right: 10px !important; 49 margin-right: 10px !important;
50 color: #999 !important; 50 color: #999 !important;
51 cursor: pointer !important; 51 cursor: pointer !important;
52 } 52 }
53 53
54 .button1 { 54 .button1 {
55 display: inline-block; 55 display: inline-block;
56 height: 35px; 56 height: 35px;
57 line-height: 35px; 57 line-height: 35px;
58 padding-right: 15px; 58 padding-right: 15px;
59 padding-left: 50px; 59 padding-left: 50px;
60 position: relative; 60 position: relative;
61 background-color:rgb(41,127,184); 61 background-color:rgb(41,127,184);
62 color:rgb(255,255,255); 62 color:rgb(255,255,255);
63 text-decoration: none; 63 text-decoration: none;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 letter-spacing: 1px; 65 letter-spacing: 1px;
66 margin-bottom: 15px; 66 margin-bottom: 15px;
67 border: 0; 67 border: 0;
68 68
69 69
70 border-radius: 5px; 70 border-radius: 5px;
71 -moz-border-radius: 5px; 71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px; 72 -webkit-border-radius: 5px;
73 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 73 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
76 76
77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
79 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 79 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
82 } 82 }
83 83
84 .button1 span { 84 .button1 span {
85 position: absolute; 85 position: absolute;
86 left: 0; 86 left: 0;
87 top: 0; 87 top: 0;
88 width: 35px; 88 width: 35px;
89 background-color:rgba(0,0,0,0.5); 89 background-color:rgba(0,0,0,0.5);
90 90
91 -webkit-border-top-left-radius: 5px; 91 -webkit-border-top-left-radius: 5px;
92 -webkit-border-bottom-left-radius: 5px; 92 -webkit-border-bottom-left-radius: 5px;
93 -moz-border-radius-topleft: 5px; 93 -moz-border-radius-topleft: 5px;
94 -moz-border-radius-bottomleft: 5px; 94 -moz-border-radius-bottomleft: 5px;
95 border-top-left-radius: 5px; 95 border-top-left-radius: 5px;
96 border-bottom-left-radius: 5px; 96 border-bottom-left-radius: 5px;
97 border-right: 1px solid rgba(0,0,0,0.15); 97 border-right: 1px solid rgba(0,0,0,0.15);
98 } 98 }
99 99
100 .button1:hover span, .button1.active span { 100 .button1:hover span, .button1.active span {
101 background-color:rgb(0,102,26); 101 background-color:rgb(0,102,26);
102 border-right: 1px solid rgba(0,0,0,0.3); 102 border-right: 1px solid rgba(0,0,0,0.3);
103 } 103 }
104 104
105 .button1:active { 105 .button1:active {
106 margin-top: 2px; 106 margin-top: 2px;
107 margin-bottom: 13px; 107 margin-bottom: 13px;
108 108
109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
111 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 111 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
114 } 114 }
115 115
116 .button1.turquoise { 116 .button1.turquoise {
117 background: #449d44; 117 background: #449d44;
118 } 118 }
119 119
120 </style> 120 </style>
121 121
122 <div class="myLoader" ng-show="showLoader"> 122 <div class="myLoader" ng-show="showLoader">
123 <img src="../img/hourglass.gif" width="50px;"> 123 <img src="../img/hourglass.gif" width="50px;">
124 </div> 124 </div>
125 125
126 <div class="col-xs-12 col-md-12"> 126 <div class="col-xs-12 col-md-12">
127 <div class="row" style="margin-left:0px"> 127 <div class="row" style="margin-left:0px">
128 <div class="col-md-12"> 128 <div class="col-md-12">
129 <div class="widget"> 129 <div class="widget">
130 <div class="widget-header"> 130 <div class="widget-header">
131 <i class="fa fa-building-o" aria-hidden="true"></i> 131 <i class="fa fa-building-o" aria-hidden="true"></i>
132 <h3>{{companyData.companyName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteComp(companyData.id)" aria-hidden="true"></i></h3> 132 <h3>{{companyData.companyName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteComp(companyData.id)" aria-hidden="true"></i></h3>
133 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i> 133 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i>
134 </div> 134 </div>
135 <!-- /widget-header --> 135 <!-- /widget-header -->
136 <div class="widget-content"> 136 <div class="widget-content">
137 <div class="row" style="margin-left:0px"> 137 <div class="row" style="margin-left:0px">
138 <div class="col-md-6" ng-show="isGlobal"> 138 <div class="col-md-6" ng-show="isGlobal">
139 <div class="widget"> 139 <div class="widget">
140 <div class="widget-header"> 140 <div class="widget-header">
141 <i class="fa fa-building-o" aria-hidden="true"></i> 141 <i class="fa fa-building-o" aria-hidden="true"></i>
142 <h3>Company Details</h3> 142 <h3>Company Details</h3>
143 <label>BASE ICAO</label> 143 <label>BASE ICAO</label>
144 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" /> 144 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" />
145 145
146 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 146 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
147 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle> 147 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
148 </div> 148 </div>
149 149
150 </div> 150 </div>
151 <div class="widget-content" style="min-height: 350px;"> 151 <div class="widget-content" style="min-height: 350px;">
152 <div class="row" style="margin-left:0px;"> 152 <div class="row" style="margin-left:0px;">
153 <div class="col-md-7" style="padding-left: 0;"> 153 <div class="col-md-7" style="padding-left: 0;">
154 <h4 ng-show="showCompanyName"> 154 <h4 ng-show="showCompanyName">
155 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 155 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
156 </h4> 156 </h4>
157 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/> 157 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/>
158 </div> 158 </div>
159 <div class="col-md-5"> 159 <div class="col-md-5">
160 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType"> 160 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType">
161 <option class="optionclass" value="" disabled selected>Certificate Type</option> 161 <option class="optionclass" value="" disabled selected>Certificate Type</option>
162 <option class="optionclass" value="corporate">Part 91 (Corporate)</option> 162 <option class="optionclass" value="corporate">Part 91 (Corporate)</option>
163 <option class="optionclass" value="charter">Part 135 (Charter)</option> 163 <option class="optionclass" value="charter">Part 135 (Charter)</option>
164 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option> 164 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option>
165 <option class="optionclass" value="military">Military</option> 165 <option class="optionclass" value="military">Military</option>
166 <option class="optionclass" value="government">Government</option> 166 <option class="optionclass" value="government">Government</option>
167 </select> 167 </select>
168 </div> 168 </div>
169 </div> 169 </div>
170 <div> 170 <div>
171 <p class="new-label"> 171 <p class="new-label">
172 <span>JET A Margin </span> 172 <span>JET A Margin </span>
173 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin"> 173 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin">
174 <option ng-if="multiple" value="multiple">Multiple</option> 174 <option ng-if="multiple" value="multiple">Multiple</option>
175 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 175 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
176 </select> 176 </select>
177 <span ng-show="multipleMsg">&nbsp;See Aircrart List</span> 177 <span ng-show="multipleMsg">&nbsp;See Aircrart List</span>
178 <div class="clearfix"></div> 178 <div class="clearfix"></div>
179 </p> 179 </p>
180 </div> 180 </div>
181 <div> 181 <div>
182 <p class="new-label"> 182 <p class="new-label">
183 <span>AVGAS 100LL </span> 183 <span>AVGAS 100LL </span>
184 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin"> 184 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin">
185 <option value="">N/A</option> 185 <option value="">N/A</option>
186 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 186 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
187 </select> 187 </select>
188 <div class="clearfix"></div> 188 <div class="clearfix"></div>
189 </p> 189 </p>
190 </div> 190 </div>
191 <div> 191 <div>
192 <ui-select multiple class="form-control" ng-model="selected" name="name" ng-change="changeValue(selected)"> 192 <ui-select multiple class="form-control" ng-model="selected" name="name" ng-change="changeValue(selected)">
193 <ui-select-match placeholder="Select or Search">{{$item.first}}</ui-select-match> 193 <ui-select-match placeholder="Select or Search">{{$item.first}}</ui-select-match>
194 <ui-select-choices repeat="val.first as val in values | filter: $select.search"> 194 <ui-select-choices repeat="val.first as val in values | filter: $select.search">
195 {{val.first}} 195 {{val.first}}
196 <!-- <div ng-bind-html="val | highlight: $select"></div> --> 196 <!-- <div ng-bind-html="val | highlight: $select"></div> -->
197 </ui-select-choices> 197 </ui-select-choices>
198 </ui-select> 198 </ui-select>
199 </div> 199 </div>
200 </br> 200 </br>
201 <div class="new-address"> 201 <div class="new-address">
202 </div> 202 </div>
203 <div> 203 <div>
204 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 204 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
205 <p ng-show="showNoteData">{{companyData.internalNote}}</p> 205 <p ng-show="showNoteData">{{companyData.internalNote}}</p>
206 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea> 206 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea>
207 </div> 207 </div>
208 <div class="pull-left"> 208 <div class="pull-left">
209 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 209 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
210 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 210 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
211 </div> 211 </div>
212 <div class="pull-right"> 212 <div class="pull-right">
213 <button type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 213 <button type="button" ng-show="isShowEmail" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
214 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button> 214 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button>
215 </div> 215 </div>
216 <div class="clearfix"></div> 216 <div class="clearfix"></div>
217 </div> 217 </div>
218 </div> 218 </div>
219 </div> 219 </div>
220 <div class="col-md-6" ng-hide="isGlobal"> 220 <div class="col-md-6" ng-hide="isGlobal">
221 <div class="widget"> 221 <div class="widget">
222 <div class="widget-header"> 222 <div class="widget-header">
223 <i class="fa fa-building-o" aria-hidden="true"></i> 223 <i class="fa fa-building-o" aria-hidden="true"></i>
224 <h3>Company Details</h3> 224 <h3>Company Details</h3>
225 <label>BASE ICAO</label> 225 <label>BASE ICAO</label>
226 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" /> 226 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 80px;padding: 0px 9px;" />
227 227
228 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 228 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
229 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle> 229 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
230 </div> 230 </div>
231 231
232 </div> 232 </div>
233 <div class="widget-content"> 233 <div class="widget-content">
234 <div class="row" style="margin-left:0px;"> 234 <div class="row" style="margin-left:0px;">
235 <div class="col-md-7" style="padding-left: 0;"> 235 <div class="col-md-7" style="padding-left: 0;">
236 <h4 ng-show="showCompanyName"> 236 <h4 ng-show="showCompanyName">
237 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 237 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
238 </h4> 238 </h4>
239 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/> 239 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/>
240 </div> 240 </div>
241 <div class="col-md-5"> 241 <div class="col-md-5">
242 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType"> 242 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType">
243 <option class="optionclass" value="" disabled selected>Certificate Type</option> 243 <option class="optionclass" value="" disabled selected>Certificate Type</option>
244 <option class="optionclass" value="corporate">Part 91 (Corporate)</option> 244 <option class="optionclass" value="corporate">Part 91 (Corporate)</option>
245 <option class="optionclass" value="charter">Part 135 (Charter)</option> 245 <option class="optionclass" value="charter">Part 135 (Charter)</option>
246 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option> 246 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option>
247 <option class="optionclass" value="military">Military</option> 247 <option class="optionclass" value="military">Military</option>
248 <option class="optionclass" value="government">Government</option> 248 <option class="optionclass" value="government">Government</option>
249 </select> 249 </select>
250 </div> 250 </div>
251 </div> 251 </div>
252 <div> 252 <div>
253 <p class="new-label"> 253 <p class="new-label">
254 <span>JET A Margin a </span> 254 <span>JET A Margin a </span>
255 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin"> 255 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.masterMargin">
256 <option ng-if="multiple" value="multiple">Multiple</option> 256 <option ng-if="multiple" value="multiple">Multiple</option>
257 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 257 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
258 </select> 258 </select>
259 <span ng-show="multipleMsg">&nbsp;See Aircrart List</span> 259 <span ng-show="multipleMsg">&nbsp;See Aircrart List</span>
260 <div class="clearfix"></div> 260 <div class="clearfix"></div>
261 </p> 261 </p>
262 </div> 262 </div>
263 <div> 263 <div>
264 <p class="new-label"> 264 <p class="new-label">
265 <span>AVGAS 100LL </span> 265 <span>AVGAS 100LL </span>
266 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin"> 266 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="companyData.avgasMargin">
267 <option value="">N/A</option> 267 <option value="">N/A</option>
268 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 268 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
269 </select> 269 </select>
270 <div class="clearfix"></div> 270 <div class="clearfix"></div>
271 </p> 271 </p>
272 </div> 272 </div>
273 <div class="row" style="margin-left:0px;"> 273 <div class="row" style="margin-left:0px;">
274 <div class="col-md-5" style="padding-left: 0;"> 274 <div class="col-md-5" style="padding-left: 0;">
275 <input type="checkbox" name="" ng-model="companyData.baseTenant" ng-change="checkboxStatus(companyData.baseTenant)"> Tenant/Base Customer 275 <input type="checkbox" name="" ng-model="companyData.baseTenant" ng-change="checkboxStatus(companyData.baseTenant)"> Tenant/Base Customer
276 </div> 276 </div>
277 <div class="col-md-5" style="padding-left: 0;"> 277 <div class="col-md-5" style="padding-left: 0;">
278 <input type="checkbox" name="" ng-model="companyData.fuelerlinxCustomer" ng-change="fuelercheckboxStatus(companyData.fuelerlinxCustomer)"> FuelerLinx Customer 278 <input type="checkbox" name="" ng-model="companyData.fuelerlinxCustomer" ng-change="fuelercheckboxStatus(companyData.fuelerlinxCustomer)"> FuelerLinx Customer
279 </div> 279 </div>
280 </div> 280 </div>
281 <div> 281 <div>
282 <input type="checkbox" name="" ng-model="companyData.contractFuelVendor" ng-change="checkboxStatus(companyData.contractFuelVendor)"> CAA Member 282 <input type="checkbox" name="" ng-model="companyData.contractFuelVendor" ng-change="checkboxStatus(companyData.contractFuelVendor)"> CAA Member
283 </div> 283 </div>
284 </br> 284 </br>
285 <div class="new-address"> 285 <div class="new-address">
286 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{companyData.addressOne}} {{companyData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p> 286 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{companyData.addressOne}} {{companyData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p>
287 287
288 <div ng-hide="showAddress"> 288 <div ng-hide="showAddress">
289 <label>Address1</label> 289 <label>Address1</label>
290 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressOne" class="form-control" /> 290 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressOne" class="form-control" />
291 <label>Address2</label> 291 <label>Address2</label>
292 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressTwo" class="form-control" /> 292 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressTwo" class="form-control" />
293 </div> 293 </div>
294 294
295 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null"> 295 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null">
296 <i class="fa fa-phone" ng-hide="showEditContact"></i> 296 <i class="fa fa-phone" ng-hide="showEditContact"></i>
297 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 297 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
298 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 298 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
299 299
300 </p> 300 </p>
301 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.email != null"> 301 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.email != null">
302 <i class="fa fa-envelope" ng-hide="showEditEmail"></i> 302 <i class="fa fa-envelope" ng-hide="showEditEmail"></i>
303 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span> 303 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span>
304 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i> 304 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i>
305 305
306 </p> 306 </p>
307 </div> 307 </div>
308 <div class="new-add-select"> 308 <div class="new-add-select">
309 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;"> 309 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;">
310 <option value="" disabled selected>Add Field</option> 310 <option value="" disabled selected>Add Field</option>
311 <option value="phone" class="optionclass">Add Phone</option> 311 <option value="phone" class="optionclass">Add Phone</option>
312 <option value="email" class="optionclass">Add Email</option> 312 <option value="email" class="optionclass">Add Email</option>
313 </select> 313 </select>
314 </div> 314 </div>
315 <div> 315 <div>
316 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 316 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
317 <p ng-show="showNoteData">{{companyData.internalNote}}</p> 317 <p ng-show="showNoteData">{{companyData.internalNote}}</p>
318 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea> 318 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea>
319 </div> 319 </div>
320 <div class="pull-left"> 320 <div class="pull-left">
321 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 321 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
322 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 322 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
323 </div> 323 </div>
324 <div class="pull-right"> 324 <div class="pull-right">
325 <button type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 325 <button type="button" ng-show="isShowEmail" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
326 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button> 326 <button type="button" class="btn btn-info" ng-click="setFuel()">Setup Fuel</button>
327 </div> 327 </div>
328 <div class="clearfix"></div> 328 <div class="clearfix"></div>
329 </div> 329 </div>
330 </div> 330 </div>
331 </div> 331 </div>
332 <div class="col-md-6"> 332 <div class="col-md-6">
333 <div class="widget" style="min-height: 350px;"> 333 <div class="widget" style="min-height: 350px;">
334 <div class="widget-header"> 334 <div class="widget-header">
335 <i class="fa fa-plane"></i> 335 <i class="fa fa-plane"></i>
336 <h3>Aircraft List</h3> 336 <h3>Aircraft List</h3>
337 <div class="pull-right"> 337 <div class="pull-right">
338 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft </button> 338 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft </button>
339 </div> 339 </div>
340 </div> 340 </div>
341 <div class="widget-content" style="padding:0px;min-height: 350px;"> 341 <div class="widget-content" style="padding:0px;min-height: 350px;">
342 <div class="table-responsive"> 342 <div class="table-responsive">
343 <table class="table table-bordered table-hover table-striped"> 343 <table class="table table-bordered table-hover table-striped">
344 <thead> 344 <thead>
345 <tr> 345 <tr>
346 <th>Tail #</th> 346 <th>Tail #</th>
347 <th>Make</th> 347 <th>Make</th>
348 <th>Model</th> 348 <th>Model</th>
349 <th>JET-A</th> 349 <th>JET-A</th>
350 <th>All In</th> 350 <th>All In</th>
351 <th>AVGAS</th> 351 <th>AVGAS</th>
352 <th>All In</th> 352 <th>All In</th>
353 <th></th> 353 <th></th>
354 </tr> 354 </tr>
355 </thead> 355 </thead>
356 <tbody> 356 <tbody>
357 <tr ng-repeat="aircraft in contactAircraftList"> 357 <tr ng-repeat="aircraft in contactAircraftList">
358 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.tail}}</td> 358 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.tail}}</td>
359 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.make}}</td> 359 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.make}}</td>
360 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.model}}</td> 360 <td ng-style="aircraft.global && {color:'#9e9696'}">{{aircraft.model}}</td>
361 <td> 361 <td>
362 <select class="form-control" style="height:31px;" ng-model="aircraft.aircraftsMargin.id" ng-change="editJetMargin(aircraft,'jet')" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 362 <select class="form-control" style="height:31px;" ng-model="aircraft.aircraftsMargin.id" ng-change="editJetMargin(aircraft,'jet')" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
363 </td> 363 </td>
364 <td style="color:#55AF8B;">${{aircraft.marginAllIn | number : 4}}</td> 364 <td style="color:#55AF8B;">${{aircraft.marginAllIn | number : 4}}</td>
365 <td> 365 <td>
366 <select class="form-control" style="height:31px;" ng-model="aircraft.aircraftsAVGASMargin.id" ng-change="editJetMargin(aircraft,'avgas')"> 366 <select class="form-control" style="height:31px;" ng-model="aircraft.aircraftsAVGASMargin.id" ng-change="editJetMargin(aircraft,'avgas')">
367 <option value="">N/A</option> 367 <option value="">N/A</option>
368 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 368 <option ng-repeat="margin in avgsMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
369 </select> 369 </select>
370 </td> 370 </td>
371 <td style="color:#55AF8B;">${{aircraft.marginAvgasAllIn | number : 4}}</td> 371 <td style="color:#55AF8B;">${{aircraft.marginAvgasAllIn | number : 4}}</td>
372 <td> 372 <td>
373 <i class="fa fa-trash-o deleteTierIcon" ng-if="!aircraft.global" ng-click="deleteAircraft(aircraft.id)" aria-hidden="true"></i> 373 <i class="fa fa-trash-o deleteTierIcon" ng-if="!aircraft.global" ng-click="deleteAircraft(aircraft.id)" aria-hidden="true"></i>
374 </td> 374 </td>
375 </tr> 375 </tr>
376 </tbody> 376 </tbody>
377 </table> 377 </table>
378 </div> 378 </div>
379 </div> 379 </div>
380 </div> 380 </div>
381 </div> 381 </div>
382 </div> 382 </div>
383 <div class="row" style="margin-left:0px"> 383 <div class="row" style="margin-left:0px">
384 <div class="col-md-6"> 384 <div class="col-md-6">
385 <div class="widget"> 385 <div class="widget">
386 <div class="widget-header"> 386 <div class="widget-header">
387 <i class="fa fa-user"></i> 387 <i class="fa fa-user"></i>
388 <h3>Contact List</h3> 388 <h3>Contact List</h3>
389 <div class="pull-right"> 389 <div class="pull-right">
390 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button> 390 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button>
391 </div> 391 </div>
392 </div> 392 </div>
393 <div class="widget-content" style="padding:0px"> 393 <div class="widget-content" style="padding:0px">
394 <div class="table-responsive"> 394 <div class="table-responsive">
395 <table class="table table-bordered table-hover table-striped"> 395 <table class="table table-bordered table-hover table-striped">
396 <thead> 396 <thead>
397 <tr> 397 <tr>
398 <th>Price Email</th> 398 <th>Price Email</th>
399 <th>First Name</th> 399 <th>First Name</th>
400 <th>Last Name</th> 400 <th>Last Name</th>
401 <th>Title</th> 401 <th>Title</th>
402 </tr> 402 </tr>
403 </thead> 403 </thead>
404 <tbody> 404 <tbody>
405 <tr ng-repeat="contact in companyContactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> 405 <tr ng-repeat="contact in companyContactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})">
406 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle></td> 406 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle></td>
407 <td> 407 <td>
408 {{contact.firstName}} 408 {{contact.firstName}}
409 </td> 409 </td>
410 <td>{{contact.lastName}}</td> 410 <td>{{contact.lastName}}</td>
411 <td>{{contact.title}}</td> 411 <td>{{contact.title}}</td>
412 </tr> 412 </tr>
413 </tbody> 413 </tbody>
414 </table> 414 </table>
415 </div> 415 </div>
416 </div> 416 </div>
417 </div> 417 </div>
418 </div> 418 </div>
419 <div class="col-md-6"> 419 <div class="col-md-6">
420 <div class="widget"> 420 <div class="widget">
421 <div class="widget-header"> 421 <div class="widget-header">
422 <i class="fa fa-pencil"></i> 422 <i class="fa fa-pencil"></i>
423 <h3>Price Manager Reference</h3> 423 <h3>Price Manager Reference</h3>
424 </div> 424 </div>
425 <div class="widget-content"> 425 <div class="widget-content">
426 <div class="table-responsive"> 426 <div class="table-responsive">
427 <table class="table table-striped strikeTable" style="position: relative; margin-bottom: 0;"> 427 <table class="table table-striped strikeTable" style="position: relative; margin-bottom: 0;">
428 <!-- <table class="table table-striped" style="position: relative; margin-bottom: 0;"> --> 428 <!-- <table class="table table-striped" style="position: relative; margin-bottom: 0;"> -->
429 <thead> 429 <thead>
430 <tr> 430 <tr>
431 <th>Omit</th> 431 <th>Omit</th>
432 <th>Product</th> 432 <th>Product</th>
433 <th>Cost</th> 433 <th>Cost</th>
434 <th>PAP (Margin)</th> 434 <th>PAP (Margin)</th>
435 <th>PAP (Total)</th> 435 <th>PAP (Total)</th>
436 <th style="color:#F90">Expires</th> 436 <th style="color:#F90">Expires</th>
437 </tr> 437 </tr>
438 </thead> 438 </thead>
439 <tbody> 439 <tbody>
440 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''"> 440 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''">
441 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> --> 441 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> -->
442 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td> 442 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td>
443 <td>{{fuel.name}}</td> 443 <td>{{fuel.name}}</td>
444 <td>${{fuel.fuelPricing.cost | number :4}}</td> 444 <td>${{fuel.fuelPricing.cost | number :4}}</td>
445 <td>${{fuel.fuelPricing.papMargin | number :4}}</td> 445 <td>${{fuel.fuelPricing.papMargin | number :4}}</td>
446 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number :4}}</td> 446 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number :4}}</td>
447 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td> 447 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td>
448 </tr> 448 </tr>
449 449
450 </tbody> 450 </tbody>
451 </table> 451 </table>
452 </div> 452 </div>
453 </div> 453 </div>
454 </div> 454 </div>
455 </div> 455 </div>
456 </div> 456 </div>
457 </div> 457 </div>
458 <!-- /widget-content --> 458 <!-- /widget-content -->
459 </div> 459 </div>
460 <!-- /widget --> 460 <!-- /widget -->
461 </div> 461 </div>
462 <!-- /span6 --> 462 <!-- /span6 -->
463 </div> 463 </div>
464 <!-- /widget --> 464 <!-- /widget -->
465 </div> 465 </div>
466 <!-- /container --> 466 <!-- /container -->
467 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 467 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
468 <div class="modal-dialog modal-lg"> 468 <div class="modal-dialog modal-lg">
469 <div class="modal-content"> 469 <div class="modal-content">
470 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 470 <div class="modal-body step-1" data-step="1" style="padding: 0;">
471 <div> 471 <div>
472 <div class="row" style="margin: 0;"> 472 <div class="row" style="margin: 0;">
473 <div> 473 <div>
474 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 474 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
475 <div class="widget-header"> 475 <div class="widget-header">
476 <i class="icon-pencil"></i> 476 <i class="icon-pencil"></i>
477 <i class="fa fa-tasks" aria-hidden="true"></i> 477 <i class="fa fa-tasks" aria-hidden="true"></i>
478 <h3>Add a New Contact</h3> 478 <h3>Add a New Contact</h3>
479 <div class="clearfix"></div> 479 <div class="clearfix"></div>
480 </div> 480 </div>
481 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 481 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
482 <div class="col-xs-12"> 482 <div class="col-xs-12">
483 <div class="col-md-6"> 483 <div class="col-md-6">
484 <div class="pull-left" style="width: 110px;"> 484 <div class="pull-left" style="width: 110px;">
485 <label class="new-input-label"><b>First Name</b></label> 485 <label class="new-input-label"><b>First Name</b></label>
486 </div> 486 </div>
487 <div class="pull-left" style="margin-left: 15px;"> 487 <div class="pull-left" style="margin-left: 15px;">
488 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 488 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
489 </div> 489 </div>
490 <div class="clearfix"></div> 490 <div class="clearfix"></div>
491 </div> 491 </div>
492 <div class="col-md-6"> 492 <div class="col-md-6">
493 493
494 <div class="pull-left" style="width: 110px;"> 494 <div class="pull-left" style="width: 110px;">
495 <label class="new-input-label"><b>Last Name</b></label> 495 <label class="new-input-label"><b>Last Name</b></label>
496 </div> 496 </div>
497 <div class="pull-left" style="margin-left: 15px;"> 497 <div class="pull-left" style="margin-left: 15px;">
498 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 498 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
499 </div> 499 </div>
500 <div class="clearfix"></div> 500 <div class="clearfix"></div>
501 </div> 501 </div>
502 </div> 502 </div>
503 <div class="clearfix"></div><br> 503 <div class="clearfix"></div><br>
504 <div class="col-xs-12"> 504 <div class="col-xs-12">
505 <div class="col-md-6"> 505 <div class="col-md-6">
506 <div class="pull-left" style="width: 110px;"> 506 <div class="pull-left" style="width: 110px;">
507 <label class="new-input-label"><b>Title</b></label> 507 <label class="new-input-label"><b>Title</b></label>
508 </div> 508 </div>
509 <div class="pull-left" style="margin-left: 15px;"> 509 <div class="pull-left" style="margin-left: 15px;">
510 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 510 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
511 </div> 511 </div>
512 <div class="clearfix"></div> 512 <div class="clearfix"></div>
513 </div> 513 </div>
514 <div class="col-md-6"> 514 <div class="col-md-6">
515 515
516 <div class="pull-left" style="width: 110px;"> 516 <div class="pull-left" style="width: 110px;">
517 <label class="new-input-label"><b>Email</b></label> 517 <label class="new-input-label"><b>Email</b></label>
518 </div> 518 </div>
519 <div class="pull-left" style="margin-left: 15px;"> 519 <div class="pull-left" style="margin-left: 15px;">
520 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 520 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
521 </div> 521 </div>
522 <div class="clearfix"></div> 522 <div class="clearfix"></div>
523 </div> 523 </div>
524 </div> 524 </div>
525 <div class="clearfix"></div><br> 525 <div class="clearfix"></div><br>
526 <div class="col-xs-12"> 526 <div class="col-xs-12">
527 <div class="col-md-6"> 527 <div class="col-md-6">
528 <div class="pull-left" style="width: 110px;"> 528 <div class="pull-left" style="width: 110px;">
529 <label class="new-input-label"><b>Username</b></label> 529 <label class="new-input-label"><b>Username</b></label>
530 </div> 530 </div>
531 <div class="pull-left" style="margin-left: 15px;"> 531 <div class="pull-left" style="margin-left: 15px;">
532 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 532 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
533 </div> 533 </div>
534 <div class="clearfix"></div> 534 <div class="clearfix"></div>
535 </div> 535 </div>
536 <div class="col-md-6"> 536 <div class="col-md-6">
537 537
538 <div class="pull-left" style="width: 110px;"> 538 <div class="pull-left" style="width: 110px;">
539 <label class="new-input-label"><b>Password</b></label> 539 <label class="new-input-label"><b>Password</b></label>
540 </div> 540 </div>
541 <div class="pull-left" style="margin-left: 15px;"> 541 <div class="pull-left" style="margin-left: 15px;">
542 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 542 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
543 </div> 543 </div>
544 <div class="clearfix"></div> 544 <div class="clearfix"></div>
545 </div> 545 </div>
546 </div> 546 </div>
547 <div class="clearfix"></div><br> 547 <div class="clearfix"></div><br>
548 <div class="col-xs-12"> 548 <div class="col-xs-12">
549 <div class="col-md-6"> 549 <div class="col-md-6">
550 <div class="pull-left" style="width: 110px;"> 550 <div class="pull-left" style="width: 110px;">
551 <label class="new-input-label"><b>Work Phone</b></label> 551 <label class="new-input-label"><b>Work Phone</b></label>
552 </div> 552 </div>
553 <div class="pull-left" style="margin-left: 15px;"> 553 <div class="pull-left" style="margin-left: 15px;">
554 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 554 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
555 </div> 555 </div>
556 <div class="clearfix"></div> 556 <div class="clearfix"></div>
557 </div> 557 </div>
558 <div class="col-md-6"> 558 <div class="col-md-6">
559 559
560 <div class="pull-left" style="width: 110px;"> 560 <div class="pull-left" style="width: 110px;">
561 <label class="new-input-label"><b>Mobile Phone</b></label> 561 <label class="new-input-label"><b>Mobile Phone</b></label>
562 </div> 562 </div>
563 <div class="pull-left" style="margin-left: 15px;"> 563 <div class="pull-left" style="margin-left: 15px;">
564 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 564 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
565 </div> 565 </div>
566 <div class="clearfix"></div> 566 <div class="clearfix"></div>
567 </div> 567 </div>
568 </div> 568 </div>
569 <div class="clearfix"></div><br> 569 <div class="clearfix"></div><br>
570 <div class="col-xs-12"> 570 <div class="col-xs-12">
571 <div class="col-md-12"> 571 <div class="col-md-12">
572 <div class="pull-left" style="width: 110px;"> 572 <div class="pull-left" style="width: 110px;">
573 <label class="new-input-label"><b>Address</b></label> 573 <label class="new-input-label"><b>Address</b></label>
574 </div> 574 </div>
575 <div class="pull-right" style="width: calc(100% - 123px);"> 575 <div class="pull-right" style="width: calc(100% - 123px);">
576 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 576 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
577 </div> 577 </div>
578 <div class="clearfix"></div> 578 <div class="clearfix"></div>
579 </div> 579 </div>
580 </div> 580 </div>
581 <div class="clearfix"></div> 581 <div class="clearfix"></div>
582 <br/> 582 <br/>
583 <div class="col-xs-12"> 583 <div class="col-xs-12">
584 <div class="col-md-3"> 584 <div class="col-md-3">
585 <div class="pull-left my-toggle-switch"> 585 <div class="pull-left my-toggle-switch">
586 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 586 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
587 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 587 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
588 </div> 588 </div>
589 </div> 589 </div>
590 <div class="clearfix"></div> 590 <div class="clearfix"></div>
591 </div> 591 </div>
592 <div class="col-md-3"> 592 <div class="col-md-3">
593 <div class="pull-left my-toggle-switch"> 593 <div class="pull-left my-toggle-switch">
594 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 594 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
595 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 595 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
596 </div> 596 </div>
597 </div> 597 </div>
598 <div class="clearfix"></div> 598 <div class="clearfix"></div>
599 </div> 599 </div>
600 <div class="col-md-6"> 600 <div class="col-md-6">
601 <div class="pull-left" style="width: 110px;"> 601 <div class="pull-left" style="width: 110px;">
602 <label class="new-input-label"><b>Internal Note</b></label> 602 <label class="new-input-label"><b>Internal Note</b></label>
603 </div> 603 </div>
604 <div class="pull-left" style="width: calc(100% - 110px);"> 604 <div class="pull-left" style="width: calc(100% - 110px);">
605 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 605 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
606 </div> 606 </div>
607 </div> 607 </div>
608 <div class="clearfix"></div> 608 <div class="clearfix"></div>
609 </div> 609 </div>
610 <div class="clearfix"></div><br> 610 <div class="clearfix"></div><br>
611 </div> 611 </div>
612 </div> 612 </div>
613 <div class="clearfix"></div> 613 <div class="clearfix"></div>
614 </div> 614 </div>
615 </div> 615 </div>
616 </div> 616 </div>
617 </div> 617 </div>
618 <div class="modal-footer" style="border-top: 0;"> 618 <div class="modal-footer" style="border-top: 0;">
619 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 619 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
620 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 620 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
621 </div> 621 </div>
622 </div> 622 </div>
623 </div> 623 </div>
624 </form> 624 </form>
625 <div class="clearfix"></div> 625 <div class="clearfix"></div>
626 626
627 <!-- SetUp fuel order --> 627 <!-- SetUp fuel order -->
628 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm"> 628 <form class="modal multi-step" id="demo-modal-4" name="fuelOrderForm">
629 <div class="modal-dialog modal-lg"> 629 <div class="modal-dialog modal-lg">
630 <div class="modal-content"> 630 <div class="modal-content">
631 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 631 <div class="modal-body step-1" data-step="1" style="padding: 0;">
632 <div> 632 <div>
633 <div class="row" style="margin: 0;"> 633 <div class="row" style="margin: 0;">
634 <div> 634 <div>
635 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 635 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
636 <div class="widget-header"> 636 <div class="widget-header">
637 <i class="icon-pencil"></i> 637 <i class="icon-pencil"></i>
638 <i class="fa fa-tasks" aria-hidden="true"></i> 638 <i class="fa fa-tasks" aria-hidden="true"></i>
639 <h3>Add a Fuel Order</h3> 639 <h3>Add a Fuel Order</h3>
640 <div class="clearfix"></div> 640 <div class="clearfix"></div>
641 </div> 641 </div>
642 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 642 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
643 <div class="col-xs-12"> 643 <div class="col-xs-12">
644 <div class="col-xs-12"> 644 <div class="col-xs-12">
645 645
646 <div class="col-md-6"> 646 <div class="col-md-6">
647 <div class="pull-left" style="width: 110px;"> 647 <div class="pull-left" style="width: 110px;">
648 <label class="new-input-label"><b>Fueling Date</b></label> 648 <label class="new-input-label"><b>Fueling Date</b></label>
649 </div> 649 </div>
650 <div class="pull-left" style="width: calc(100% - 110px);"> 650 <div class="pull-left" style="width: calc(100% - 110px);">
651 <input type="type" ng-model="order.upliftDate" class="form-control" placeholder="Select Date" datepicker /> 651 <input type="type" ng-model="order.upliftDate" class="form-control" placeholder="Select Date" datepicker />
652 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>--> 652 <!--<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>-->
653 </div> 653 </div>
654 <div class="clearfix"></div> 654 <div class="clearfix"></div>
655 </div> 655 </div>
656 <div class="col-md-6"> 656 <div class="col-md-6">
657 <div class="pull-left" style="width: 110px;"> 657 <div class="pull-left" style="width: 110px;">
658 <label class="new-input-label"><b>Volume</b></label> 658 <label class="new-input-label"><b>Volume</b></label>
659 </div> 659 </div>
660 <div class="pull-left" style="width: calc(100% - 110px);"> 660 <div class="pull-left" style="width: calc(100% - 110px);">
661 <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control" placeholder=""> 661 <input type="text" ng-model="order.volume" ng-keyup="addTotal(order.volume,'v')" class="form-control" placeholder="">
662 </div> 662 </div>
663 <div class="clearfix"></div> 663 <div class="clearfix"></div>
664 </div> 664 </div>
665 </div> 665 </div>
666 <div class="clearfix"></div><br> 666 <div class="clearfix"></div><br>
667 667
668 <div class="col-xs-12"> 668 <div class="col-xs-12">
669 669
670 <div class="col-md-6"> 670 <div class="col-md-6">
671 <div class="pull-left" style="width: 110px;"> 671 <div class="pull-left" style="width: 110px;">
672 <label class="new-input-label"><b>Company</b></label> 672 <label class="new-input-label"><b>Company</b></label>
673 </div> 673 </div>
674 <div class="pull-left" style="width: calc(100% - 110px);"> 674 <div class="pull-left" style="width: calc(100% - 110px);">
675 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;"> 675 <select ui-select2 ng-model="order.companyName" ng-change="getAircraft(order.companyName)" style="width: 100%;">
676 <option value="" selected disabled>Select Company</option> 676 <option value="" selected disabled>Select Company</option>
677 <option ng-repeat="list in companyList">{{list.companyName}}</option> 677 <option ng-repeat="list in companyList">{{list.companyName}}</option>
678 </select> 678 </select>
679 </div> 679 </div>
680 <div class="clearfix"></div> 680 <div class="clearfix"></div>
681 </div> 681 </div>
682 <div class="col-md-6"> 682 <div class="col-md-6">
683 <div class="pull-left" style="width: 110px;"> 683 <div class="pull-left" style="width: 110px;">
684 <label class="new-input-label"><b>Invoiced</b></label> 684 <label class="new-input-label"><b>Invoiced</b></label>
685 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 685 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
686 </div> 686 </div>
687 <div class="pull-left" style="width: calc(100% - 110px);"> 687 <div class="pull-left" style="width: calc(100% - 110px);">
688 <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="0.0000" valid-number /> 688 <input type="text" ng-model="order.invoiced" ng-keyup="addTotal(order.invoiced,'i')" class="form-control" placeholder="0.0000" valid-number />
689 </div> 689 </div>
690 <div class="clearfix"></div> 690 <div class="clearfix"></div>
691 </div> 691 </div>
692 692
693 </div> 693 </div>
694 <div class="clearfix"></div> 694 <div class="clearfix"></div>
695 <br/> 695 <br/>
696 696
697 697
698 <div class="col-xs-12"> 698 <div class="col-xs-12">
699 699
700 700
701 <div class="col-md-6"> 701 <div class="col-md-6">
702 <div class="pull-left" style="width: 110px;"> 702 <div class="pull-left" style="width: 110px;">
703 <label class="new-input-label"><b>Tail #</b></label> 703 <label class="new-input-label"><b>Tail #</b></label>
704 </div> 704 </div>
705 <div class="pull-left" style="width: calc(100% - 110px);"> 705 <div class="pull-left" style="width: calc(100% - 110px);">
706 <select class="form-control" ng-model="order.aircraftName"> 706 <select class="form-control" ng-model="order.aircraftName">
707 <option selected disabled value="">Select Aircraft</option> 707 <option selected disabled value="">Select Aircraft</option>
708 <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option> 708 <option ng-repeat="list in aircraftList" value="{{list.tail}}">{{list.tail}}</option>
709 </select> 709 </select>
710 </div> 710 </div>
711 <div class="clearfix"></div> 711 <div class="clearfix"></div>
712 </div> 712 </div>
713 <div class="col-md-6"> 713 <div class="col-md-6">
714 <div class="pull-left" style="width: 110px;"> 714 <div class="pull-left" style="width: 110px;">
715 <label class="new-input-label"><b>Total</b></label> 715 <label class="new-input-label"><b>Total</b></label>
716 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 716 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
717 </div> 717 </div>
718 <div class="pull-left" style="width: calc(100% - 110px);"> 718 <div class="pull-left" style="width: calc(100% - 110px);">
719 <input type="text" disabled ng-model="order.total" class="form-control" placeholder="0.0000" value="{{order.volume * order.invoiced}}" valid-number /> 719 <input type="text" disabled ng-model="order.total" class="form-control" placeholder="0.0000" value="{{order.volume * order.invoiced}}" valid-number />
720 720
721 </div> 721 </div>
722 <div class="clearfix"></div> 722 <div class="clearfix"></div>
723 </div> 723 </div>
724 </div> 724 </div>
725 <div class="clearfix"></div> 725 <div class="clearfix"></div>
726 <br/> 726 <br/>
727 <div class="col-xs-12"> 727 <div class="col-xs-12">
728 728
729 729
730 <div class="col-md-6"> 730 <div class="col-md-6">
731 <div class="pull-left" style="width: 110px;"> 731 <div class="pull-left" style="width: 110px;">
732 <label class="new-input-label"><b>Source</b></label> 732 <label class="new-input-label"><b>Source</b></label>
733 </div> 733 </div>
734 <div class="pull-left" style="width: calc(100% - 110px);"> 734 <div class="pull-left" style="width: calc(100% - 110px);">
735 <select ui-select2 ng-model="order.source" style="width: 100%;"> 735 <select ui-select2 ng-model="order.source" style="width: 100%;">
736 <option value="" selected disabled>Select Source</option> 736 <option value="" selected disabled>Select Source</option>
737 <option ng-repeat="list in sourceList">{{list.source}}</option> 737 <option ng-repeat="list in sourceList">{{list.source}}</option>
738 </select> 738 </select>
739 </div> 739 </div>
740 <div class="clearfix"></div> 740 <div class="clearfix"></div>
741 </div> 741 </div>
742 <div class="col-md-6"> 742 <div class="col-md-6">
743 <div class="pull-left" style="width: 110px;"> 743 <div class="pull-left" style="width: 110px;">
744 <label class="new-input-label"><b>Price Quote</b></label> 744 <label class="new-input-label"><b>Price Quote</b></label>
745 </div> 745 </div>
746 <div class="pull-left" style="width: calc(100% - 110px);"> 746 <div class="pull-left" style="width: calc(100% - 110px);">
747 <select ui-select2 style="width: 100%;" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" class="price-quote-select"> 747 <select ui-select2 style="width: 100%;" ng-model="order.priceQuote" ng-change="setCost(order.priceQuote)" class="price-quote-select">
748 <option value="" selected disabled>Select Price Quote</option> 748 <option value="" selected disabled>Select Price Quote</option>
749 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option> 749 <option ng-repeat="margin in marginList" value="{{margin}}">${{margin.papTotal | number : 4}} {{margin.productName}}</option>
750 </select> 750 </select>
751 </div> 751 </div>
752 <div class="clearfix"></div> 752 <div class="clearfix"></div>
753 </div> 753 </div>
754 754
755 </div> 755 </div>
756 <div class="clearfix"></div> 756 <div class="clearfix"></div>
757 <br/> 757 <br/>
758 <div class="col-xs-12"> 758 <div class="col-xs-12">
759 759
760 760
761 <div class="col-md-6"> 761 <div class="col-md-6">
762 <div class="pull-left" style="width: 110px;"> 762 <div class="pull-left" style="width: 110px;">
763 <label class="new-input-label"><b>Status</b></label> 763 <label class="new-input-label"><b>Status</b></label>
764 </div> 764 </div>
765 <div class="pull-left" style="width: calc(100% - 110px);"> 765 <div class="pull-left" style="width: calc(100% - 110px);">
766 <select ui-select2 ng-model="order.status" style="width: 100%;"> 766 <select ui-select2 ng-model="order.status" style="width: 100%;">
767 <option value="" selected disabled>Select Status</option> 767 <option value="" selected disabled>Select Status</option>
768 <option>pending</option> 768 <option>pending</option>
769 <option>Invoiced</option> 769 <option>Invoiced</option>
770 <option>Paid</option> 770 <option>Paid</option>
771 <option>Cancelled</option> 771 <option>Cancelled</option>
772 <option>Archived</option> 772 <option>Archived</option>
773 </select> 773 </select>
774 </div> 774 </div>
775 <div class="clearfix"></div> 775 <div class="clearfix"></div>
776 </div> 776 </div>
777 <div class="col-md-6"> 777 <div class="col-md-6">
778 <div class="pull-left" style="width: 110px;"> 778 <div class="pull-left" style="width: 110px;">
779 <label class="new-input-label"><b>FBO Cost</b></label> 779 <label class="new-input-label"><b>FBO Cost</b></label>
780 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span> 780 <span style="margin-top: 6px; margin-right: 3px; float: right;">$</span>
781 </div> 781 </div>
782 <div class="pull-left" style="width: calc(100% - 110px);"> 782 <div class="pull-left" style="width: calc(100% - 110px);">
783 <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number /> 783 <input type="text" disabled ng-model="order.fboCost" class="form-control" placeholder="0.0000" valid-number />
784 </div> 784 </div>
785 <div class="clearfix"></div> 785 <div class="clearfix"></div>
786 </div> 786 </div>
787 </div> 787 </div>
788 <div class="clearfix"></div> 788 <div class="clearfix"></div>
789 <br/> 789 <br/>
790 <div class="col-xs-12"> 790 <div class="col-xs-12">
791 791
792 792
793 </div> 793 </div>
794 <div class="clearfix"></div> 794 <div class="clearfix"></div>
795 <br/> 795 <br/>
796 <div class="col-xs-12"> 796 <div class="col-xs-12">
797 797
798 </div> 798 </div>
799 <div class="clearfix"></div> 799 <div class="clearfix"></div>
800 800
801 </div> 801 </div>
802 </div> 802 </div>
803 <div class="clearfix"></div> 803 <div class="clearfix"></div>
804 </div> 804 </div>
805 </div> 805 </div>
806 </div> 806 </div>
807 </div> 807 </div>
808 808
809 <div class="modal-footer" style="border-top: 0;"> 809 <div class="modal-footer" style="border-top: 0;">
810 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button> 810 <button type="button" class="btn btn-default" ng-click="cancelData()" data-dismiss="modal">Cancel</button>
811 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFuelData()">Save</button> 811 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFuelData()">Save</button>
812 </div> 812 </div>
813 </div> 813 </div>
814 </div> 814 </div>
815 </div> 815 </div>
816 </form> 816 </form>
817 <div class="clearfix"></div> 817 <div class="clearfix"></div>
818 818
819 819
820 820
821 821
822 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm"> 822 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm">
823 <div class="modal-dialog modal-lg"> 823 <div class="modal-dialog modal-lg">
824 <div class="modal-content"> 824 <div class="modal-content">
825 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 825 <div class="modal-body step-2" data-step="2" style="padding: 0;">
826 <div> 826 <div>
827 <div class="row" style="margin: 0;"> 827 <div class="row" style="margin: 0;">
828 <div> 828 <div>
829 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 829 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
830 <div class="widget-header"> 830 <div class="widget-header">
831 <i class="icon-pencil"></i> 831 <i class="icon-pencil"></i>
832 <i class="fa fa-tasks" aria-hidden="true"></i> 832 <i class="fa fa-tasks" aria-hidden="true"></i>
833 <h3>Add a New Aircraft</h3> 833 <h3>Add a New Aircraft</h3>
834 <div class="clearfix"></div> 834 <div class="clearfix"></div>
835 </div> 835 </div>
836 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 836 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
837 <div class="col-xs-12"> 837 <div class="col-xs-12">
838 <div class="widget-header"> 838 <div class="widget-header">
839 <i class="fa fa-list"></i> 839 <i class="fa fa-list"></i>
840 <h3>Aircraft List </h3> 840 <h3>Aircraft List </h3>
841 </div> 841 </div>
842 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;"> 842 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;">
843 <div class="table-responsive"> 843 <div class="table-responsive">
844 <table class="table table-striped table-bordered"> 844 <table class="table table-striped table-bordered">
845 <thead> 845 <thead>
846 <tr> 846 <tr>
847 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 847 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
848 <th>Tail</th> 848 <th>Tail</th>
849 <th>Make</th> 849 <th>Make</th>
850 <th>Model</th> 850 <th>Model</th>
851 <th>Size</th> 851 <th>Size</th>
852 <th>JET A Margin</th> 852 <th>JET A Margin</th>
853 <th>AVGS 100LL Margin</th> 853 <th>AVGS 100LL Margin</th>
854 </tr> 854 </tr>
855 </thead> 855 </thead>
856 <tbody> 856 <tbody>
857 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 857 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
858 <!-- <td> 858 <!-- <td>
859 <input type="checkbox" ng-model="aircraftData.selected"/> 859 <input type="checkbox" ng-model="aircraftData.selected"/>
860 </td> --> 860 </td> -->
861 <!-- <td style="width: 15%"> 861 <!-- <td style="width: 15%">
862 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> 862 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/>
863 </td> --> 863 </td> -->
864 <td style="width: 15%"> 864 <td style="width: 15%">
865 <input type="tel" class="form-control" ng-model="aircraftData.tail" required/> 865 <input type="tel" class="form-control" ng-model="aircraftData.tail" required/>
866 </td> 866 </td>
867 <td style="width: 17%"> 867 <td style="width: 17%">
868 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index) "> 868 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index) ">
869 <option value="" disabled>Select</option> 869 <option value="" disabled>Select</option>
870 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option> 870 <option ng-repeat="make in aircraftMakeList | orderBy">{{make}}</option>
871 </select> 871 </select>
872 </td> 872 </td>
873 <td style="width: 17%"> 873 <td style="width: 17%">
874 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 874 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
875 <option value="" disabled>Select</option> 875 <option value="" disabled>Select</option>
876 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option> 876 <option ng-repeat="model in aircraftData.aircraftModalList | orderBy">{{model}}</option>
877 </select> 877 </select>
878 </td> 878 </td>
879 <td style="width: 17%"> 879 <td style="width: 17%">
880 <select class="form-control" ng-model="aircraftData.sizeId"> 880 <select class="form-control" ng-model="aircraftData.sizeId">
881 <option value="" disabled>Select</option> 881 <option value="" disabled>Select</option>
882 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> 882 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option>
883 </select> 883 </select>
884 884
885 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> --> 885 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> -->
886 886
887 </td> 887 </td>
888 <td style="width: 17%"> 888 <td style="width: 17%">
889 889
890 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> 890 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]">
891 <option value="" disabled>Select</option> 891 <option value="" disabled>Select</option>
892 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 892 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
893 </select> 893 </select>
894 894
895 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList" ng-disabled="jetShow[$index]"> 895 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList" ng-disabled="jetShow[$index]">
896 896
897 <option value="" disabled>Select...</option> 897 <option value="" disabled>Select...</option>
898 </select> --> 898 </select> -->
899 899
900 </td> 900 </td>
901 <td style="width: 17%"> 901 <td style="width: 17%">
902 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> 902 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]">
903 <option value="" disabled>Select</option> 903 <option value="" disabled>Select</option>
904 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> 904 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option>
905 </select> 905 </select>
906 906
907 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList" ng-disabled="marginShow[$index]"> 907 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList" ng-disabled="marginShow[$index]">
908 <option value="" disabled>Select...</option> 908 <option value="" disabled>Select...</option>
909 </select> --> 909 </select> -->
910 </td> 910 </td>
911 </tr> 911 </tr>
912 </tbody> 912 </tbody>
913 </table> 913 </table>
914 </div> 914 </div>
915 <div class="clearfix"></div> 915 <div class="clearfix"></div>
916 </div> 916 </div>
917 </div> 917 </div>
918 <div class="clearfix"></div> 918 <div class="clearfix"></div>
919 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 919 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
920 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft </button> 920 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft </button>
921 </div> 921 </div>
922 </div> 922 </div>
923 </div> 923 </div>
924 <div class="clearfix"></div> 924 <div class="clearfix"></div>
925 </div> 925 </div>
926 </div> 926 </div>
927 </div> 927 </div>
928 </div> 928 </div>
929 <div class="modal-footer" style="border-top: 0;"> 929 <div class="modal-footer" style="border-top: 0;">
930 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 930 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
931 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button> 931 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button>
932 </div> 932 </div>
933 </div> 933 </div>
934 </div> 934 </div>
935 </form> 935 </form>
936 <div class="customConfirmPopBackdrop" id="fuelerchange" > 936 <div class="customConfirmPopBackdrop" id="fuelerchange" >
937 <div class="customModalInner" style="max-width: 550px;"> 937 <div class="customModalInner" style="max-width: 550px;">
938 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 938 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
939 <table> 939 <table>
940 <tr> 940 <tr>
941 <td> 941 <td>
942 <img src="img/info.png" style="width: 50px;"> 942 <img src="img/info.png" style="width: 50px;">
943 </td> 943 </td>
944 <td> 944 <td>
945 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 945 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
946 </td> 946 </td>
947 </tr> 947 </tr>
948 </table> 948 </table>
949 </div> 949 </div>
950 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 950 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
951 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerAcceptStatus()">Accept</button> 951 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerAcceptStatus()">Accept</button>
952 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerCancelStatus()">Cancel</button> 952 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerCancelStatus()">Cancel</button>
953 </div> 953 </div>
954 </div> 954 </div>
955 </div> 955 </div>
956 <div class="customConfirmPopBackdrop" id="confirm1"> 956 <div class="customConfirmPopBackdrop" id="confirm1">
957 <div class="customModalInner" style="max-width: 400px;"> 957 <div class="customModalInner" style="max-width: 400px;">
958 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 958 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
959 <table> 959 <table>
960 <tr> 960 <tr>
961 <td> 961 <td>
962 <img src="img/info.png" style="width: 50px;"> 962 <img src="img/info.png" style="width: 50px;">
963 </td> 963 </td>
964 <td> 964 <td>
965 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 965 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
966 </td> 966 </td>
967 </tr> 967 </tr>
968 </table> 968 </table>
969 </div> 969 </div>
970 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 970 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
971 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 971 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
972 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 972 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
973 </div> 973 </div>
974 </div> 974 </div>
975 </div> 975 </div>
976 <div class="customConfirmPopBackdrop" id="primaryContact"> 976 <div class="customConfirmPopBackdrop" id="primaryContact">
977 <div class="customModalInner" style="max-width: 400px;"> 977 <div class="customModalInner" style="max-width: 400px;">
978 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 978 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
979 <table> 979 <table>
980 <tr> 980 <tr>
981 <td> 981 <td>
982 <img src="img/info.png" style="width: 50px;"> 982 <img src="img/info.png" style="width: 50px;">
983 </td> 983 </td>
984 <td> 984 <td>
985 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 985 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
986 </td> 986 </td>
987 </tr> 987 </tr>
988 </table> 988 </table>
989 </div> 989 </div>
990 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 990 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
991 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button> 991 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button>
992 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 992 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
993 </div> 993 </div>
994 </div> 994 </div>
995 </div> 995 </div>
996 <div class="customConfirmPopBackdrop" id="customField"> 996 <div class="customConfirmPopBackdrop" id="customField">
997 <div class="customModalInner" style="max-width: 400px;"> 997 <div class="customModalInner" style="max-width: 400px;">
998 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 998 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
999 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 999 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
1000 <div class="col-md-10"> 1000 <div class="col-md-10">
1001 <form> 1001 <form>
1002 Title:<br> 1002 Title:<br>
1003 <input type="text" name="firstname" ng-model="custom.title"><br> 1003 <input type="text" name="firstname" ng-model="custom.title"><br>
1004 Content:<br> 1004 Content:<br>
1005 <input type="text" name="lastname" ng-model="custom.content"> 1005 <input type="text" name="lastname" ng-model="custom.content">
1006 </form> 1006 </form>
1007 </div> 1007 </div>
1008 <div class="clearfix"></div> 1008 <div class="clearfix"></div>
1009 </div> 1009 </div>
1010 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1010 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1011 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button> 1011 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button>
1012 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 1012 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
1013 </div> 1013 </div>
1014 </div> 1014 </div>
1015 </div> 1015 </div>
1016 <div class="customConfirmPopBackdrop" id="updateContact"> 1016 <div class="customConfirmPopBackdrop" id="updateContact">
1017 <div class="customModalInner" style="max-width: 400px;"> 1017 <div class="customModalInner" style="max-width: 400px;">
1018 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1018 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1019 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 1019 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
1020 <div class="col-md-10"> 1020 <div class="col-md-10">
1021 <form> 1021 <form>
1022 Title:<br> 1022 Title:<br>
1023 <input type="text" name="firstname" ng-model="updateData.title"><br> 1023 <input type="text" name="firstname" ng-model="updateData.title"><br>
1024 Content:<br> 1024 Content:<br>
1025 <input type="text" name="lastname" ng-model="updateData.content"> 1025 <input type="text" name="lastname" ng-model="updateData.content">
1026 </form> 1026 </form>
1027 </div> 1027 </div>
1028 <div class="clearfix"></div> 1028 <div class="clearfix"></div>
1029 </div> 1029 </div>
1030 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1030 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1031 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button> 1031 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button>
1032 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 1032 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
1033 </div> 1033 </div>
1034 </div> 1034 </div>
1035 </div> 1035 </div>
1036 <div class="customConfirmPopBackdrop" id="delete1"> 1036 <div class="customConfirmPopBackdrop" id="delete1">
1037 <div class="customModalInner" style="max-width: 400px;"> 1037 <div class="customModalInner" style="max-width: 400px;">
1038 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1038 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1039 <table> 1039 <table>
1040 <tr> 1040 <tr>
1041 <td> 1041 <td>
1042 <img src="img/info.png" style="width: 50px;"> 1042 <img src="img/info.png" style="width: 50px;">
1043 </td> 1043 </td>
1044 <td> 1044 <td>
1045 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Aircraft?</p> 1045 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Aircraft?</p>
1046 </td> 1046 </td>
1047 </tr> 1047 </tr>
1048 </table> 1048 </table>
1049 </div> 1049 </div>
1050 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1050 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1051 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="aircraftDelete()">Accept</button> 1051 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="aircraftDelete()">Accept</button>
1052 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 1052 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
1053 </div> 1053 </div>
1054 </div> 1054 </div>
1055 </div> 1055 </div>
1056 <div class="customConfirmPopBackdrop" id="delete2"> 1056 <div class="customConfirmPopBackdrop" id="delete2">
1057 <div class="customModalInner" style="max-width: 400px;"> 1057 <div class="customModalInner" style="max-width: 400px;">
1058 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1058 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1059 <table> 1059 <table>
1060 <tr> 1060 <tr>
1061 <td> 1061 <td>
1062 <img src="img/info.png" style="width: 50px;"> 1062 <img src="img/info.png" style="width: 50px;">
1063 </td> 1063 </td>
1064 <td> 1064 <td>
1065 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Company & its related data?</p> 1065 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Company & its related data?</p>
1066 </td> 1066 </td>
1067 </tr> 1067 </tr>
1068 </table> 1068 </table>
1069 </div> 1069 </div>
1070 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1070 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1071 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteCompanyData()">Accept</button> 1071 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteCompanyData()">Accept</button>
1072 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 1072 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
1073 </div> 1073 </div>
1074 </div> 1074 </div>
1075 </div> 1075 </div>
1076 1076
1077 <div class="customConfirmPopBackdrop" id="delete3"> 1077 <div class="customConfirmPopBackdrop" id="delete3">
1078 <div class="customModalInner" style="max-width: 400px;"> 1078 <div class="customModalInner" style="max-width: 400px;">
1079 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1079 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1080 <table> 1080 <table>
1081 <tr> 1081 <tr>
1082 <td> 1082 <td>
1083 <img src="img/info.png" style="width: 50px;"> 1083 <img src="img/info.png" style="width: 50px;">
1084 </td> 1084 </td>
1085 <td> 1085 <td>
1086 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 1086 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
1087 </td> 1087 </td>
1088 </tr> 1088 </tr>
1089 </table> 1089 </table>
1090 </div> 1090 </div>
1091 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1091 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1092 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button> 1092 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button>
1093 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button> 1093 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button>
1094 </div> 1094 </div>
1095 </div> 1095 </div>
1096 </div> 1096 </div>
1097 <div class="customConfirmPopBackdrop" id="toogleMail"> 1097 <div class="customConfirmPopBackdrop" id="toogleMail">
1098 <div class="customModalInner" style="max-width: 400px;"> 1098 <div class="customModalInner" style="max-width: 400px;">
1099 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 1099 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
1100 <table> 1100 <table>
1101 <tr> 1101 <tr>
1102 <!-- <td> 1102 <!-- <td>
1103 <img src="" style="width: 50px;"> 1103 <img src="" style="width: 50px;">
1104 </td> --> 1104 </td> -->
1105 <td> 1105 <td>
1106 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 1106 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
1107 </td> 1107 </td>
1108 </tr> 1108 </tr>
1109 </table> 1109 </table>
1110 </div> 1110 </div>
1111 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 1111 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
1112 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Ok</button> 1112 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Ok</button>
1113 </div> 1113 </div>
1114 </div> 1114 </div>
1115 </div> 1115 </div>
1116 <div class="myLoader" ng-show="showLoader"> 1116 <div class="myLoader" ng-show="showLoader">
1117 <img src="../img/hourglass.gif" width="50px;"> 1117 <img src="../img/hourglass.gif" width="50px;">
1118 </div> 1118 </div>
1119 1119
1120 <!-- Le javascript 1120 <!-- Le javascript
1121 ================================================== --> 1121 ================================================== -->
1122 <!-- Placed at the end of the document so the pages load faster --> 1122 <!-- Placed at the end of the document so the pages load faster -->
1123 <!-- <script 1123 <!-- <script
1124 CKEDITOR.replace( 'editor2', { 1124 CKEDITOR.replace( 'editor2', {
1125 height: 250, 1125 height: 250,
1126 extraPlugins: 'divarea' 1126 extraPlugins: 'divarea'
1127 } ); 1127 } );
1128 </script> --> 1128 </script> -->
1129 1129
app/partials/viewFuelVendor/viewFuelVendor.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 .widget-content{ 5 .widget-content{
6 padding: 10px !important; 6 padding: 10px !important;
7 } 7 }
8 .widget-content input[type="text"], .widget-content select{ 8 .widget-content input[type="text"], .widget-content select{
9 height: 31px; 9 height: 31px;
10 padding: 0; 10 padding: 0;
11 } 11 }
12 .new-label span{ 12 .new-label span{
13 float: left; 13 float: left;
14 line-height: 31px; 14 line-height: 31px;
15 } 15 }
16 .new-label span:first-child{ 16 .new-label span:first-child{
17 margin-right: 5px; 17 margin-right: 5px;
18 font-weight: bold; 18 font-weight: bold;
19 } 19 }
20 .new-label span:last-child{ 20 .new-label span:last-child{
21 margin-left: 5px; 21 margin-left: 5px;
22 } 22 }
23 .new-label select{ 23 .new-label select{
24 display: -webkit-inline-box; 24 display: -webkit-inline-box;
25 display: inline-box; 25 display: inline-box;
26 float: left; 26 float: left;
27 } 27 }
28 .new-address p{ 28 .new-address p{
29 margin-bottom: 0; 29 margin-bottom: 0;
30 } 30 }
31 .new-add-select{ 31 .new-add-select{
32 padding-left: 15px; 32 padding-left: 15px;
33 margin: 10px 0; 33 margin: 10px 0;
34 } 34 }
35 .new-add-select select{ 35 .new-add-select select{
36 width: 100px; 36 width: 100px;
37 } 37 }
38 .widget{ 38 .widget{
39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
42 } 42 }
43 .optionclass { 43 .optionclass {
44 background: #fff; 44 background: #fff;
45 } 45 }
46 .timess { 46 .timess {
47 float: right !important; 47 float: right !important;
48 margin-top: 10px !important; 48 margin-top: 10px !important;
49 margin-right: 10px !important; 49 margin-right: 10px !important;
50 color: #999 !important; 50 color: #999 !important;
51 cursor: pointer !important; 51 cursor: pointer !important;
52 } 52 }
53 53
54 .button1 { 54 .button1 {
55 display: inline-block; 55 display: inline-block;
56 height: 35px; 56 height: 35px;
57 line-height: 35px; 57 line-height: 35px;
58 padding-right: 15px; 58 padding-right: 15px;
59 padding-left: 50px; 59 padding-left: 50px;
60 position: relative; 60 position: relative;
61 background-color:rgb(41,127,184); 61 background-color:rgb(41,127,184);
62 color:rgb(255,255,255); 62 color:rgb(255,255,255);
63 text-decoration: none; 63 text-decoration: none;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 letter-spacing: 1px; 65 letter-spacing: 1px;
66 margin-bottom: 15px; 66 margin-bottom: 15px;
67 border: 0; 67 border: 0;
68 68
69 69
70 border-radius: 5px; 70 border-radius: 5px;
71 -moz-border-radius: 5px; 71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px; 72 -webkit-border-radius: 5px;
73 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 73 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
76 76
77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
79 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 79 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
82 } 82 }
83 83
84 .button1 span { 84 .button1 span {
85 position: absolute; 85 position: absolute;
86 left: 0; 86 left: 0;
87 top: 0; 87 top: 0;
88 width: 35px; 88 width: 35px;
89 background-color:rgba(0,0,0,0.5); 89 background-color:rgba(0,0,0,0.5);
90 90
91 -webkit-border-top-left-radius: 5px; 91 -webkit-border-top-left-radius: 5px;
92 -webkit-border-bottom-left-radius: 5px; 92 -webkit-border-bottom-left-radius: 5px;
93 -moz-border-radius-topleft: 5px; 93 -moz-border-radius-topleft: 5px;
94 -moz-border-radius-bottomleft: 5px; 94 -moz-border-radius-bottomleft: 5px;
95 border-top-left-radius: 5px; 95 border-top-left-radius: 5px;
96 border-bottom-left-radius: 5px; 96 border-bottom-left-radius: 5px;
97 border-right: 1px solid rgba(0,0,0,0.15); 97 border-right: 1px solid rgba(0,0,0,0.15);
98 } 98 }
99 99
100 .button1:hover span, .button1.active span { 100 .button1:hover span, .button1.active span {
101 background-color:rgb(0,102,26); 101 background-color:rgb(0,102,26);
102 border-right: 1px solid rgba(0,0,0,0.3); 102 border-right: 1px solid rgba(0,0,0,0.3);
103 } 103 }
104 104
105 .button1:active { 105 .button1:active {
106 margin-top: 2px; 106 margin-top: 2px;
107 margin-bottom: 13px; 107 margin-bottom: 13px;
108 108
109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
111 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 111 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
114 } 114 }
115 115
116 .button1.turquoise { 116 .button1.turquoise {
117 background: #449d44; 117 background: #449d44;
118 } 118 }
119 119
120 </style> 120 </style>
121 <div class="myLoader" ng-show="showLoader"> 121 <div class="myLoader" ng-show="showLoader">
122 <img src="../img/hourglass.gif" width="50px;"> 122 <img src="../img/hourglass.gif" width="50px;">
123 </div> 123 </div>
124 124
125 <!--Delete model--> 125 <!--Delete model-->
126 <div class="customConfirmPopBackdrop" id="delete2"> 126 <div class="customConfirmPopBackdrop" id="delete2">
127 <div class="customModalInner" style="max-width: 400px;"> 127 <div class="customModalInner" style="max-width: 400px;">
128 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 128 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
129 <table> 129 <table>
130 <tr> 130 <tr>
131 <td> 131 <td>
132 <img src="img/info.png" style="width: 50px;"> 132 <img src="img/info.png" style="width: 50px;">
133 </td> 133 </td>
134 <td> 134 <td>
135 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Fuel Vendor & its related data?</p> 135 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Fuel Vendor & its related data?</p>
136 </td> 136 </td>
137 </tr> 137 </tr>
138 </table> 138 </table>
139 </div> 139 </div>
140 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 140 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
141 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteVendorData()">Accept</button> 141 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="deleteVendorData()">Accept</button>
142 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 142 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
143 </div> 143 </div>
144 </div> 144 </div>
145 </div> 145 </div>
146 146
147 147
148 148
149 <div class="col-xs-12 col-md-12"> 149 <div class="col-xs-12 col-md-12">
150 <div class="row" style="margin-left:0px"> 150 <div class="row" style="margin-left:0px">
151 <div class="col-md-12"> 151 <div class="col-md-12">
152 <div class="widget"> 152 <div class="widget">
153 <div class="widget-header"> 153 <div class="widget-header">
154 <i class="fa fa-building-o" aria-hidden="true"></i> 154 <i class="fa fa-building-o" aria-hidden="true"></i>
155 <h3>{{vendorData.vendorName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVendor(vendorData.id)" aria-hidden="true"></i></h3> 155 <h3>{{vendorData.vendorName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVendor(vendorData.id)" aria-hidden="true"></i></h3>
156 <i class="fa fa-times timess" ui-sref="app.FuelVendors" aria-hidden="true"></i> 156 <i class="fa fa-times timess" ui-sref="app.FuelVendors" aria-hidden="true"></i>
157 </div> 157 </div>
158 <!-- /widget-header --> 158 <!-- /widget-header -->
159 <div class="widget-content"> 159 <div class="widget-content">
160 <div class="row" style="margin-left:0px"> 160 <div class="row" style="margin-left:0px">
161 <div class="col-md-6"> 161 <div class="col-md-6">
162 <div class="widget"> 162 <div class="widget">
163 <div class="widget-header"> 163 <div class="widget-header">
164 <i class="fa fa-building-o" aria-hidden="true"></i> 164 <i class="fa fa-building-o" aria-hidden="true"></i>
165 <h3>Vendor Details</h3> 165 <h3>Vendor Details</h3>
166 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 166 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
167 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle> 167 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
168 </div> 168 </div>
169 </div> 169 </div>
170 <div class="widget-content"> 170 <div class="widget-content">
171 <div class="row" style="margin-left:0px;"> 171 <div class="row" style="margin-left:0px;">
172 <div class="col-md-7" style="padding-left: 0;"> 172 <div class="col-md-7" style="padding-left: 0;">
173 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'"> 173 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'">
174 <b style="color:#F90;">{{vendorData.vendorName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 174 <b style="color:#F90;">{{vendorData.vendorName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
175 </h4> 175 </h4>
176 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control"> 176 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control">
177 </div> 177 </div>
178 </div> 178 </div>
179 <div> 179 <div>
180 <p class="new-label"> 180 <p class="new-label">
181 <span>Master Margin Setting </span> 181 <span>Master Margin Setting </span>
182 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="vendorData.masterMargin"> 182 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="vendorData.masterMargin">
183 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 183 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
184 </select> 184 </select>
185 <span>&nbsp;${{vendorData.margin.marginValue}}</span> 185 <span>&nbsp;${{vendorData.margin.marginValue}}</span>
186 <div class="clearfix"></div> 186 <div class="clearfix"></div>
187 </p> 187 </p>
188 </div> 188 </div>
189 189
190 </br> 190 </br>
191 <div class="new-address"> 191 <div class="new-address">
192 192
193 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{vendorData.addressOne}} {{vendorData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p> 193 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{vendorData.addressOne}} {{vendorData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p>
194 194
195 <div ng-hide="showAddress"> 195 <div ng-hide="showAddress">
196 <label>Address1</label> 196 <label>Address1</label>
197 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" /> 197 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" />
198 <label>Address2</label> 198 <label>Address2</label>
199 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" /> 199 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" />
200 </div> 200 </div>
201 201
202 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.contactNumber != null"> 202 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.contactNumber != null">
203 <i class="fa fa-phone" ng-hide="showEditContact"></i> 203 <i class="fa fa-phone" ng-hide="showEditContact"></i>
204 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 204 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
205 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 205 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
206 206
207 </p> 207 </p>
208 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.email != null"> 208 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.email != null">
209 <i class="fa fa-envelope" ng-hide="showEditEmail"></i> 209 <i class="fa fa-envelope" ng-hide="showEditEmail"></i>
210 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span> 210 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span>
211 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i> 211 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i>
212 212
213 </p> 213 </p>
214 </div> 214 </div>
215 <div class="new-add-select"> 215 <div class="new-add-select">
216 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;"> 216 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;">
217 <option value="" disabled selected>Add Field</option> 217 <option value="" disabled selected>Add Field</option>
218 <option value="phone" class="optionclass">Add Phone</option> 218 <option value="phone" class="optionclass">Add Phone</option>
219 <option value="email" class="optionclass">Add Email</option> 219 <option value="email" class="optionclass">Add Email</option>
220 </select> 220 </select>
221 </div> 221 </div>
222 <div> 222 <div>
223 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 223 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
224 <p ng-show="showNoteData">{{vendorData.internalNote}}</p> 224 <p ng-show="showNoteData">{{vendorData.internalNote}}</p>
225 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" rows="4" cols="34"></textarea> 225 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" rows="4" cols="34"></textarea>
226 </div> 226 </div>
227 <div class="pull-left"> 227 <div class="pull-left">
228 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 228 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
229 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 229 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
230 </div> 230 </div>
231 <div class="pull-right"> 231 <div class="pull-right">
232 <button type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Vendor Contacts</button> 232 <button ng-show="isShowEmail" type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Vendor Contacts</button>
233 </div> 233 </div>
234 <div class="clearfix"></div> 234 <div class="clearfix"></div>
235 </div> 235 </div>
236 </div> 236 </div>
237 </div> 237 </div>
238 <div class="col-md-6"> 238 <div class="col-md-6">
239 <div class="widget"> 239 <div class="widget">
240 <div class="widget-header"> 240 <div class="widget-header">
241 <i class="fa fa-pencil"></i> 241 <i class="fa fa-pencil"></i>
242 <h3>Price Manager Reference </h3> 242 <h3>Price Manager Reference </h3>
243 </div> 243 </div>
244 <div class="widget-content"> 244 <div class="widget-content">
245 <div class="table-responsive"> 245 <div class="table-responsive">
246 <table class="table table-hover table-striped strikeTable"> 246 <table class="table table-hover table-striped strikeTable">
247 <!-- <table class="table table-hover table-striped"> --> 247 <!-- <table class="table table-hover table-striped"> -->
248 <thead> 248 <thead>
249 <tr> 249 <tr>
250 <th>Omit</th> 250 <th>Omit</th>
251 <th>Product</th> 251 <th>Product</th>
252 <th>Cost</th> 252 <th>Cost</th>
253 <th>PAP (Margin)</th> 253 <th>PAP (Margin)</th>
254 <th>PAP (Total)</th> 254 <th>PAP (Total)</th>
255 <th style="color:#F90">Expires</th> 255 <th style="color:#F90">Expires</th>
256 </tr> 256 </tr>
257 </thead> 257 </thead>
258 <tbody> 258 <tbody>
259 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''"> 259 <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }" ng-class="fuel.fuelPricing.omit ? 'strikeout' : ''">
260 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> --> 260 <!-- <tr ng-repeat="fuel in fuelPricing | orderBy:'name' : 'reverse' | filter:{ status: true }"> -->
261 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td> 261 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td>
262 <td>{{fuel.name}}</td> 262 <td>{{fuel.name}}</td>
263 <td>${{fuel.fuelPricing.cost}}</td> 263 <td>${{fuel.fuelPricing.cost}}</td>
264 <td>${{fuel.fuelPricing.papMargin}}</td> 264 <td>${{fuel.fuelPricing.papMargin}}</td>
265 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number : 4 }}</td> 265 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal | number : 4 }}</td>
266 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td> 266 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td>
267 </tr> 267 </tr>
268 </tbody> 268 </tbody>
269 </table> 269 </table>
270 </div> 270 </div>
271 </div> 271 </div>
272 </div> 272 </div>
273 </div> 273 </div>
274 </div> 274 </div>
275 <div class="row" style="margin-left:0px"> 275 <div class="row" style="margin-left:0px">
276 <div class="col-md-6"> 276 <div class="col-md-6">
277 <div class="widget"> 277 <div class="widget">
278 <div class="widget-header"> 278 <div class="widget-header">
279 <i class="fa fa-user"></i> 279 <i class="fa fa-user"></i>
280 <h3>Contact List</h3> 280 <h3>Contact List</h3>
281 <div class="pull-right"> 281 <div class="pull-right">
282 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button> 282 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button>
283 </div> 283 </div>
284 </div> 284 </div>
285 <div class="widget-content" style="padding:0px"> 285 <div class="widget-content" style="padding:0px">
286 <div class="table-responsive"> 286 <div class="table-responsive">
287 <table class="table table-bordered table-hover table-striped"> 287 <table class="table table-bordered table-hover table-striped">
288 <thead> 288 <thead>
289 <tr> 289 <tr>
290 <th>Price Email</th> 290 <th>Price Email</th>
291 <th>First Name</th> 291 <th>First Name</th>
292 <th>Last Name</th> 292 <th>Last Name</th>
293 <th>Title</th> 293 <th>Title</th>
294 </tr> 294 </tr>
295 </thead> 295 </thead>
296 <tbody> 296 <tbody>
297 <tr ng-repeat="contact in vendorContactList" style="cursor: pointer;" ui-sref="app.viewVendorContact({id : contact.id})"> 297 <tr ng-repeat="contact in vendorContactList" style="cursor: pointer;" ui-sref="app.viewVendorContact({id : contact.id})">
298 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td> 298 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td>
299 <td>{{contact.firstName}}</td> 299 <td>{{contact.firstName}}</td>
300 <td>{{contact.lastName}}</td> 300 <td>{{contact.lastName}}</td>
301 <td>{{contact.title}}</td> 301 <td>{{contact.title}}</td>
302 </tr> 302 </tr>
303 </tbody> 303 </tbody>
304 </table> 304 </table>
305 </div> 305 </div>
306 </div> 306 </div>
307 </div> 307 </div>
308 </div> 308 </div>
309 309
310 </div> 310 </div>
311 </div> 311 </div>
312 <!-- /widget-content --> 312 <!-- /widget-content -->
313 </div> 313 </div>
314 <!-- /widget --> 314 <!-- /widget -->
315 </div> 315 </div>
316 <!-- /span6 --> 316 <!-- /span6 -->
317 </div> 317 </div>
318 <!-- /widget --> 318 <!-- /widget -->
319 </div> 319 </div>
320 <!-- /container --> 320 <!-- /container -->
321 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 321 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
322 <div class="modal-dialog modal-lg"> 322 <div class="modal-dialog modal-lg">
323 <div class="modal-content"> 323 <div class="modal-content">
324 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 324 <div class="modal-body step-1" data-step="1" style="padding: 0;">
325 <div> 325 <div>
326 <div class="row" style="margin: 0;"> 326 <div class="row" style="margin: 0;">
327 <div> 327 <div>
328 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 328 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
329 <div class="widget-header"> 329 <div class="widget-header">
330 <i class="icon-pencil"></i> 330 <i class="icon-pencil"></i>
331 <i class="fa fa-tasks" aria-hidden="true"></i> 331 <i class="fa fa-tasks" aria-hidden="true"></i>
332 <h3>Add a New Contact</h3> 332 <h3>Add a New Contact</h3>
333 <div class="clearfix"></div> 333 <div class="clearfix"></div>
334 </div> 334 </div>
335 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 335 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
336 <div class="col-xs-12"> 336 <div class="col-xs-12">
337 <div class="col-md-6"> 337 <div class="col-md-6">
338 <div class="pull-left" style="width: 110px;"> 338 <div class="pull-left" style="width: 110px;">
339 <label class="new-input-label"><b>First Name</b></label> 339 <label class="new-input-label"><b>First Name</b></label>
340 </div> 340 </div>
341 <div class="pull-left" style="margin-left: 15px;"> 341 <div class="pull-left" style="margin-left: 15px;">
342 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 342 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
343 </div> 343 </div>
344 <div class="clearfix"></div> 344 <div class="clearfix"></div>
345 </div> 345 </div>
346 <div class="col-md-6"> 346 <div class="col-md-6">
347 347
348 <div class="pull-left" style="width: 110px;"> 348 <div class="pull-left" style="width: 110px;">
349 <label class="new-input-label"><b>Last Name</b></label> 349 <label class="new-input-label"><b>Last Name</b></label>
350 </div> 350 </div>
351 <div class="pull-left" style="margin-left: 15px;"> 351 <div class="pull-left" style="margin-left: 15px;">
352 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 352 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
353 </div> 353 </div>
354 <div class="clearfix"></div> 354 <div class="clearfix"></div>
355 </div> 355 </div>
356 </div> 356 </div>
357 <div class="clearfix"></div><br> 357 <div class="clearfix"></div><br>
358 <div class="col-xs-12"> 358 <div class="col-xs-12">
359 <div class="col-md-6"> 359 <div class="col-md-6">
360 <div class="pull-left" style="width: 110px;"> 360 <div class="pull-left" style="width: 110px;">
361 <label class="new-input-label"><b>Title</b></label> 361 <label class="new-input-label"><b>Title</b></label>
362 </div> 362 </div>
363 <div class="pull-left" style="margin-left: 15px;"> 363 <div class="pull-left" style="margin-left: 15px;">
364 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 364 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
365 </div> 365 </div>
366 <div class="clearfix"></div> 366 <div class="clearfix"></div>
367 </div> 367 </div>
368 <div class="col-md-6"> 368 <div class="col-md-6">
369 369
370 <div class="pull-left" style="width: 110px;"> 370 <div class="pull-left" style="width: 110px;">
371 <label class="new-input-label"><b>Email</b></label> 371 <label class="new-input-label"><b>Email</b></label>
372 </div> 372 </div>
373 <div class="pull-left" style="margin-left: 15px;"> 373 <div class="pull-left" style="margin-left: 15px;">
374 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 374 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
375 </div> 375 </div>
376 <div class="clearfix"></div> 376 <div class="clearfix"></div>
377 </div> 377 </div>
378 </div> 378 </div>
379 <div class="clearfix"></div><br> 379 <div class="clearfix"></div><br>
380 <div class="col-xs-12"> 380 <div class="col-xs-12">
381 <div class="col-md-6"> 381 <div class="col-md-6">
382 <div class="pull-left" style="width: 110px;"> 382 <div class="pull-left" style="width: 110px;">
383 <label class="new-input-label"><b>Username</b></label> 383 <label class="new-input-label"><b>Username</b></label>
384 </div> 384 </div>
385 <div class="pull-left" style="margin-left: 15px;"> 385 <div class="pull-left" style="margin-left: 15px;">
386 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 386 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
387 </div> 387 </div>
388 <div class="clearfix"></div> 388 <div class="clearfix"></div>
389 </div> 389 </div>
390 <div class="col-md-6"> 390 <div class="col-md-6">
391 391
392 <div class="pull-left" style="width: 110px;"> 392 <div class="pull-left" style="width: 110px;">
393 <label class="new-input-label"><b>Password</b></label> 393 <label class="new-input-label"><b>Password</b></label>
394 </div> 394 </div>
395 <div class="pull-left" style="margin-left: 15px;"> 395 <div class="pull-left" style="margin-left: 15px;">
396 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 396 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
397 </div> 397 </div>
398 <div class="clearfix"></div> 398 <div class="clearfix"></div>
399 </div> 399 </div>
400 </div> 400 </div>
401 <div class="clearfix"></div><br> 401 <div class="clearfix"></div><br>
402 <div class="col-xs-12"> 402 <div class="col-xs-12">
403 <div class="col-md-6"> 403 <div class="col-md-6">
404 <div class="pull-left" style="width: 110px;"> 404 <div class="pull-left" style="width: 110px;">
405 <label class="new-input-label"><b>Work Phone</b></label> 405 <label class="new-input-label"><b>Work Phone</b></label>
406 </div> 406 </div>
407 <div class="pull-left" style="margin-left: 15px;"> 407 <div class="pull-left" style="margin-left: 15px;">
408 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 408 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
409 </div> 409 </div>
410 <div class="clearfix"></div> 410 <div class="clearfix"></div>
411 </div> 411 </div>
412 <div class="col-md-6"> 412 <div class="col-md-6">
413 413
414 <div class="pull-left" style="width: 110px;"> 414 <div class="pull-left" style="width: 110px;">
415 <label class="new-input-label"><b>Mobile Phone</b></label> 415 <label class="new-input-label"><b>Mobile Phone</b></label>
416 </div> 416 </div>
417 <div class="pull-left" style="margin-left: 15px;"> 417 <div class="pull-left" style="margin-left: 15px;">
418 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 418 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
419 </div> 419 </div>
420 <div class="clearfix"></div> 420 <div class="clearfix"></div>
421 </div> 421 </div>
422 </div> 422 </div>
423 <div class="clearfix"></div><br> 423 <div class="clearfix"></div><br>
424 <div class="col-xs-12"> 424 <div class="col-xs-12">
425 <div class="col-md-12"> 425 <div class="col-md-12">
426 <div class="pull-left" style="width: 110px;"> 426 <div class="pull-left" style="width: 110px;">
427 <label class="new-input-label"><b>Address</b></label> 427 <label class="new-input-label"><b>Address</b></label>
428 </div> 428 </div>
429 <div class="pull-right" style="width: calc(100% - 123px);"> 429 <div class="pull-right" style="width: calc(100% - 123px);">
430 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 430 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
431 </div> 431 </div>
432 <div class="clearfix"></div> 432 <div class="clearfix"></div>
433 </div> 433 </div>
434 </div> 434 </div>
435 <div class="clearfix"></div> 435 <div class="clearfix"></div>
436 <br/> 436 <br/>
437 <div class="col-xs-12"> 437 <div class="col-xs-12">
438 <div class="col-md-3"> 438 <div class="col-md-3">
439 <div class="pull-left my-toggle-switch"> 439 <div class="pull-left my-toggle-switch">
440 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 440 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
441 <toggle ng-model="data.priceEmail" size="customToogle"> 441 <toggle ng-model="data.priceEmail" size="customToogle">
442 </div> 442 </div>
443 </div> 443 </div>
444 <div class="clearfix"></div> 444 <div class="clearfix"></div>
445 </div> 445 </div>
446 <div class="col-md-3"> 446 <div class="col-md-3">
447 <div class="pull-left my-toggle-switch"> 447 <div class="pull-left my-toggle-switch">
448 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 448 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
449 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 449 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
450 </div> 450 </div>
451 </div> 451 </div>
452 <div class="clearfix"></div> 452 <div class="clearfix"></div>
453 </div> 453 </div>
454 <div class="col-md-6"> 454 <div class="col-md-6">
455 <div class="pull-left" style="width: 110px;"> 455 <div class="pull-left" style="width: 110px;">
456 <label class="new-input-label"><b>Internal Note</b></label> 456 <label class="new-input-label"><b>Internal Note</b></label>
457 </div> 457 </div>
458 <div class="pull-left" style="width: calc(100% - 110px);"> 458 <div class="pull-left" style="width: calc(100% - 110px);">
459 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 459 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
460 </div> 460 </div>
461 </div> 461 </div>
462 <div class="clearfix"></div> 462 <div class="clearfix"></div>
463 </div> 463 </div>
464 <div class="clearfix"></div><br> 464 <div class="clearfix"></div><br>
465 </div> 465 </div>
466 </div> 466 </div>
467 <div class="clearfix"></div> 467 <div class="clearfix"></div>
468 </div> 468 </div>
469 </div> 469 </div>
470 </div> 470 </div>
471 </div> 471 </div>
472 <div class="modal-footer" style="border-top: 0;"> 472 <div class="modal-footer" style="border-top: 0;">
473 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 473 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
474 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 474 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
475 </div> 475 </div>
476 </div> 476 </div>
477 </div> 477 </div>
478 </form> 478 </form>
479 <div class="clearfix"></div> 479 <div class="clearfix"></div>
480 480
481 <div class="customConfirmPopBackdrop" id="confirm2"> 481 <div class="customConfirmPopBackdrop" id="confirm2">
482 <div class="customModalInner" style="max-width: 400px;"> 482 <div class="customModalInner" style="max-width: 400px;">
483 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 483 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
484 <table> 484 <table>
485 <tr> 485 <tr>
486 <td> 486 <td>
487 <img src="img/info.png" style="width: 50px;"> 487 <img src="img/info.png" style="width: 50px;">
488 </td> 488 </td>
489 <td> 489 <td>
490 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 490 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
491 </td> 491 </td>
492 </tr> 492 </tr>
493 </table> 493 </table>
494 </div> 494 </div>
495 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 495 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
496 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 496 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
497 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 497 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
498 </div> 498 </div>
499 </div> 499 </div>
500 </div> 500 </div>
501 501
502 <div class="customConfirmPopBackdrop" id="deleteVendor"> 502 <div class="customConfirmPopBackdrop" id="deleteVendor">
503 <div class="customModalInner" style="max-width: 400px;"> 503 <div class="customModalInner" style="max-width: 400px;">
504 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 504 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
505 <table> 505 <table>
506 <tr> 506 <tr>
507 <td> 507 <td>
508 <img src="img/info.png" style="width: 50px;"> 508 <img src="img/info.png" style="width: 50px;">
509 </td> 509 </td>
510 <td> 510 <td>
511 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 511 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
512 </td> 512 </td>
513 </tr> 513 </tr>
514 </table> 514 </table>
515 </div> 515 </div>
516 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 516 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
517 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button> 517 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button>
518 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button> 518 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button>
519 </div> 519 </div>
520 </div> 520 </div>
521 </div> 521 </div>
522 522
523 <div class="customConfirmPopBackdrop" id="customField"> 523 <div class="customConfirmPopBackdrop" id="customField">
524 <div class="customModalInner" style="max-width: 400px;"> 524 <div class="customModalInner" style="max-width: 400px;">
525 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 525 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
526 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 526 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
527 <div class="col-md-10"> 527 <div class="col-md-10">
528 <form> 528 <form>
529 Title:<br> 529 Title:<br>
530 <input type="text" name="firstname" ng-model="custom.title"><br> 530 <input type="text" name="firstname" ng-model="custom.title"><br>
531 Content:<br> 531 Content:<br>
532 <input type="text" name="lastname" ng-model="custom.content"> 532 <input type="text" name="lastname" ng-model="custom.content">
533 </form> 533 </form>
534 </div> 534 </div>
535 <div class="clearfix"></div> 535 <div class="clearfix"></div>
536 </div> 536 </div>
537 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 537 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
538 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button> 538 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button>
539 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 539 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
540 </div> 540 </div>
541 </div> 541 </div>
542 </div> 542 </div>
543 543
544 <div class="customConfirmPopBackdrop" id="toogleMail"> 544 <div class="customConfirmPopBackdrop" id="toogleMail">
545 <div class="customModalInner" style="max-width: 400px;"> 545 <div class="customModalInner" style="max-width: 400px;">
546 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 546 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
547 <table> 547 <table>
548 <tr> 548 <tr>
549 <!-- <td> 549 <!-- <td>
550 <img src="" style="width: 50px;"> 550 <img src="" style="width: 50px;">
551 </td> --> 551 </td> -->
552 <td> 552 <td>
553 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 553 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
554 </td> 554 </td>
555 </tr> 555 </tr>
556 </table> 556 </table>
557 </div> 557 </div>
558 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 558 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
559 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 559 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
560 </div> 560 </div>
561 </div> 561 </div>
562 </div> 562 </div>
563 563
564 <div class="customConfirmPopBackdrop" id="updateContact"> 564 <div class="customConfirmPopBackdrop" id="updateContact">
565 <div class="customModalInner" style="max-width: 400px;"> 565 <div class="customModalInner" style="max-width: 400px;">
566 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 566 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
567 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 567 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
568 <div class="col-md-10"> 568 <div class="col-md-10">
569 <form> 569 <form>
570 Title:<br> 570 Title:<br>
571 <input type="text" name="firstname" ng-model="updateData.title"><br> 571 <input type="text" name="firstname" ng-model="updateData.title"><br>
572 Content:<br> 572 Content:<br>
573 <input type="text" name="lastname" ng-model="updateData.content"> 573 <input type="text" name="lastname" ng-model="updateData.content">
574 </form> 574 </form>
575 </div> 575 </div>
576 <div class="clearfix"></div> 576 <div class="clearfix"></div>
577 </div> 577 </div>
578 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 578 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
579 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button> 579 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button>
580 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 580 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
581 </div> 581 </div>
582 </div> 582 </div>
583 </div> 583 </div>
584 584
585 <!-- Le javascript 585 <!-- Le javascript
586 ================================================== --> 586 ================================================== -->
587 <!-- Placed at the end of the document so the pages load faster --> 587 <!-- Placed at the end of the document so the pages load faster -->
588 <!-- <script 588 <!-- <script
589 CKEDITOR.replace( 'editor2', { 589 CKEDITOR.replace( 'editor2', {
590 height: 250, 590 height: 250,
591 extraPlugins: 'divarea' 591 extraPlugins: 'divarea'
592 } ); 592 } );
593 </script> --> 593 </script> -->
594 594
app/partials/viewVendorContact/viewVendorContact.html
1 <div class="myLoader" ng-show="showLoader"> 1 <div class="myLoader" ng-show="showLoader">
2 <img src="../img/hourglass.gif" width="50px;"> 2 <img src="../img/hourglass.gif" width="50px;">
3 </div> 3 </div>
4 <div class="container"> 4 <div class="container">
5 <div class="row"> 5 <div class="row">
6 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;"> 6 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;">
7 <div class="widget"> 7 <div class="widget">
8 <div class="widget-header"> 8 <div class="widget-header">
9 <i class="icon-pencil"></i> 9 <i class="icon-pencil"></i>
10 <i class="fa fa-building-o" aria-hidden="true"></i> 10 <i class="fa fa-building-o" aria-hidden="true"></i>
11 <h3>Antioch Flight Department</h3> 11 <h3>Antioch Flight Department</h3>
12 </div> 12 </div>
13 <div class="widget-content" style="padding-left: 0; padding-right: 0; "> 13 <div class="widget-content" style="padding-left: 0; padding-right: 0; ">
14 <div class="container"> 14 <div class="container">
15 <div style="margin-bottom: 25px;"> 15 <div style="margin-bottom: 25px;">
16 <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()"> 16 <button ng-disabled="disablePrev" class="newButtons" ng-click="prevContact()">
17 <i class="fa fa-long-arrow-left" aria-hidden="true"></i> 17 <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
18 Previous Contact 18 Previous Contact
19 </button> 19 </button>
20 <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()"> 20 <button ng-disabled="disableNext" class="newButtons" ng-click="nextContact()">
21 Next Contact 21 Next Contact
22 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 22 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
23 </button> 23 </button>
24 </div> 24 </div>
25 <div class="row"> 25 <div class="row">
26 <div class="col-md-6" style="margin-left: 20px;"> 26 <div class="col-md-6" style="margin-left: 20px;">
27 <div class="widget stacked"> 27 <div class="widget stacked">
28 <div class="widget-header"> 28 <div class="widget-header">
29 <i class="fa fa-building-o" aria-hidden="true"></i> 29 <i class="fa fa-building-o" aria-hidden="true"></i>
30 <h3 style="margin-right: 0px;">Contact Detail</h3> 30 <h3 style="margin-right: 0px;">Contact Detail</h3>
31 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteContact(contactDetail.id)" style="color: white;" aria-hidden="true"></i> 31 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteContact(contactDetail.id)" style="color: white;" aria-hidden="true"></i>
32 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 32 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
33 <toggle ng-model="contactDetail.priceEmail" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle> 33 <toggle ng-model="contactDetail.priceEmail" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle>
34 </div> 34 </div>
35 35
36 </div> 36 </div>
37 <div class="widget-content"> 37 <div class="widget-content">
38 <div class="row" style="margin-left:0px"> 38 <div class="row" style="margin-left:0px">
39 <div class="col-md-6" style="padding-left: 0px;"> 39 <div class="col-md-6" style="padding-left: 0px;">
40 <h3> 40 <h3>
41 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b> 41 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b>
42 <input type="text" ng-hide="editName" class="form-control" style="width: 49%; float: left; margin-right: 1%;" ng-model="contactDetail.firstName"> 42 <input type="text" ng-hide="editName" class="form-control" style="width: 49%; float: left; margin-right: 1%;" ng-model="contactDetail.firstName">
43 <input type="text" ng-hide="editName" class="form-control" style="width: 49%;" ng-model="contactDetail.lastName"> 43 <input type="text" ng-hide="editName" class="form-control" style="width: 49%;" ng-model="contactDetail.lastName">
44 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i> 44 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i>
45 </h3> 45 </h3>
46 {{contactDetail.owner.companyName}} 46 {{contactDetail.owner.companyName}}
47 </div> 47 </div>
48 <div class="col-md-6"> 48 <div class="col-md-6">
49 <div style="margin-bottom: 10px" class="input-group email-password"> 49 <div style="margin-bottom: 10px" class="input-group email-password">
50 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span> 50 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span>
51 <input id="login-username" type="text" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email"> 51 <input id="login-username" type="text" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email">
52 </div> 52 </div>
53 53
54 <!-- <div class="input-group email-password"> 54 <!-- <div class="input-group email-password">
55 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span> 55 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span>
56 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password"> 56 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password">
57 </div> --> 57 </div> -->
58 </div> 58 </div>
59 </div> 59 </div>
60 <div> 60 <div>
61 <p> 61 <p>
62 <span ng-show="editAddress"> 62 <span ng-show="editAddress">
63 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp; 63 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp;
64 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i> 64 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i>
65 </span> 65 </span>
66 66
67 <input type="text" ng-hide="editAddress" style="width: 50%;" class="form-control" ng-model="contactDetail.address"> 67 <input type="text" ng-hide="editAddress" style="width: 50%;" class="form-control" ng-model="contactDetail.address">
68 </p> 68 </p>
69 69
70 <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> 70 <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 <p ng-hide="editPhone"> 71 <p ng-hide="editPhone">
72 <input type="text" style="width: 50%;" ng-model="contactDetail.mobilePhone" class="form-control"> 72 <input type="text" style="width: 50%;" ng-model="contactDetail.mobilePhone" class="form-control">
73 </p> 73 </p>
74 74
75 <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> 75 <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-hide="editMobile"> 76 <p ng-hide="editMobile">
77 <input type="text" style="width: 50%;" ng-model="contactDetail.workPhone" class="form-control"> 77 <input type="text" style="width: 50%;" ng-model="contactDetail.workPhone" class="form-control">
78 </p> 78 </p>
79 79
80 <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> 80 <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-hide="editEmail"> 81 <p ng-hide="editEmail">
82 <input type="email" style="width: 50%;" ng-model="contactDetail.email" class="form-control"> 82 <input type="email" style="width: 50%;" ng-model="contactDetail.email" class="form-control">
83 </p> 83 </p>
84 <div> 84 <div>
85 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-change="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp; 85 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-change="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp;
86 <span>Primary Contact </span> 86 <span>Primary Contact </span>
87 </div> 87 </div>
88 </div> 88 </div>
89 </br> 89 </br>
90 <div> 90 <div>
91 <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> 91 <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 <p ng-show="editContactNotes">{{contactDetail.note}}</p> 92 <p ng-show="editContactNotes">{{contactDetail.note}}</p>
93 <p ng-hide="editContactNotes"> 93 <p ng-hide="editContactNotes">
94 <textarea ng-model="contactDetail.note" class="form-control" style="resize: vertical;"></textarea> 94 <textarea ng-model="contactDetail.note" class="form-control" style="resize: vertical;"></textarea>
95 </p> 95 </p>
96 96
97 <div> 97 <div>
98 <button ng-click="updateContact(contactDetail)" ng-show="showUpdateBtn" class="btn btn-success pull-left">Update Contact</button> 98 <button ng-click="updateContact(contactDetail)" ng-show="showUpdateBtn" class="btn btn-success pull-left">Update Contact</button>
99 <button ng-click="cancelContact()" style="margin-left: 5px;" ng-show="showUpdateBtn" class="btn btn-default pull-left">Cancel</button> 99 <button ng-click="cancelContact()" style="margin-left: 5px;" ng-show="showUpdateBtn" class="btn btn-default pull-left">Cancel</button>
100 <button type="button" class="btn btn-primary pull-right">Send Price to This Contacts</button> 100 <button ng-show="isShowEmail" type="button" class="btn btn-primary pull-right">Send Price to This Contacts</button>
101 <div class="clearfix"></div> 101 <div class="clearfix"></div>
102 </div> 102 </div>
103 </div> 103 </div>
104 <!-- <div class="col-md-6"> 104 <!-- <div class="col-md-6">
105 <button type="button" class="btn btn-primary">Send Price to This Contacts</button> 105 <button type="button" class="btn btn-primary">Send Price to This Contacts</button>
106 </div> --> 106 </div> -->
107 </div> 107 </div>
108 </div> 108 </div>
109 </div> 109 </div>
110 </div> 110 </div>
111 </div> 111 </div>
112 </div> 112 </div>
113 </div> 113 </div>
114 </div> 114 </div>
115 </div> 115 </div>
116 116
117 <div class="customConfirmPopBackdrop" id="primaryContact"> 117 <div class="customConfirmPopBackdrop" id="primaryContact">
118 <div class="customModalInner" style="max-width: 400px;"> 118 <div class="customModalInner" style="max-width: 400px;">
119 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 119 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
120 <table> 120 <table>
121 <tr> 121 <tr>
122 <td> 122 <td>
123 <img src="img/info.png" style="width: 50px;"> 123 <img src="img/info.png" style="width: 50px;">
124 </td> 124 </td>
125 <td> 125 <td>
126 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 126 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
127 </td> 127 </td>
128 </tr> 128 </tr>
129 </table> 129 </table>
130 </div> 130 </div>
131 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 131 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
132 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button> 132 <button ng-show="isShowEmail" class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button>
133 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 133 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
134 </div> 134 </div>
135 </div> 135 </div>
136 </div> 136 </div>
137 137
138 <div class="customConfirmPopBackdrop" id="toogleMail"> 138 <div class="customConfirmPopBackdrop" id="toogleMail">
139 <div class="customModalInner" style="max-width: 400px;"> 139 <div class="customModalInner" style="max-width: 400px;">
140 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 140 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
141 <table> 141 <table>
142 <tr> 142 <tr>
143 <!-- <td> 143 <!-- <td>
144 <img src="" style="width: 50px;"> 144 <img src="" style="width: 50px;">
145 </td> --> 145 </td> -->
146 <td> 146 <td>
147 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 147 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
148 </td> 148 </td>
149 </tr> 149 </tr>
150 </table> 150 </table>
151 </div> 151 </div>
152 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 152 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
153 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 153 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
154 </div> 154 </div>
155 </div> 155 </div>
156 </div> 156 </div>
157 157
158 <div class="customConfirmPopBackdrop" id="delete2"> 158 <div class="customConfirmPopBackdrop" id="delete2">
159 <div class="customModalInner" style="max-width: 400px;"> 159 <div class="customModalInner" style="max-width: 400px;">
160 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 160 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
161 <table> 161 <table>
162 <tr> 162 <tr>
163 <td> 163 <td>
164 <img src="img/info.png" style="width: 50px;"> 164 <img src="img/info.png" style="width: 50px;">
165 </td> 165 </td>
166 <td> 166 <td>
167 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Contact?</p> 167 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Contact?</p>
168 </td> 168 </td>
169 </tr> 169 </tr>
170 </table> 170 </table>
171 </div> 171 </div>
172 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 172 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
173 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="contactDelete()">Accept</button> 173 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="contactDelete()">Accept</button>
174 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 174 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
175 </div> 175 </div>
176 </div> 176 </div>
177 </div> 177 </div>
app/partials/viewcontact/viewcontact.html
1 <style type="text/css"> 1 <style type="text/css">
2 .toggle.btn{ 2 .toggle.btn{
3 width: 140px !important; 3 width: 140px !important;
4 } 4 }
5 </style> 5 </style>
6 6
7 <div class="myLoader" ng-show="showLoader"> 7 <div class="myLoader" ng-show="showLoader">
8 <img src="../img/hourglass.gif" width="50px;"> 8 <img src="../img/hourglass.gif" width="50px;">
9 </div> 9 </div>
10 <div class="container"> 10 <div class="container">
11 <div class="row"> 11 <div class="row">
12 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;"> 12 <div class="col-md-10" style="padding-right: 60px; margin-bottom: 30px;">
13 <div class="widget"> 13 <div class="widget">
14 <div class="widget-header"> 14 <div class="widget-header">
15 <i class="icon-pencil"></i> 15 <i class="icon-pencil"></i>
16 <i class="fa fa-building-o" aria-hidden="true"></i> 16 <i class="fa fa-building-o" aria-hidden="true"></i>
17 <h3>{{contactDetail.owner.companyName}}</h3> 17 <h3>{{contactDetail.owner.companyName}}</h3>
18 <i class="fa fa-times" areia-hidden="true" ng-click="goBack()" style="float: right; margin-top: 10px; margin-right: 10px; cursor: pointer;"></i> 18 <i class="fa fa-times" areia-hidden="true" ng-click="goBack()" style="float: right; margin-top: 10px; margin-right: 10px; cursor: pointer;"></i>
19 </div> 19 </div>
20 <div class="widget-content" style="padding-left: 0; padding-right: 0; "> 20 <div class="widget-content" style="padding-left: 0; padding-right: 0; ">
21 <div class="container"> 21 <div class="container">
22 <div style="margin-bottom: 25px;"> 22 <div style="margin-bottom: 25px;">
23 <button ng-disabled="disablePrev" class="newButtons animation_select" ng-click="prevContact()" data-animation="fadeInLeft"> 23 <button ng-disabled="disablePrev" class="newButtons animation_select" ng-click="prevContact()" data-animation="fadeInLeft">
24 <i class="fa fa-long-arrow-left" aria-hidden="true"></i> 24 <i class="fa fa-long-arrow-left" aria-hidden="true"></i>
25 Previous Contact 25 Previous Contact
26 </button> 26 </button>
27 <button ng-disabled="disableNext" class="newButtons animation_select" ng-click="nextContact()" data-animation="fadeInRight"> 27 <button ng-disabled="disableNext" class="newButtons animation_select" ng-click="nextContact()" data-animation="fadeInRight">
28 Next Contact 28 Next Contact
29 <i class="fa fa-long-arrow-right" aria-hidden="true"></i> 29 <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
30 </button> 30 </button>
31 </div> 31 </div>
32 <div class="row"> 32 <div class="row">
33 <div class="col-md-6" style="margin-left: 20px;"> 33 <div class="col-md-6" style="margin-left: 20px;">
34 <div class="widget stacked" id="animation_box"> 34 <div class="widget stacked" id="animation_box">
35 <div class="widget-header"> 35 <div class="widget-header">
36 <i class="fa fa-building-o" aria-hidden="true"></i> 36 <i class="fa fa-building-o" aria-hidden="true"></i>
37 <h3 style="margin-right: 0px;">Contact Detail</h3> 37 <h3 style="margin-right: 0px;">Contact Detail</h3>
38 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteContact(contactDetail.id)" style="color: white;" aria-hidden="true"></i> 38 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteContact(contactDetail.id)" style="color: white;" aria-hidden="true"></i>
39 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 39 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
40 <toggle ng-model="contactDetail.priceEmail" style="width: 140px;" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle> 40 <toggle ng-show="isShowEmail" ng-model="contactDetail.priceEmail" style="width: 140px;" ng-change="changePriceEmail(contactDetail.id)" size="customToogle" on="PRICE EMAIL ON" off="PRICE EMAIL OFF"></toggle>
41 </div> 41 </div>
42 42
43 </div> 43 </div>
44 <div class="widget-content"> 44 <div class="widget-content">
45 <div class="row" style="margin-left:0px"> 45 <div class="row" style="margin-left:0px">
46 <div class="col-md-6" style="padding-left: 0px;"> 46 <div class="col-md-6" style="padding-left: 0px;">
47 <h3> 47 <h3>
48 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b> 48 <b ng-show="editName" style="color:#F90;">{{contactDetail.firstName}} {{contactDetail.lastName}}</b>
49 <input type="text" ng-hide="editName" class="form-control" style="width: 49%; float: left; margin-right: 1%;" ng-model="contactDetail.firstName"> 49 <input type="text" ng-hide="editName" class="form-control" style="width: 49%; float: left; margin-right: 1%;" ng-model="contactDetail.firstName">
50 <input type="text" ng-hide="editName" class="form-control" style="width: 49%;" ng-model="contactDetail.lastName"> 50 <input type="text" ng-hide="editName" class="form-control" style="width: 49%;" ng-model="contactDetail.lastName">
51 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i> 51 &nbsp;<i class="fa fa-pencil-square-o" ng-show="editName" ng-click="nameEdit()" style="font-size: 11px;" aria-hidden="true"></i>
52 </h3> 52 </h3>
53 {{contactDetail.owner.companyName}} 53 {{contactDetail.owner.companyName}}
54 </div> 54 </div>
55 <div class="col-md-6"> 55 <div class="col-md-6">
56 <!-- <div style="margin-bottom: 10px" class="input-group email-password"> 56 <!-- <div style="margin-bottom: 10px" class="input-group email-password">
57 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span> 57 <span class="input-group-addon email-password"><i class="glyphicon glyphicon-user email-password-icon"></i></span>
58 <input id="login-username" type="text" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email"> 58 <input id="login-username" type="text" ng-model="contactDetail.userName" class="form-control email-password" placeholder="username or email">
59 </div> --> 59 </div> -->
60 60
61 <!-- <div class="input-group email-password"> 61 <!-- <div class="input-group email-password">
62 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span> 62 <span class="input-group-addon email-password"><i class="fa fa-key" aria-hidden="true"></i></span>
63 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password"> 63 <input id="login-password" type="password" class="form-control email-password" name="password" placeholder="password">
64 </div> --> 64 </div> -->
65 </div> 65 </div>
66 </div> 66 </div>
67 <div> 67 <div>
68 <!-- commented <p> 68 <!-- commented <p>
69 <span ng-show="editAddress"> 69 <span ng-show="editAddress">
70 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp; 70 <i class="fa fa-map-marker"></i> {{contactDetail.address}} &nbsp;
71 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i> 71 <i class="fa fa-pencil-square-o" ng-click="addressEdit()" style="font-size: 11px;" aria-hidden="true"></i>
72 </span> 72 </span>
73 73
74 <input type="text" ng-hide="editAddress" style="width: 50%;" class="form-control" ng-model="contactDetail.address"> 74 <input type="text" ng-hide="editAddress" style="width: 50%;" class="form-control" ng-model="contactDetail.address">
75 </p> --> 75 </p> -->
76 76
77 <p ng-show="editPhone">Phone {{contactDetail.mobilePhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="phoneEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 77 <p ng-show="editPhone">Phone {{contactDetail.mobilePhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="phoneEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
78 <p ng-hide="editPhone"> 78 <p ng-hide="editPhone">
79 <input type="text" style="width: 50%;" ng-model="contactDetail.mobilePhone" class="form-control"> 79 <input type="text" style="width: 50%;" ng-model="contactDetail.mobilePhone" class="form-control">
80 </p> 80 </p>
81 81
82 <p ng-show="editMobile">Mobile {{contactDetail.workPhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="mobileEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 82 <p ng-show="editMobile">Mobile {{contactDetail.workPhone}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="mobileEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
83 <p ng-hide="editMobile"> 83 <p ng-hide="editMobile">
84 <input type="text" style="width: 50%;" ng-model="contactDetail.workPhone" class="form-control"> 84 <input type="text" style="width: 50%;" ng-model="contactDetail.workPhone" class="form-control">
85 </p> 85 </p>
86 86
87 <p ng-show="editEmail">Email {{contactDetail.email}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="emailEdit()" style="font-size: 11px;" aria-hidden="true"></i></p> 87 <p ng-show="editEmail">Email {{contactDetail.email}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="emailEdit()" style="font-size: 11px;" aria-hidden="true"></i></p>
88 <p ng-hide="editEmail"> 88 <p ng-hide="editEmail">
89 <input type="email" style="width: 50%;" ng-model="contactDetail.email" class="form-control"> 89 <input type="email" style="width: 50%;" ng-model="contactDetail.email" class="form-control">
90 </p> 90 </p>
91 <div> 91 <div>
92 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-click="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp; 92 <input type="checkbox" ng-checked="contactDetail.primaryContact" ng-click="checkPrimaryContact(contactDetail.owner.id)" ng-model="contactDetail.primaryContact">&nbsp;
93 <span>Primary Contact </span> 93 <span>Primary Contact </span>
94 </div> 94 </div>
95 </div> 95 </div>
96 </br> 96 </br>
97 <div> 97 <div>
98 <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> 98 <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>
99 <p ng-show="editContactNotes">{{contactDetail.note}}</p> 99 <p ng-show="editContactNotes">{{contactDetail.note}}</p>
100 <p ng-hide="editContactNotes"> 100 <p ng-hide="editContactNotes">
101 <textarea ng-model="contactDetail.note" class="form-control" style="resize: vertical;"></textarea> 101 <textarea ng-model="contactDetail.note" class="form-control" style="resize: vertical;"></textarea>
102 </p> 102 </p>
103 103
104 <div> 104 <div>
105 <button ng-click="updateContact(contactDetail)" ng-show="showUpdateBtn" class="btn btn-success pull-left">Update Contact</button> 105 <button ng-click="updateContact(contactDetail)" ng-show="showUpdateBtn" class="btn btn-success pull-left">Update Contact</button>
106 <button ng-click="cancelContact()" style="margin-left: 5px;" ng-show="showUpdateBtn" class="btn btn-default pull-left">Cancel</button> 106 <button ng-click="cancelContact()" style="margin-left: 5px;" ng-show="showUpdateBtn" class="btn btn-default pull-left">Cancel</button>
107 <button type="button" class="btn btn-primary pull-right" ng-click="confirmMail()">Send Price to This Contacts</button> 107 <button ng-show="isShowEmail" type="button" class="btn btn-primary pull-right" ng-click="confirmMail()">Send Price to This Contacts</button>
108 <div class="clearfix"></div> 108 <div class="clearfix"></div>
109 </div> 109 </div>
110 </div> 110 </div>
111 <!-- <div class="col-md-6"> 111 <!-- <div class="col-md-6">
112 <button type="button" class="btn btn-primary">Send Price to This Contacts</button> 112 <button type="button" class="btn btn-primary">Send Price to This Contacts</button>
113 </div> --> 113 </div> -->
114 </div> 114 </div>
115 </div> 115 </div>
116 </div> 116 </div>
117 </div> 117 </div>
118 </div> 118 </div>
119 </div> 119 </div>
120 </div> 120 </div>
121 </div> 121 </div>
122 </div> 122 </div>
123 123
124 <div class="customConfirmPopBackdrop" id="primaryContact"> 124 <div class="customConfirmPopBackdrop" id="primaryContact">
125 <div class="customModalInner" style="max-width: 400px;"> 125 <div class="customModalInner" style="max-width: 400px;">
126 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 126 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
127 <table> 127 <table>
128 <tr> 128 <tr>
129 <td> 129 <td>
130 <img src="img/info.png" style="width: 50px;"> 130 <img src="img/info.png" style="width: 50px;">
131 </td> 131 </td>
132 <td> 132 <td>
133 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 133 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
134 </td> 134 </td>
135 </tr> 135 </tr>
136 </table> 136 </table>
137 </div> 137 </div>
138 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 138 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
139 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button> 139 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact(contactDetail.id)">Yes</button>
140 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 140 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
141 </div> 141 </div>
142 </div> 142 </div>
143 </div> 143 </div>
144 144
145 <div class="customConfirmPopBackdrop" id="toogleMail"> 145 <div class="customConfirmPopBackdrop" id="toogleMail">
146 <div class="customModalInner" style="max-width: 400px;"> 146 <div class="customModalInner" style="max-width: 400px;">
147 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 147 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
148 <table> 148 <table>
149 <tr> 149 <tr>
150 <!-- <td> 150 <!-- <td>
151 <img src="" style="width: 50px;"> 151 <img src="" style="width: 50px;">
152 </td> --> 152 </td> -->
153 <td> 153 <td>
154 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 154 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
155 </td> 155 </td>
156 </tr> 156 </tr>
157 </table> 157 </table>
158 </div> 158 </div>
159 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 159 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
160 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 160 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
161 </div> 161 </div>
162 </div> 162 </div>
163 </div> 163 </div>
164 164
165 <div class="customConfirmPopBackdrop" id="delete2"> 165 <div class="customConfirmPopBackdrop" id="delete2">
166 <div class="customModalInner" style="max-width: 400px;"> 166 <div class="customModalInner" style="max-width: 400px;">
167 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 167 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
168 <table> 168 <table>
169 <tr> 169 <tr>
170 <td> 170 <td>
171 <img src="img/info.png" style="width: 50px;"> 171 <img src="img/info.png" style="width: 50px;">
172 </td> 172 </td>
173 <td> 173 <td>
174 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Contact?</p> 174 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Contact?</p>
175 </td> 175 </td>
176 </tr> 176 </tr>
177 </table> 177 </table>
178 </div> 178 </div>
179 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 179 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
180 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="contactDelete()">Accept</button> 180 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="contactDelete()">Accept</button>
181 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 181 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
182 </div> 182 </div>
183 </div> 183 </div>
184 </div> 184 </div>
185 185
186 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;"> 186 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
187 <div class="customModalInner"> 187 <div class="customModalInner">
188 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 188 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
189 <table> 189 <table>
190 <tr> 190 <tr>
191 <td> 191 <td>
192 <img src="img/info.png" style="width: 50px;"> 192 <img src="img/info.png" style="width: 50px;">
193 </td> 193 </td>
194 <td> 194 <td>
195 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to this contact?</p> 195 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to this contact?</p>
196 </td> 196 </td>
197 </tr> 197 </tr>
198 </table> 198 </table>
199 </div> 199 </div>
200 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 200 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
201 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 201 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
202 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 202 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
203 </div> 203 </div>
204 </div> 204 </div>
205 </div> 205 </div>