Commit e196b9b74367284f1f28c72bf641e1ffd47209cb

Authored by Anchit Jindal
1 parent 07328f4420
Exists in master

new changes added

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: "/account", 141 url: "/account",
142 templateUrl: "partials/account/account.html", 142 templateUrl: "partials/account/account.html",
143 controller: "accountController", 143 controller: "accountController",
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"], 154 authorizedRoles: ["FBO"],
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
224 .state("app.flightTracking", {
225 url: "/flightTracking",
226 templateUrl: "partials/flightTracking/flightTracking.html",
227 controller: "flightTrackingController",
228 data: {
229 authorizedRoles: ["FBO"],
230 }
231 })
232
233 .state("app.taxes", {
234 url: "/taxes",
235 templateUrl: "partials/taxes/taxes.html",
236 controller: "taxesController",
237 data: {
238 authorizedRoles: ["FBO"],
239 }
240 })
241
223 .state("app.signup", { 242 .state("app.signup", {
224 url: "/signup", 243 url: "/signup",
225 templateUrl: "partials/signup/signup.html", 244 templateUrl: "partials/signup/signup.html",
226 controller: "signupController" 245 controller: "signupController"
227 }) 246 })
228 247
229 .state("app.updateFuelManager", { 248 .state("app.updateFuelManager", {
230 url: "/updateFuelManager", 249 url: "/updateFuelManager",
231 templateUrl: "partials/updateFuelManager/updateFuelManager.html", 250 templateUrl: "partials/updateFuelManager/updateFuelManager.html",
232 controller: "updateFuelManagerController", 251 controller: "updateFuelManagerController",
233 data: { 252 data: {
234 authorizedRoles: ["FBO"], 253 authorizedRoles: ["FBO"],
235 } 254 }
236 }) 255 })
237 256
238 .state("app.viewCompany", { 257 .state("app.viewCompany", {
239 url: "/viewCompany/:id", 258 url: "/viewCompany/:id",
240 templateUrl: "partials/viewCompany/viewCompany.html", 259 templateUrl: "partials/viewCompany/viewCompany.html",
241 controller: "viewCompanyController", 260 controller: "viewCompanyController",
242 data: { 261 data: {
243 authorizedRoles: ["FBO"], 262 authorizedRoles: ["FBO"],
244 } 263 }
245 }) 264 })
246 265
247 .state("app.viewFuelVendor", { 266 .state("app.viewFuelVendor", {
248 url: "/viewFuelVendor/:id", 267 url: "/viewFuelVendor/:id",
249 templateUrl: "partials/viewFuelVendor/viewFuelVendor.html", 268 templateUrl: "partials/viewFuelVendor/viewFuelVendor.html",
250 controller: "ViewFuelVendorController", 269 controller: "ViewFuelVendorController",
251 data: { 270 data: {
252 authorizedRoles: ["FBO"], 271 authorizedRoles: ["FBO"],
253 } 272 }
254 }) 273 })
255 274
256 .state("app.fuelOrders", { 275 .state("app.fuelOrders", {
257 url: "/fuelOrders", 276 url: "/fuelOrders",
258 templateUrl: "partials/fuelOrders/fuelOrders.html", 277 templateUrl: "partials/fuelOrders/fuelOrders.html",
259 controller: "fuelOrdersController", 278 controller: "fuelOrdersController",
260 data: { 279 data: {
261 authorizedRoles: ["FBO"], 280 authorizedRoles: ["FBO"],
262 } 281 }
263 }) 282 })
264 283
265 .state("app.DispatchFuel", { 284 .state("app.DispatchFuel", {
266 url: "/DispatchFuel", 285 url: "/DispatchFuel",
267 templateUrl: "partials/DispatchFuel/DispatchFuel.html", 286 templateUrl: "partials/DispatchFuel/DispatchFuel.html",
268 controller: "DispatchFuelController", 287 controller: "DispatchFuelController",
269 data: { 288 data: {
270 authorizedRoles: ["FBO"], 289 authorizedRoles: ["FBO"],
271 } 290 }
272 }) 291 })
273 292
274 .state("app.searchDispatchFuel", { 293 .state("app.searchDispatchFuel", {
275 url: "/searchDispatchFuel", 294 url: "/searchDispatchFuel",
276 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html", 295 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html",
277 controller: "searchDispatchFuelController", 296 controller: "searchDispatchFuelController",
278 data: { 297 data: {
279 authorizedRoles: ["FBO"], 298 authorizedRoles: ["FBO"],
280 } 299 }
281 }) 300 })
282 301
283 .state("app.Accept", { 302 .state("app.Accept", {
284 url: "/Accept", 303 url: "/Accept",
285 templateUrl: "partials/Accept/Accept.html", 304 templateUrl: "partials/Accept/Accept.html",
286 controller: "AcceptController", 305 controller: "AcceptController",
287 data: { 306 data: {
288 authorizedRoles: ["FBO"], 307 authorizedRoles: ["FBO"],
289 } 308 }
290 }) 309 })
291 310
292 .state("app.delselected", { 311 .state("app.delselected", {
293 url: "/delselected", 312 url: "/delselected",
294 templateUrl: "partials/delselected/delselected.html", 313 templateUrl: "partials/delselected/delselected.html",
295 controller: "delselectedController", 314 controller: "delselectedController",
296 data: { 315 data: {
297 authorizedRoles: ["FBO"], 316 authorizedRoles: ["FBO"],
298 } 317 }
299 }) 318 })
300 319
301 .state("app.pricingcontact", { 320 .state("app.pricingcontact", {
302 url: "/pricingcontact", 321 url: "/pricingcontact",
303 templateUrl: "partials/pricingcontact/pricingcontact.html", 322 templateUrl: "partials/pricingcontact/pricingcontact.html",
304 controller: "pricingcontactController", 323 controller: "pricingcontactController",
305 data: { 324 data: {
306 authorizedRoles: ["FBO"], 325 authorizedRoles: ["FBO"],
307 } 326 }
308 }) 327 })
309 328
310 .state("app.viewContact", { 329 .state("app.viewContact", {
311 url: "/viewContact/:id", 330 url: "/viewContact/:id",
312 templateUrl: "partials/viewcontact/viewcontact.html", 331 templateUrl: "partials/viewcontact/viewcontact.html",
313 controller: "viewcontactController", 332 controller: "viewcontactController",
314 data: { 333 data: {
315 authorizedRoles: ["FBO"], 334 authorizedRoles: ["FBO"],
316 } 335 }
317 }) 336 })
318 337
319 .state("app.viewVendorContact", { 338 .state("app.viewVendorContact", {
320 url: "/viewVendorContact/:id", 339 url: "/viewVendorContact/:id",
321 templateUrl: "partials/viewVendorContact/viewVendorContact.html", 340 templateUrl: "partials/viewVendorContact/viewVendorContact.html",
322 controller: "viewVendorContactController", 341 controller: "viewVendorContactController",
323 data: { 342 data: {
324 authorizedRoles: ["FBO"], 343 authorizedRoles: ["FBO"],
325 } 344 }
326 }) 345 })
327 346
328 .state("app.enterFuelOrder", { 347 .state("app.enterFuelOrder", {
329 url: "/enterFuelOrder", 348 url: "/enterFuelOrder",
330 templateUrl: "partials/enterFuelOrder/enterFuelOrder.html", 349 templateUrl: "partials/enterFuelOrder/enterFuelOrder.html",
331 controller: "enterFuelOrderController", 350 controller: "enterFuelOrderController",
332 data: { 351 data: {
333 authorizedRoles: ["FBO"], 352 authorizedRoles: ["FBO"],
334 } 353 }
335 }) 354 })
336 355
337 .state("app.flightDepDashboard", { 356 .state("app.flightDepDashboard", {
338 url: "/flightDepDashboard", 357 url: "/flightDepDashboard",
339 templateUrl: "partials/flightDepDashboard/flightDepDashboard.html", 358 templateUrl: "partials/flightDepDashboard/flightDepDashboard.html",
340 controller: "flightDepDashboardController" 359 controller: "flightDepDashboardController"
341 }) 360 })
342 361
343 .state("app.flightDepOrders", { 362 .state("app.flightDepOrders", {
344 url: "/flightDepOrders", 363 url: "/flightDepOrders",
345 templateUrl: "partials/flightDepOrders/flightDepOrders.html", 364 templateUrl: "partials/flightDepOrders/flightDepOrders.html",
346 controller: "flightDepOrdersController" 365 controller: "flightDepOrdersController"
347 }) 366 })
348 367
349 } 368 }
350 ]) 369 ])
351 370
352 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) { 371 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) {
353 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) { 372 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) {
354 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser')); 373 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser'));
355 374
356 LoginService.isAuthorized = function (authorizedRoles) { 375 LoginService.isAuthorized = function (authorizedRoles) {
357 if (!angular.isArray(authorizedRoles)) { 376 if (!angular.isArray(authorizedRoles)) {
358 authorizedRoles = [authorizedRoles]; 377 authorizedRoles = [authorizedRoles];
359 } 378 }
360 var userdata = JSON.parse(window.localStorage.getItem('currentUser')); 379 var userdata = JSON.parse(window.localStorage.getItem('currentUser'));
361 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false); 380 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false);
362 } 381 }
363 382
364 if ('data' in next && 'authorizedRoles' in next.data) { 383 if ('data' in next && 'authorizedRoles' in next.data) {
365 var authorizedRoles = next.data.authorizedRoles; 384 var authorizedRoles = next.data.authorizedRoles;
366 if (!LoginService.isAuthorized(authorizedRoles)) { 385 if (!LoginService.isAuthorized(authorizedRoles)) {
367 event.preventDefault(); 386 event.preventDefault();
368 if($state.current.name.length == 0) { 387 if($state.current.name.length == 0) {
369 $state.go('login') 388 $state.go('login')
370 } else { 389 } else {
371 $state.go($state.current, {}, {reload: true}); 390 $state.go($state.current, {}, {reload: true});
372 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized); 391 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized);
373 } 392 }
374 } 393 }
375 } 394 }
376 395
377 if (LoginService.isAuthenticated()) { 396 if (LoginService.isAuthenticated()) {
378 if (next.name == 'login') { 397 if (next.name == 'login') {
379 event.preventDefault(); 398 event.preventDefault();
380 $state.go('app.dashboard'); 399 $state.go('app.dashboard');
381 } 400 }
382 }else{ 401 }else{
383 // if (next.name == 'login') { 402 // if (next.name == 'login') {
384 // event.preventDefault(); 403 // event.preventDefault();
385 // $state.go('app.flightDepDashboard'); 404 // $state.go('app.flightDepDashboard');
386 // } 405 // }
387 406
388 407
389 } 408 }
390 }); 409 });
391 }]) 410 }])
392 411
393 412
394 .directive("datepicker",function(){ 413 .directive("datepicker",function(){
395 return { 414 return {
396 restrict:"A", 415 restrict:"A",
397 link:function(scope,el,attr){ 416 link:function(scope,el,attr){
398 el.datepicker(); 417 el.datepicker();
399 } 418 }
400 }; 419 };
401 }) 420 })
402 421
403 422
404 423
405 424
406 425
407 426
408 427
app/partials/ContactView/ContactView.controller.js
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('ContactViewController', ['$scope', '$uibModal', 'ContactViewService', 'ViewCompanyService', 'ViewcontactService', 'NgTableParams', function($scope, $uibModal, ContactViewService, ViewCompanyService, ViewcontactService, NgTableParams) { 6 .controller('ContactViewController', ['$scope', '$uibModal', 'ContactViewService', 'ViewCompanyService', 'ViewcontactService', 'NgTableParams', function($scope, $uibModal, ContactViewService, ViewCompanyService, ViewcontactService, NgTableParams) {
7 7
8 $(document).ready(function() { 8 /* $(document).ready(function() {
9 $scope.showLoader = true; 9 $scope.showLoader = true;
10 $('#contacts').DataTable(); 10 // $('#contacts').DataTable();
11 $scope.showLoader = false; 11 $scope.showLoader = false;
12 }); 12 });*/
13 13
14 ContactViewService.getContacts().then(function(result) { 14 /* ContactViewService.getContacts().then(function(result) {
15 $scope.showLoader = true; 15 $scope.showLoader = true;
16 $scope.contactList = result; 16 $scope.contactList = result;
17 $scope.showLoader = false; 17 $scope.showLoader = false;
18 }) 18 })*/
19 19
20 $scope.search = ""; 20 $scope.search = "";
21 $scope.minlength = 2; 21 $scope.minlength = 2;
22 22
23 23
24 $scope.searchString= function(value){ 24 $scope.searchString= function(value){
25 ContactViewService.getSearchResults(value).then(function(result) { 25 ContactViewService.getSearchResults(value).then(function(result) {
26 $scope.contactList = result; 26 $scope.contactList = result;
27 console.log("result", result); 27 console.log("result", result);
28 for (var i = 0; i < $scope.contactList.length; i++) { 28 for (var i = 0; i < $scope.contactList.length; i++) {
29 if ($scope.contactList[i].owner != null) { 29 if ($scope.contactList[i].owner != null) {
30 if ($scope.contactList[i].owner.companyName != null || $scope.contactList[i].owner.companyName != undefined) { 30 if ($scope.contactList[i].owner.companyName != null || $scope.contactList[i].owner.companyName != undefined) {
31 $scope.contactList[i].owner = $scope.contactList[i].owner.companyName; 31 $scope.contactList[i].owner = $scope.contactList[i].owner.companyName;
32 } 32 }
33 } 33 }
34 } 34 }
35 $scope.displayContactList = new NgTableParams({ 35 $scope.displayContactList = new NgTableParams({
36 page: 1, 36 page: 1,
37 count: 10, 37 count: 10,
38 }, { 38 }, {
39 data: $scope.contactList 39 data: $scope.contactList
40 }); 40 });
41 }) 41 })
42 } 42 }
43 43
44 $scope.reset = function(){ 44 $scope.reset = function(){
45 $("input").val(""); 45 $("input").val("");
46 } 46 }
47 47
48 $scope.data = {}; 48 $scope.data = {};
49 getAllContacts(); 49 getAllContacts();
50 50
51 $scope.changePriceEmail = function(id, index){ 51 $scope.changePriceEmail = function(id, index){
52 52
53 event.stopPropagation(); 53 event.stopPropagation();
54 var contactId = id; 54 var contactId = id;
55 var statusData = "status=" + $scope.contactList[index].priceEmail; 55 var statusData = "status=" + $scope.contactList[index].priceEmail;
56 ViewcontactService.changePriceEmail(contactId, statusData).then(function(result) { 56 ViewcontactService.changePriceEmail(contactId, statusData).then(function(result) {
57 if(result.success){ 57 if(result.success){
58 $('#toogleMail').css('display', 'block'); 58 $('#toogleMail').css('display', 'block');
59 if($scope.contactList[index].priceEmail == true){ 59 if($scope.contactList[index].priceEmail == true){
60 $scope.messageText = 'You have enabled price distribution for this contact'; 60 $scope.messageText = 'You have enabled price distribution for this contact';
61 }else{ 61 }else{
62 $scope.messageText = 'You have disabled price distribution for this contact'; 62 $scope.messageText = 'You have disabled price distribution for this contact';
63 } 63 }
64 } 64 }
65 }) 65 })
66 66
67 } 67 }
68 68
69 $scope.cancelToogle = function(){ 69 $scope.cancelToogle = function(){
70 $('#toogleMail').css('display', 'none'); 70 $('#toogleMail').css('display', 'none');
71 } 71 }
72 72
73 73
74 function getAllContacts(){ 74 function getAllContacts(){
75 $scope.showLoader = true; 75 $scope.showLoader = true;
76 ContactViewService.getContacts().then(function(result) { 76 ContactViewService.getContacts().then(function(result) {
77 console.log('log', result); 77 console.log('log', result);
78 $scope.contactList = result; 78 $scope.contactList = result;
79 for (var i = 0; i < $scope.contactList.length; i++) { 79 for (var i = 0; i < $scope.contactList.length; i++) {
80 if ($scope.contactList[i].owner != null) { 80 if ($scope.contactList[i].owner != null) {
81 if ($scope.contactList[i].owner.companyName != null || $scope.contactList[i].owner.companyName != undefined) { 81 if ($scope.contactList[i].owner.companyName != null || $scope.contactList[i].owner.companyName != undefined) {
82 $scope.contactList[i].owner = $scope.contactList[i].owner.companyName; 82 $scope.contactList[i].owner = $scope.contactList[i].owner.companyName;
83 } 83 }
84 } 84 }
85 } 85 }
86 $scope.displayContactList = new NgTableParams({ 86 $scope.displayContactList = new NgTableParams({
87 page: 1, 87 page: 1,
88 count: 10, 88 count: 10,
89 }, { 89 }, {
90 data: $scope.contactList 90 data: $scope.contactList
91 }); 91 });
92 }) 92 })
93 $scope.showLoader = false; 93 $scope.showLoader = false;
94 } 94 }
95 95
96 96
97 ContactViewService.getCompanies().then(function(result) { 97 ContactViewService.getCompanies().then(function(result) {
98 $scope.showLoader = true; 98 $scope.showLoader = true;
99 $scope.companies = result; 99 $scope.companies = result;
100 $scope.showLoader = true; 100 $scope.showLoader = false;
101 101
102 }) 102 })
103 103
104 $scope.contactData = {}; 104 $scope.contactData = {};
105 $scope.contactData.contactList = []; 105 $scope.contactData.contactList = [];
106 $scope.addContact = function(){ 106 $scope.addContact = function(){
107 $scope.contactData.contactList.push($scope.data); 107 $scope.contactData.contactList.push($scope.data);
108 ViewCompanyService.addContact($scope.contactData).then(function(result) { 108 ViewCompanyService.addContact($scope.contactData).then(function(result) {
109 if(result.success){ 109 if(result.success){
110 toastr.success(''+result.success+'', { 110 toastr.success(''+result.success+'', {
111 closeButton: true 111 closeButton: true
112 }) 112 })
113 $('#contact-modal-3').modal('hide'); 113 $('#contact-modal-3').modal('hide');
114 }else{ 114 }else{
115 toastr.error(''+result.statusText+'', { 115 toastr.error(''+result.statusText+'', {
116 closeButton: true 116 closeButton: true
117 }) 117 })
118 } 118 }
119 }) 119 })
120 } 120 }
121 121
122 $scope.exportContacts = function() { 122 $scope.exportContacts = function() {
123 $scope.showLoader = true; 123 $scope.showLoader = true;
124 var fileName = "contacts.csv"; 124 var fileName = "contacts.csv";
125 var a = document.createElement("a"); 125 var a = document.createElement("a");
126 document.body.appendChild(a); 126 document.body.appendChild(a);
127 ContactViewService.exportContacts().then(function(result) { 127 ContactViewService.exportContacts().then(function(result) {
128 var file = new Blob([result], {type: 'application/csv'}); 128 var file = new Blob([result], {type: 'application/csv'});
129 var fileURL = URL.createObjectURL(file); 129 var fileURL = URL.createObjectURL(file);
130 a.href = fileURL; 130 a.href = fileURL;
131 a.download = fileName; 131 a.download = fileName;
132 a.click(); 132 a.click();
133 $scope.showLoader = false; 133 $scope.showLoader = false;
134 }) 134 })
135 } 135 }
136 136
137 }]); 137 }]);
app/partials/FuelVendors/FuelVendors.controller.js
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('FuelVendorsController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'FuelVendorsService', 'CustomersService', 'ViewFuelVendorService', 'NgTableParams', FuelVendorsController]); 6 .controller('FuelVendorsController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'FuelVendorsService', 'CustomersService', 'ViewFuelVendorService', 'NgTableParams', FuelVendorsController]);
7 7
8 function FuelVendorsController($scope, $rootScope, $uibModal, $filter, $http, FuelVendorsService, CustomersService, ViewFuelVendorService, NgTableParams) { 8 function FuelVendorsController($scope, $rootScope, $uibModal, $filter, $http, FuelVendorsService, CustomersService, ViewFuelVendorService, NgTableParams) {
9 9
10 $(document).ready(function() { 10 /*$(document).ready(function() {
11 $scope.showLoader = true; 11 $scope.showLoader = true;
12 $('#example').DataTable(); 12 $('#example').DataTable();
13 $scope.showLoader = false; 13 $scope.showLoader = false;
14 }); 14 });*/
15 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')) 15 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId'))
16 $scope.reset = function(){ 16 $scope.reset = function(){
17 $("input").val(""); 17 $("input").val("");
18 $scope.removeMarginValidation(); 18 $scope.removeMarginValidation();
19 } 19 }
20 20
21 $scope.data = {}; 21 $scope.data = {};
22 $scope.data.activate = true; 22 $scope.data.activate = true;
23 $scope.showLoader = false; 23 $scope.showLoader = false;
24 getAllVendor(); 24 getAllVendor();
25 25
26 function getAllVendor(){ 26 function getAllVendor(){
27 $scope.showLoader = true;
27 FuelVendorsService.getAllVendor().then(function(result) { 28 FuelVendorsService.getAllVendor().then(function(result) {
28 $scope.showLoader = true;
29 console.log(result) 29 console.log(result)
30 $scope.companyList = result; 30 $scope.companyList = result;
31 for (var i = 0; i < $scope.companyList.length; i++) { 31 for (var i = 0; i < $scope.companyList.length; i++) {
32 if ($scope.companyList[i].companyContact != null) { 32 if ($scope.companyList[i].companyContact != null) {
33 if ($scope.companyList[i].companyContact.contactNumber != null || $scope.companyList[i].companyContact.contactNumber != undefined) { 33 if ($scope.companyList[i].companyContact.contactNumber != null || $scope.companyList[i].companyContact.contactNumber != undefined) {
34 $scope.companyList[i].newContactNumber = $scope.companyList[i].companyContact.contactNumber; 34 $scope.companyList[i].newContactNumber = $scope.companyList[i].companyContact.contactNumber;
35 } 35 }
36 } 36 }
37 if ($scope.companyList[i].primaryContact != null) { 37 if ($scope.companyList[i].primaryContact != null) {
38 if ($scope.companyList[i].primaryContact.firstName != null && $scope.companyList[i].primaryContact.lastName != null) { 38 if ($scope.companyList[i].primaryContact.firstName != null && $scope.companyList[i].primaryContact.lastName != null) {
39 $scope.companyList[i].primaryContactName = $scope.companyList[i].primaryContact.firstName + ' ' + $scope.companyList[i].primaryContact.lastName; 39 $scope.companyList[i].primaryContactName = $scope.companyList[i].primaryContact.firstName + ' ' + $scope.companyList[i].primaryContact.lastName;
40 } 40 }
41 } 41 }
42 if ($scope.companyList[i].margin != null) { 42 if ($scope.companyList[i].margin != null) {
43 if ($scope.companyList[i].margin.marginName != null) { 43 if ($scope.companyList[i].margin.marginName != null) {
44 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id; 44 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id;
45 } 45 }
46 } 46 }
47 $scope.companyList[i].source = "Vendor" 47 $scope.companyList[i].source = "Vendor"
48 } 48 }
49 $scope.displayVendorList = new NgTableParams({ 49 $scope.displayVendorList = new NgTableParams({
50 page: 1, 50 page: 1,
51 count: 10, 51 count: 10,
52 }, { 52 }, {
53 data: $scope.companyList 53 data: $scope.companyList
54 }); 54 });
55 $scope.showLoader = false; 55 $scope.showLoader = false;
56 }) 56 })
57 } 57 }
58 58
59 $scope.editMargin = function(vendor){ 59 $scope.editMargin = function(vendor){
60 $scope.showLoader = true; 60 $scope.showLoader = true;
61 var companyMargin = "vendorName=" + vendor.vendorName + "&masterMargin=" + vendor.masterMargin 61 var companyMargin = "vendorName=" + vendor.vendorName + "&masterMargin=" + vendor.masterMargin
62 + "&addressOne=" + vendor.addressOne + "&addressTwo=" + vendor.addressTwo + "&city=" + vendor.city + "&state=" 62 + "&addressOne=" + vendor.addressOne + "&addressTwo=" + vendor.addressTwo + "&city=" + vendor.city + "&state="
63 + vendor.state + "&country=" + vendor.country + "&zipcode=" + vendor.zipcode + "&internalNote=" 63 + vendor.state + "&country=" + vendor.country + "&zipcode=" + vendor.zipcode + "&internalNote="
64 + vendor.internalNote + "&certificateType=" + vendor.certificateType + "&baseTenant=" + vendor.baseTenant 64 + vendor.internalNote + "&certificateType=" + vendor.certificateType + "&baseTenant=" + vendor.baseTenant
65 + "&fuelerlinxvendor=" + vendor.fuelerlinxvendor + "&contractFuelVendor=" + vendor.contractFuelVendor 65 + "&fuelerlinxvendor=" + vendor.fuelerlinxvendor + "&contractFuelVendor=" + vendor.contractFuelVendor
66 + "&activate=" + vendor.activate + "&baseIcao=" + vendor.baseIcao + "&vendorId=" + vendor.id; 66 + "&activate=" + vendor.activate + "&baseIcao=" + vendor.baseIcao + "&vendorId=" + vendor.id;
67 67
68 ViewFuelVendorService.updateContact(companyMargin).then(function(result) { 68 ViewFuelVendorService.updateContact(companyMargin).then(function(result) {
69 if(result != null && result.success){ 69 if(result != null && result.success){
70 $scope.showLoader = false; 70 $scope.showLoader = false;
71 toastr.success(''+result.success+'', { 71 toastr.success(''+result.success+'', {
72 closeButton: true 72 closeButton: true
73 }) 73 })
74 }else{ 74 }else{
75 $scope.showLoader = false; 75 $scope.showLoader = false;
76 toastr.error(''+result.statusText+'', { 76 toastr.error(''+result.statusText+'', {
77 closeButton: true 77 closeButton: true
78 }) 78 })
79 } 79 }
80 }) 80 })
81 } 81 }
82 82
83 // CustomersService.getMargin().then(function(result) { 83 // CustomersService.getMargin().then(function(result) {
84 // $scope.marginList = result; 84 // $scope.marginList = result;
85 // }) 85 // })
86 86
87 CustomersService.getJetMargin($scope.userProfileId).then(function(result) { 87 CustomersService.getJetMargin($scope.userProfileId).then(function(result) {
88 $scope.jetMarginList = result; 88 $scope.jetMarginList = result;
89 }) 89 })
90 90
91 CustomersService.getAvgMargin($scope.userProfileId).then(function(result) { 91 CustomersService.getAvgMargin($scope.userProfileId).then(function(result) {
92 $scope.avgsMarginList = result; 92 $scope.avgsMarginList = result;
93 }) 93 })
94 94
95 $scope.showCompanyError = false; 95 $scope.showCompanyError = false;
96 $scope.showMarginError = false; 96 $scope.showMarginError = false;
97 97
98 $scope.removeValidation = function(){ 98 $scope.removeValidation = function(){
99 $scope.showCompanyError = false; 99 $scope.showCompanyError = false;
100 $('.companyNameInput').removeClass('customErrorInput'); 100 $('.companyNameInput').removeClass('customErrorInput');
101 } 101 }
102 102
103 $scope.removeMarginValidation = function(){ 103 $scope.removeMarginValidation = function(){
104 $scope.showMarginError = false; 104 $scope.showMarginError = false;
105 $('.marginSelectBox').removeClass('customErrorInput'); 105 $('.marginSelectBox').removeClass('customErrorInput');
106 } 106 }
107 107
108 $scope.marginFilterOptions = []; 108 $scope.marginFilterOptions = [];
109 CustomersService.getJetMargin($scope.userProfileId).then(function(result) { 109 CustomersService.getJetMargin($scope.userProfileId).then(function(result) {
110 $scope.jetMarginList = result; 110 $scope.jetMarginList = result;
111 $scope.marginFilterOptions.push({ 111 $scope.marginFilterOptions.push({
112 'id': '', 'title': 'Show All' 112 'id': '', 'title': 'Show All'
113 }); 113 });
114 for (var i = 0; i < result.length; i++) { 114 for (var i = 0; i < result.length; i++) {
115 $scope.marginFilterOptions.push({ 115 $scope.marginFilterOptions.push({
116 'id': result[i].id, 116 'id': result[i].id,
117 'title': result[i].marginName 117 'title': result[i].marginName
118 }) 118 })
119 } 119 }
120 }) 120 })
121 121
122 $scope.addFirstData = function(sel, step){ 122 $scope.addFirstData = function(sel, step){
123 // console.log($scope.data) 123 // console.log($scope.data)
124 if($scope.data.vendorName == undefined){ 124 if($scope.data.vendorName == undefined){
125 $scope.showCompanyError = true; 125 $scope.showCompanyError = true;
126 $('.companyNameInput').addClass('customErrorInput'); 126 $('.companyNameInput').addClass('customErrorInput');
127 }else if($scope.data.masterMargin == undefined){ 127 }else if($scope.data.masterMargin == undefined){
128 $scope.showMarginError = true; 128 $scope.showMarginError = true;
129 $('.marginSelectBox').addClass('customErrorInput'); 129 $('.marginSelectBox').addClass('customErrorInput');
130 }else{ 130 }else{
131 var vendorData = "vendorName=" + $scope.data.vendorName + "&masterMargin=" + $scope.data.masterMargin 131 var vendorData = "vendorName=" + $scope.data.vendorName + "&masterMargin=" + $scope.data.masterMargin
132 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state=" 132 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state="
133 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote=" 133 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote="
134 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant 134 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant
135 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor 135 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor
136 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao; 136 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao;
137 137
138 FuelVendorsService.addVendor($scope.data).then(function(result) { 138 FuelVendorsService.addVendor($scope.data).then(function(result) {
139 $scope.accountId = result; 139 $scope.accountId = result;
140 $('#vendor-modal-3').modal('hide'); 140 $('#vendor-modal-3').modal('hide');
141 getAllVendor(); 141 getAllVendor();
142 }) 142 })
143 } 143 }
144 144
145 } 145 }
146 146
147 $scope.exportVendors = function() { 147 $scope.exportVendors = function() {
148 $scope.showLoader = true; 148 $scope.showLoader = true;
149 var fileName = "vendors.csv"; 149 var fileName = "vendors.csv";
150 var a = document.createElement("a"); 150 var a = document.createElement("a");
151 document.body.appendChild(a); 151 document.body.appendChild(a);
152 FuelVendorsService.exportVendors().then(function(result) { 152 FuelVendorsService.exportVendors().then(function(result) {
153 var file = new Blob([result], {type: 'application/csv'}); 153 var file = new Blob([result], {type: 'application/csv'});
154 var fileURL = URL.createObjectURL(file); 154 var fileURL = URL.createObjectURL(file);
155 a.href = fileURL; 155 a.href = fileURL;
156 a.download = fileName; 156 a.download = fileName;
157 a.click(); 157 a.click();
158 $scope.showLoader = false; 158 $scope.showLoader = false;
159 }) 159 })
160 } 160 }
161 161
app/partials/customers/customers.html
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 5
6 .button1 { 6 .button1 {
7 display: inline-block; 7 display: inline-block;
8 height: 35px; 8 height: 35px;
9 line-height: 35px; 9 line-height: 35px;
10 padding-right: 15px; 10 padding-right: 15px;
11 padding-left: 50px; 11 padding-left: 50px;
12 position: relative; 12 position: relative;
13 background-color:rgb(41,127,184); 13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255); 14 color:rgb(255,255,255);
15 text-decoration: none; 15 text-decoration: none;
16 text-transform: uppercase; 16 text-transform: uppercase;
17 letter-spacing: 1px; 17 letter-spacing: 1px;
18 margin-bottom: 15px; 18 margin-bottom: 15px;
19 border: 0; 19 border: 0;
20 20
21 21
22 border-radius: 5px; 22 border-radius: 5px;
23 -moz-border-radius: 5px; 23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px; 24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28 28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 } 34 }
35 35
36 .button1 span { 36 .button1 span {
37 position: absolute; 37 position: absolute;
38 left: 0; 38 left: 0;
39 top: 0; 39 top: 0;
40 width: 35px; 40 width: 35px;
41 background-color:rgba(0,0,0,0.5); 41 background-color:rgba(0,0,0,0.5);
42 42
43 -webkit-border-top-left-radius: 5px; 43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px; 44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px; 45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px; 46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px; 47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px; 48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15); 49 border-right: 1px solid rgba(0,0,0,0.15);
50 } 50 }
51 51
52 .button1:hover span, .button1.active span { 52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26); 53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3); 54 border-right: 1px solid rgba(0,0,0,0.3);
55 } 55 }
56 56
57 .button1:active { 57 .button1:active {
58 margin-top: 2px; 58 margin-top: 2px;
59 margin-bottom: 13px; 59 margin-bottom: 13px;
60 60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 } 66 }
67 67
68 .button1.turquoise { 68 .button1.turquoise {
69 background: #449d44; 69 background: #449d44;
70 } 70 }
71 </style> 71 </style>
72 <div class="myLoader" ng-show="showLoader"> 72 <div class="myLoader" ng-show="showLoader">
73 <img src="../img/hourglass.gif" width="50px;"> 73 <img src="../img/hourglass.gif" width="50px;">
74 </div> 74 </div>
75 75
76 <div class="main"> 76 <div class="main">
77 <div class="container"> 77 <div class="container">
78 <div class="row"> 78 <div class="row">
79 <div class="col-md-12"> 79 <div class="col-md-12">
80 <div class="widget stacked "> 80 <div class="widget stacked ">
81 <div class="widget-content"> 81 <div class="widget-content">
82 <div class="tabbable"> 82 <div class="tabbable">
83 <ul class="nav nav-tabs"> 83 <ul class="nav nav-tabs">
84 <li class="active"> 84 <li class="active">
85 <a ui-sref="app.customers">Company View 85 <a ui-sref="app.customers">Customer View
86 <i class="fa fa-caret-down" aria-hidden="true"></i> 86 <i class="fa fa-caret-down" aria-hidden="true"></i>
87 </a> 87 </a>
88 </li> 88 </li>
89 <li> 89 <li>
90 <a ui-sref="app.ContactView">Contact View 90 <a ui-sref="app.ContactView">Contact View
91 <i class="fa fa-caret-down" aria-hidden="true"></i> 91 <i class="fa fa-caret-down" aria-hidden="true"></i>
92 </a> 92 </a>
93 </li> 93 </li>
94 <li> 94 <li>
95 <a ui-sref="app.FuelVendors">Fuel Vendors 95 <a ui-sref="app.FuelVendors">Fuel Vendors
96 <i class="fa fa-caret-down" aria-hidden="true"></i> 96 <i class="fa fa-caret-down" aria-hidden="true"></i>
97 </a> 97 </a>
98 </li> 98 </li>
99 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li> 99 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li>
100 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayCompanyList.filter({}); searchText=null">Clear Search And Filters</button></li> 100 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayCompanyList.filter({}); searchText=null">Clear Search And Filters</button></li>
101 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li> 101 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li>
102 </ul> 102 </ul>
103 <br> 103 <br>
104 <div class="tab-content customer-table" style="margin:0px"> 104 <div class="tab-content customer-table" style="margin:0px">
105 <div class="tab-pane active" id="companyView"> 105 <div class="tab-pane active" id="companyView">
106 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true"> 106 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true">
107 <tr ng-repeat="row in $data | filter:searchText"" style="cursor: pointer;"> 107 <tr ng-repeat="row in $data | filter:searchText"" style="cursor: pointer;">
108 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ui-sref="app.viewCompany({id : row.id})"> 108 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ui-sref="app.viewCompany({id : row.id})">
109 {{row.companyName}} 109 {{row.companyName}}
110 </td> 110 </td>
111 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'" ui-sref="app.viewCompany({id : row.id})"> 111 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'" ui-sref="app.viewCompany({id : row.id})">
112 {{row.companyAircraftSize}} 112 {{row.companyAircraftSize}}
113 </td> 113 </td>
114 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewCompany({id : row.id})"> 114 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewCompany({id : row.id})">
115 {{row.newContactNumber}} 115 {{row.newContactNumber}}
116 </td> 116 </td>
117 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewCompany({id : row.id})"> 117 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewCompany({id : row.id})">
118 {{row.primaryContactName}} 118 {{row.primaryContactName}}
119 </td> 119 </td>
120 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'" ui-sref="app.viewCompany({id : row.id})"> 120 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'" ui-sref="app.viewCompany({id : row.id})">
121 {{row.baseIcao}} 121 {{row.baseIcao}}
122 </td> 122 </td>
123 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewCompany({id : row.id})"> 123 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewCompany({id : row.id})">
124 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 124 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
125 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 125 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
126 </td> 126 </td>
127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
129 </td> 129 </td>
130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewCompany({id : row.id})"> 130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewCompany({id : row.id})">
131 {{row.marginAllIn}} 131 {{row.marginAllIn}}
132 </td> 132 </td>
133 <td data-title="''"> 133 <td data-title="''">
134 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 134 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
135 </td> 135 </td>
136 </tr> 136 </tr>
137 </table> 137 </table>
138 138
139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button> 139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button>
140 140
141 </div> 141 </div>
142 </div> 142 </div>
143 </div> 143 </div>
144 </div> 144 </div>
145 <!-- /widget-content --> 145 <!-- /widget-content -->
146 </div> 146 </div>
147 <!-- /widget --> 147 <!-- /widget -->
148 </div> 148 </div>
149 <!-- /span8 --> 149 <!-- /span8 -->
150 </div> 150 </div>
151 <!-- /row --> 151 <!-- /row -->
152 </div> 152 </div>
153 <!-- /container --> 153 <!-- /container -->
154 </div> 154 </div>
155 <!-- /main --> 155 <!-- /main -->
156 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 156 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
157 <div class="modal-dialog modal-lg"> 157 <div class="modal-dialog modal-lg">
158 <div class="modal-content"> 158 <div class="modal-content">
159 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 159 <div class="modal-body step-1" data-step="1" style="padding: 0;">
160 <div> 160 <div>
161 <div class="row" style="margin: 0;"> 161 <div class="row" style="margin: 0;">
162 <div> 162 <div>
163 <div class="widget" style="margin-bottom: 0;"> 163 <div class="widget" style="margin-bottom: 0;">
164 <div class="widget-header"> 164 <div class="widget-header">
165 <i class="icon-pencil"></i> 165 <i class="icon-pencil"></i>
166 <i class="fa fa-tasks" aria-hidden="true"></i> 166 <i class="fa fa-tasks" aria-hidden="true"></i>
167 <h3>Add a New Company</h3> 167 <h3>Add a New Company</h3>
168 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 168 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
169 <div style="color: #ff9a01;">Activate &nbsp &nbsp 169 <div style="color: #ff9a01;">Activate &nbsp &nbsp
170 <toggle ng-model="data.activate" size="customToogle"></toggle> 170 <toggle ng-model="data.activate" size="customToogle"></toggle>
171 </div> 171 </div>
172 </div> 172 </div>
173 <div class="clearfix"></div> 173 <div class="clearfix"></div>
174 </div> 174 </div>
175 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 175 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
176 <div class="col-xs-12"> 176 <div class="col-xs-12">
177 <div class="col-md-8"> 177 <div class="col-md-8">
178 <div class="pull-left"> 178 <div class="pull-left">
179 <label class="new-input-label"><b>Company Name *</b></label> 179 <label class="new-input-label"><b>Company Name *</b></label>
180 </div> 180 </div>
181 <div class="pull-left" style="margin-left: 15px;"> 181 <div class="pull-left" style="margin-left: 15px;">
182 <input type="text" ng-keyup="removeValidation()" ng-model="data.companyName" uib-typeahead="company.companyName for company in compNameList | filter:$viewValue | limitTo:8" class="form-control companyNameInput"> 182 <input type="text" ng-keyup="removeValidation()" ng-model="data.companyName" uib-typeahead="company.companyName for company in compNameList | filter:$viewValue | limitTo:8" class="form-control companyNameInput">
183 183
184 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 184 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
185 </div> 185 </div>
186 <div class="clearfix"></div> 186 <div class="clearfix"></div>
187 </div> 187 </div>
188 <div class="col-md-4"> 188 <div class="col-md-4">
189 189
190 <div class="pull-right"> 190 <div class="pull-right">
191 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 191 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
192 </div> 192 </div>
193 <div class="pull-right"> 193 <div class="pull-right">
194 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 194 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
195 </div> 195 </div>
196 <div class="clearfix"></div> 196 <div class="clearfix"></div>
197 </div> 197 </div>
198 </div> 198 </div>
199 <div class="clearfix"></div><br> 199 <div class="clearfix"></div><br>
200 <div class="col-xs-12"> 200 <div class="col-xs-12">
201 <div class="col-md-7"> 201 <div class="col-md-7">
202 <div class="pull-left"> 202 <div class="pull-left">
203 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 203 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
204 </div> 204 </div>
205 <div class="pull-left" style="margin-left: 32px;"> 205 <div class="pull-left" style="margin-left: 32px;">
206 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 206 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
207 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 207 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
208 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 208 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
209 </div> 209 </div>
210 <div class="clearfix"></div> 210 <div class="clearfix"></div>
211 </div> 211 </div>
212 <div class="col-md-2 Airport" style="text-align: right;"> 212 <div class="col-md-2 Airport" style="text-align: right;">
213 <b>Certificate Type</b> 213 <b>Certificate Type</b>
214 </div> 214 </div>
215 <div class="col-md-3 Airport"> 215 <div class="col-md-3 Airport">
216 <select required class="form-control" ng-model="data.certificateType"> 216 <select required class="form-control" ng-model="data.certificateType">
217 <option value="" disabled selected hidden>Select...</option> 217 <option value="" disabled selected hidden>Select...</option>
218 <option value="corporate">Part 91 (Corporate)</option> 218 <option value="corporate">Part 91 (Corporate)</option>
219 <option value="charter">Part 135 (Charter)</option> 219 <option value="charter">Part 135 (Charter)</option>
220 <option value="scheduled">Part 121 (Scheduled)</option> 220 <option value="scheduled">Part 121 (Scheduled)</option>
221 <option value="military">Military</option> 221 <option value="military">Military</option>
222 <option value="government">Government</option> 222 <option value="government">Government</option>
223 </select> 223 </select>
224 </div> 224 </div>
225 <div class="clearfix"></div> 225 <div class="clearfix"></div>
226 </div> 226 </div>
227 <div class="clearfix"></div> 227 <div class="clearfix"></div>
228 <br/> 228 <br/>
229 <div class="col-xs-12"> 229 <div class="col-xs-12">
230 <div class="col-md-6"> 230 <div class="col-md-6">
231 <div class="pull-left" style="width: 110px;"> 231 <div class="pull-left" style="width: 110px;">
232 <b>JET A Margin *</b> 232 <b>JET A Margin *</b>
233 </div> 233 </div>
234 <div class="pull-left"> 234 <div class="pull-left">
235 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 235 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
236 <option value="" disabled>Select...</option> 236 <option value="" disabled>Select...</option>
237 </select> 237 </select>
238 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 238 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
239 239
240 <div class="clearfix"></div> 240 <div class="clearfix"></div>
241 </div> 241 </div>
242 </div> 242 </div>
243 243
244 <div class="col-md-3 Airport" style="text-align: right;"> 244 <div class="col-md-3 Airport" style="text-align: right;">
245 <b>AVGAS 100LL Margin</b> 245 <b>AVGAS 100LL Margin</b>
246 </div> 246 </div>
247 <div class="col-md-3 Airport"> 247 <div class="col-md-3 Airport">
248 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 248 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
249 <option value="" disabled>Select...</option> 249 <option value="" disabled>Select...</option>
250 </select> 250 </select>
251 </div> 251 </div>
252 <div class="clearfix"></div> 252 <div class="clearfix"></div>
253 </div> 253 </div>
254 <div class="clearfix"></div> 254 <div class="clearfix"></div>
255 <br/> 255 <br/>
256 <div class="col-xs-12"> 256 <div class="col-xs-12">
257 <div class="col-md-12"> 257 <div class="col-md-12">
258 <div class="pull-left" style="width: 110px;"> 258 <div class="pull-left" style="width: 110px;">
259 <label class="new-input-label"><b>Address</b></label> 259 <label class="new-input-label"><b>Address</b></label>
260 </div> 260 </div>
261 <div class="pull-left" style="width: calc(100% - 110px);"> 261 <div class="pull-left" style="width: calc(100% - 110px);">
262 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 262 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
263 </div> 263 </div>
264 <div class="clearfix"></div> 264 <div class="clearfix"></div>
265 </div> 265 </div>
266 </div> 266 </div>
267 <div class="clearfix"></div> 267 <div class="clearfix"></div>
268 <br/> 268 <br/>
269 <div class="col-xs-12"> 269 <div class="col-xs-12">
270 <div class="col-md-12"> 270 <div class="col-md-12">
271 <div class="pull-left" style="width: 110px;"> 271 <div class="pull-left" style="width: 110px;">
272 <label class="new-input-label"><b>Address2</b></label> 272 <label class="new-input-label"><b>Address2</b></label>
273 </div> 273 </div>
274 <div class="pull-left" style="width: calc(100% - 110px);"> 274 <div class="pull-left" style="width: calc(100% - 110px);">
275 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 275 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
276 </div> 276 </div>
277 <div class="clearfix"></div> 277 <div class="clearfix"></div>
278 </div> 278 </div>
279 </div> 279 </div>
280 <div class="clearfix"></div> 280 <div class="clearfix"></div>
281 <br/> 281 <br/>
282 <div class="col-xs-12"> 282 <div class="col-xs-12">
283 283
284 <div class="col-md-6"> 284 <div class="col-md-6">
285 <div class="pull-left" style="width: 110px;"> 285 <div class="pull-left" style="width: 110px;">
286 <label class="new-input-label"><b>City</b></label> 286 <label class="new-input-label"><b>City</b></label>
287 </div> 287 </div>
288 <div class="pull-left" style="width: calc(100% - 110px);"> 288 <div class="pull-left" style="width: calc(100% - 110px);">
289 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 289 <input type="text" ng-model="data.city" class="form-control" placeholder="">
290 </div> 290 </div>
291 <div class="clearfix"></div> 291 <div class="clearfix"></div>
292 </div> 292 </div>
293 <div class="col-md-3"> 293 <div class="col-md-3">
294 <div class="pull-left" style="width: 40px;"> 294 <div class="pull-left" style="width: 40px;">
295 <label class="new-input-label"><b>State</b></label> 295 <label class="new-input-label"><b>State</b></label>
296 </div> 296 </div>
297 <div class="pull-left" style="width: calc(100% - 110px);"> 297 <div class="pull-left" style="width: calc(100% - 110px);">
298 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 298 <input type="text" ng-model="data.state" class="form-control" placeholder="">
299 </div> 299 </div>
300 <div class="clearfix"></div> 300 <div class="clearfix"></div>
301 </div> 301 </div>
302 <div class="col-md-3"> 302 <div class="col-md-3">
303 <div class="pull-left"> 303 <div class="pull-left">
304 <label class="new-input-label"><b>Zip Code</b></label> 304 <label class="new-input-label"><b>Zip Code</b></label>
305 </div> 305 </div>
306 <div class="pull-right" style="width: calc(100% - 60px);"> 306 <div class="pull-right" style="width: calc(100% - 60px);">
307 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 307 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
308 </div> 308 </div>
309 <div class="clearfix"></div> 309 <div class="clearfix"></div>
310 </div> 310 </div>
311 </div> 311 </div>
312 <div class="clearfix"></div> 312 <div class="clearfix"></div>
313 <br/> 313 <br/>
314 <div class="col-xs-12"> 314 <div class="col-xs-12">
315 315
316 <div class="col-md-6"> 316 <div class="col-md-6">
317 <div class="pull-left" style="width: 110px;"> 317 <div class="pull-left" style="width: 110px;">
318 <label class="new-input-label"><b>Country</b></label> 318 <label class="new-input-label"><b>Country</b></label>
319 </div> 319 </div>
320 <div class="pull-left" style="width: calc(100% - 110px);"> 320 <div class="pull-left" style="width: calc(100% - 110px);">
321 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 321 <input type="text" ng-model="data.country" class="form-control" placeholder="">
322 </div> 322 </div>
323 <div class="clearfix"></div> 323 <div class="clearfix"></div>
324 </div> 324 </div>
325 <div class="col-md-6"> 325 <div class="col-md-6">
326 <div class="pull-left" style="width: 110px;"> 326 <div class="pull-left" style="width: 110px;">
327 <label class="new-input-label"><b>Internal Note</b></label> 327 <label class="new-input-label"><b>Internal Note</b></label>
328 </div> 328 </div>
329 <div class="pull-left" style="width: calc(100% - 110px);"> 329 <div class="pull-left" style="width: calc(100% - 110px);">
330 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 330 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
331 </div> 331 </div>
332 <div class="clearfix"></div> 332 <div class="clearfix"></div>
333 </div> 333 </div>
334 </div> 334 </div>
335 <div class="clearfix"></div> 335 <div class="clearfix"></div>
336 <!-- <br/> 336 <!-- <br/>
337 <div class="col-xs-12"> 337 <div class="col-xs-12">
338 <div class="col-md-2 Airport"></div> 338 <div class="col-md-2 Airport"></div>
339 <div class="col-md-10 Airport"> 339 <div class="col-md-10 Airport">
340 <div class="pull-right"> 340 <div class="pull-right">
341 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 341 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
342 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 342 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
343 </div> 343 </div>
344 </div> 344 </div>
345 </div> --> 345 </div> -->
346 </div> 346 </div>
347 </div> 347 </div>
348 <div class="clearfix"></div> 348 <div class="clearfix"></div>
349 </div> 349 </div>
350 </div> 350 </div>
351 </div> 351 </div>
352 </div> 352 </div>
353 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 353 <div class="modal-body step-2" data-step="2" style="padding: 0;">
354 <div> 354 <div>
355 <div class="row" style="margin: 0;"> 355 <div class="row" style="margin: 0;">
356 <div> 356 <div>
357 <div class="widget" style="margin-bottom: 0;"> 357 <div class="widget" style="margin-bottom: 0;">
358 <div class="widget-header"> 358 <div class="widget-header">
359 <i class="icon-pencil"></i> 359 <i class="icon-pencil"></i>
360 <i class="fa fa-tasks" aria-hidden="true"></i> 360 <i class="fa fa-tasks" aria-hidden="true"></i>
361 <h3>Add a New Company</h3> 361 <h3>Add a New Company</h3>
362 <div class="clearfix"></div> 362 <div class="clearfix"></div>
363 </div> 363 </div>
364 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 364 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
365 <div class="col-xs-12"> 365 <div class="col-xs-12">
366 <div class="widget-header"> 366 <div class="widget-header">
367 <i class="fa fa-list"></i> 367 <i class="fa fa-list"></i>
368 <h3>Aircraft List</h3> 368 <h3>Aircraft List</h3>
369 </div> 369 </div>
370 <div class="widget-content" style="padding:0px;border: 0px; "> 370 <div class="widget-content" style="padding:0px;border: 0px; ">
371 <div class="table-responsive"> 371 <div class="table-responsive">
372 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 372 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
373 <thead> 373 <thead>
374 <tr> 374 <tr>
375 <th>Tail</th> 375 <th>Tail</th>
376 <th>Make</th> 376 <th>Make</th>
377 <th>Model</th> 377 <th>Model</th>
378 <th>Size</th> 378 <th>Size</th>
379 <th>Margin</th> 379 <th>Margin</th>
380 </tr> 380 </tr>
381 </thead> 381 </thead>
382 <tbody> 382 <tbody>
383 <tr> 383 <tr>
384 <td> 384 <td>
385 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 385 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
386 </td> 386 </td>
387 <td style="width: 25%;"> 387 <td style="width: 25%;">
388 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 388 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
389 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 389 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
390 </select> 390 </select>
391 </td> 391 </td>
392 <td style="width: 20%;"> 392 <td style="width: 20%;">
393 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 393 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
394 <option ng-repeat="model in aircraftModalList">{{model}}</option> 394 <option ng-repeat="model in aircraftModalList">{{model}}</option>
395 </select> 395 </select>
396 </td> 396 </td>
397 <td style="width: 25%;"> 397 <td style="width: 25%;">
398 <select class="form-control" ng-model="aircraft.size"> 398 <select class="form-control" ng-model="aircraft.size">
399 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 399 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
400 </select> 400 </select>
401 </td> 401 </td>
402 <td> 402 <td>
403 <select class="form-control"> 403 <select class="form-control">
404 <option>Margin1</option> 404 <option>Margin1</option>
405 <option>Margin2</option> 405 <option>Margin2</option>
406 </select> 406 </select>
407 </td> 407 </td>
408 </tr> 408 </tr>
409 </tbody> 409 </tbody>
410 410
411 </table> --> 411 </table> -->
412 <table class="table table-striped table-bordered"> 412 <table class="table table-striped table-bordered">
413 <thead> 413 <thead>
414 <tr> 414 <tr>
415 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 415 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
416 <th>Tail</th> 416 <th>Tail</th>
417 <th>Make</th> 417 <th>Make</th>
418 <th>Model</th> 418 <th>Model</th>
419 <th>Size</th> 419 <th>Size</th>
420 <th>JET A Margin</th> 420 <th>JET A Margin</th>
421 <th>AVGS 100LL Margin</th> 421 <th>AVGS 100LL Margin</th>
422 </tr> 422 </tr>
423 </thead> 423 </thead>
424 <tbody> 424 <tbody>
425 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 425 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
426 <!-- <td> 426 <!-- <td>
427 <input type="checkbox" ng-model="aircraftData.selected"/> 427 <input type="checkbox" ng-model="aircraftData.selected"/>
428 </td> --> 428 </td> -->
429 <td style="width: 15%"> 429 <td style="width: 15%">
430 <input type="text" class="form-control" ng-model="aircraftData.tail" required/> 430 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
431 </td> 431 </td>
432 <td style="width: 17%"> 432 <td style="width: 17%">
433 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 433 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
434 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 434 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
435 <option value="" disabled>Select...</option> 435 <option value="" disabled>Select...</option>
436 </select> 436 </select>
437 </td> 437 </td>
438 <td style="width: 17%"> 438 <td style="width: 17%">
439 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 439 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
440 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 440 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
441 <option value="" disabled>Select...</option> 441 <option value="" disabled>Select...</option>
442 </select> 442 </select>
443 </td> 443 </td>
444 <td style="width: 17%"> 444 <td style="width: 17%">
445 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> 445 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList">
446 <option value="" disabled>Select...</option> 446 <option value="" disabled>Select...</option>
447 </select> 447 </select>
448 <!-- <select class="form-control" ng-model="aircraftData.size"> 448 <!-- <select class="form-control" ng-model="aircraftData.size">
449 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 449 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
450 </select> --> 450 </select> -->
451 </td> 451 </td>
452 <td style="width: 17%"> 452 <td style="width: 17%">
453 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> 453 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList">
454 <option value="" disabled>Select...</option> 454 <option value="" disabled>Select...</option>
455 </select> 455 </select>
456 </td> 456 </td>
457 <td style="width: 17%"> 457 <td style="width: 17%">
458 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 458 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
459 <option value="" disabled>Select...</option> 459 <option value="" disabled>Select...</option>
460 </select> 460 </select>
461 </td> 461 </td>
462 </tr> 462 </tr>
463 </tbody> 463 </tbody>
464 </table> 464 </table>
465 </div> 465 </div>
466 <div class="clearfix"></div> 466 <div class="clearfix"></div>
467 </div> 467 </div>
468 </div> 468 </div>
469 <div class="clearfix"></div> 469 <div class="clearfix"></div>
470 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 470 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
471 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 471 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
472 </div> 472 </div>
473 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 473 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
474 <div class="pull-right"> 474 <div class="pull-right">
475 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 475 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
476 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 476 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
477 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 477 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
478 </div> 478 </div>
479 </div> --> 479 </div> -->
480 </div> 480 </div>
481 </div> 481 </div>
482 <div class="clearfix"></div> 482 <div class="clearfix"></div>
483 </div> 483 </div>
484 </div> 484 </div>
485 </div> 485 </div>
486 </div> 486 </div>
487 <!-- <div class="modal-body step-3" data-step="3"> 487 <!-- <div class="modal-body step-3" data-step="3">
488 This is the final step. 488 This is the final step.
489 </div> --> 489 </div> -->
490 <div class="modal-footer" style="border-top: 0;"> 490 <div class="modal-footer" style="border-top: 0;">
491 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 491 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
492 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 492 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
493 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 493 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
494 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> 494 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
495 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 495 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
496 </div> 496 </div>
497 </div> 497 </div>
498 </div> 498 </div>
499 </form> 499 </form>
500 <div class="myLoader" ng-show="showLoader"> 500 <div class="myLoader" ng-show="showLoader">
501 <img src="../img/hourglass.gif" width="50px;"> 501 <img src="../img/hourglass.gif" width="50px;">
502 </div> 502 </div>
503 <script src="js/multi-step-modal.js"></script> 503 <script src="js/multi-step-modal.js"></script>
504 <script> 504 <script>
505 sendEvent = function(sel, step) { 505 sendEvent = function(sel, step) {
506 $(sel).trigger('next.m.' + step); 506 $(sel).trigger('next.m.' + step);
507 } 507 }
508 </script> 508 </script>
app/partials/flightTracking/flightTracking.controller.js
File was created 1 'use strict';
2
3 angular.module('acufuel')
4
5 .controller('flightTrackingController', ['$scope','$compile', 'uiCalendarConfig', 'flightTrackingService', function($scope, $compile, uiCalendarConfig, flightTrackingService) {
6
7
8
9 }]);
10
11
app/partials/flightTracking/flightTracking.html
File was created 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900;
4 }
5
6 .button1 {
7 display: inline-block;
8 height: 35px;
9 line-height: 35px;
10 padding-right: 15px;
11 padding-left: 50px;
12 position: relative;
13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255);
15 text-decoration: none;
16 text-transform: uppercase;
17 letter-spacing: 1px;
18 margin-bottom: 15px;
19 border: 0;
20
21
22 border-radius: 5px;
23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 }
35
36 .button1 span {
37 position: absolute;
38 left: 0;
39 top: 0;
40 width: 35px;
41 background-color:rgba(0,0,0,0.5);
42
43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15);
50 }
51
52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3);
55 }
56
57 .button1:active {
58 margin-top: 2px;
59 margin-bottom: 13px;
60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 }
67
68 .button1.turquoise {
69 background: #449d44;
70 }
71 </style>
72
73 <div class="main">
74 <div class="container">
75 <div class="row">
76 <div class="col-md-12">
77 <div class="widget stacked ">
78 <div class="widget-content" style="min-height: 500px">
79 <h3>Coming Soon</h3>
80 <!-- /widget-content -->
81 </div>
82 <!-- /widget -->
83 </div>
84 <!-- /span8 -->
85 </div>
86 <!-- /row -->
87 </div>
88 <!-- /container -->
89 </div>
90 <!-- /main -->
app/partials/flightTracking/flightTracking.service.js
File was created 1 (function(){
2 'use strict';
3 angular.module('acufuel')
4 .service('flightTrackingService', ['$q', '$http', 'BASE_URL', flightTrackingService]);
5
6 function flightTrackingService($q, $http, BASE_URL) {
7 var temp = {};
8
9 this.getEvents = function() {
10 var deferred = $q.defer();
11 $http({
12 method : 'GET',
13 url : BASE_URL.url +'/user/schedules',
14 headers : {'Content-Type': 'application/json'},
15 })
16 .then(function (result){
17 deferred.resolve(result.data);
18 },function (result){
19 deferred.resolve(result.data);
20 })
21 return deferred.promise;
22 }
23
24 this.addNewEventService = function(data) {
25 var deferred = $q.defer();
26 $http({
27 method : 'POST',
28 url : BASE_URL.url +'/scheduler',
29 headers : {'Content-Type': 'application/json'},
30 data: data
31 })
32 .then(function (result){
33 deferred.resolve(result.data);
34 },function (result){
35 deferred.resolve(result.data);
36 })
37 return deferred.promise;
38 }
39
40 this.updateScheduledEvent = function(data) {
41 var deferred = $q.defer();
42 $http({
43 method : 'PUT',
44 url : BASE_URL.url +'/scheduler',
45 headers : {'Content-Type': 'application/json'},
46 data: data
47 })
48 .then(function (result){
49 deferred.resolve(result.data);
50 },function (result){
51 deferred.resolve(result.data);
52 })
53 return deferred.promise;
54 }
55
56 }
57
58 })();
app/partials/main/main.controller.js
1 1
2 (function() { 2 (function() {
3 'use strict' 3 'use strict'
4 4
5 angular.module('acufuel') 5 angular.module('acufuel')
6 .controller('MainController', [ '$scope', '$filter', '$rootScope', '$state', MainController]); 6 .controller('MainController', [ '$scope', '$filter', '$rootScope', '$state', MainController]);
7 7
8 function MainController($scope, $filter, $rootScope, $state) { 8 function MainController($scope, $filter, $rootScope, $state) {
9 9
10 10 $scope.currentUserName = JSON.parse(localStorage.getItem('currentUserName'));
11 } 11 }
12 })(); 12 })();
13 13
14 14
app/partials/main/main.html
1 <nav class="navbar navbar-inverse" role="navigation"> 1 <nav class="navbar navbar-inverse" role="navigation">
2 <div class="container"> 2 <div class="container">
3 <!-- Brand and toggle get grouped for better mobile display --> 3 <!-- Brand and toggle get grouped for better mobile display -->
4 <div class="navbar-header"> 4 <div class="navbar-header">
5 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 5 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
6 <span class="sr-only">Toggle navigation</span> 6 <span class="sr-only">Toggle navigation</span>
7 <i class="icon-cog"></i> 7 <i class="icon-cog"></i>
8 </button> 8 </button>
9 <a class="navbar-brand" ui-sref="app.dashboard"> 9 <a class="navbar-brand" ui-sref="app.dashboard">
10 <img src="./img/acufuelLOGOwhite.png" class="img-logo"> 10 <img src="./img/acufuelLOGOwhite.png" class="img-logo">
11 </a> 11 </a>
12 </div> 12 </div>
13 <!-- Collect the nav links, forms, and other content for toggling --> 13 <!-- Collect the nav links, forms, and other content for toggling -->
14 <div class="collapse navbar-collapse navbar-ex1-collapse"> 14 <div class="collapse navbar-collapse navbar-ex1-collapse">
15 <ul class="nav navbar-nav navbar-right"> 15 <ul class="nav navbar-nav navbar-right">
16 <li class="dropdown"> 16 <li class="dropdown">
17 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown"> 17 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown">
18 <i class="icon-plane"></i> 18 <i class="icon-plane"></i>
19 Latitude Jet Center 19 {{currentUserName}}
20 <b class="caret"></b> 20 <b class="caret"></b>
21 </a> 21 </a>
22 <ul class="dropdown-menu"> 22 <ul class="dropdown-menu">
23 <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li> 23 <li ng-if="!isAuthenticated"><a href="javascript:;">My Profile</a></li>
24 <li ng-if="isAuthenticated"><a href="javascript:;">FBO Profile</a></li>
25 <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li> 24 <li ng-if="isAuthenticated"><a ui-sref="app.accountSetting">Account Settings</a></li>
26 <li class="divider"></li> 25 <li class="divider"></li>
27 <li><a href="#" ng-click="logout();">Logout</a></li> 26 <li><a href="#" ng-click="logout();">Logout</a></li>
28 </ul> 27 </ul>
29 </li> 28 </li>
30 </ul> 29 </ul>
31 </div> 30 </div>
32 <!-- /.navbar-collapse --> 31 <!-- /.navbar-collapse -->
33 </div> 32 </div>
34 <!-- /.container --> 33 <!-- /.container -->
35 </nav> 34 </nav>
36 <div class="subnavbar"> 35 <div class="subnavbar">
37 <div class="subnavbar-inner"> 36 <div class="subnavbar-inner">
38 <div class="container"> 37 <div class="container">
39 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse"> 38 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
40 <span class="sr-only">Toggle navigation</span> 39 <span class="sr-only">Toggle navigation</span>
41 <i class="icon-reorder"></i> 40 <i class="icon-reorder"></i>
42 </a> 41 </a>
43 <div class="collapse subnav-collapse"> 42 <div class="collapse subnav-collapse">
44 <ul class="mainnav"> 43 <ul class="mainnav">
45 <li ng-if="isAuthenticated"> 44 <li ng-if="isAuthenticated">
46 <a ui-sref="app.dashboard"> 45 <a ui-sref="app.dashboard">
47 <i class="fa fa-home"></i> 46 <i class="fa fa-home"></i>
48 <span>Home</span> 47 <span>Home</span>
49 </a> 48 </a>
50 </li> 49 </li>
51 <li class="dropdown" ng-if="isAuthenticated"> 50 <li class="dropdown" ng-if="isAuthenticated">
52 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 51 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
53 <i class="fa fa-tint"></i> 52 <i class="fa fa-tint"></i>
54 <span>Fuel Manager</span> 53 <span>Fuel Manager</span>
55 <b class="caret"></b> 54 <b class="caret"></b>
56 </a> 55 </a>
57 <ul class="dropdown-menu"> 56 <ul class="dropdown-menu">
58 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li> 57 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li>
59 <li> 58 <li>
60 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a> 59 <a ui-sref="app.enterFuelOrder">Enter Fuel Order</a>
61 </li> 60 </li>
62 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Free Manager</a></li> 61 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Free Manager</a></li>
63 <li class="dropdown-submenu"> 62 <li class="dropdown-submenu">
64 <a tabindex="-1" href="#">Tax Manager</a> 63 <a tabindex="-1" >Tax Manager</a>
65 <ul class="dropdown-menu"> 64 <ul class="dropdown-menu">
66 <li><a tabindex="-1" href="#">Federal Taxes</a></li> 65 <li><a tabindex="-1" ui-sref="app.taxes">Federal Taxes</a></li>
67 <li><a href="#">State & Country Taxes</a></li> 66 <li><a ui-sref="app.taxes">State & Country Taxes</a></li>
68 <li><a href="#">Airport Taxes</a></li> 67 <li><a ui-sref="app.taxes">Airport Taxes</a></li>
69 </ul> 68 </ul>
70 </li> 69 </li>
71 <li ng-if="isAuthenticated"> 70 <li ng-if="isAuthenticated">
72 <a ui-sref="app.fuelOrders"> 71 <a ui-sref="app.fuelOrders">
73 <span>Fuel Orders</span> 72 <span>Fuel Orders</span>
74 </a> 73 </a>
75 </li> 74 </li>
76 </ul> 75 </ul>
77 </li> 76 </li>
78 <li class="dropdown" ng-if="isAuthenticated"> 77 <li class="dropdown" ng-if="isAuthenticated">
79 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 78 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
80 <i class="fa fa-user"></i> 79 <i class="fa fa-user"></i>
81 <span>Customers</span> 80 <span>Accounts</span>
82 <b class="caret"></b> 81 <b class="caret"></b>
83 </a> 82 </a>
84 <ul class="dropdown-menu"> 83 <ul class="dropdown-menu">
85 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> --> 84 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->
86 <li><a ui-sref="app.customers">View Contacts</a></li> 85 <li><a ui-sref="app.customers">View Customers</a></li>
87 <li><a ui-sref="app.account">View Fuel Vendors</a></li> 86 <li><a ui-sref="app.account">View Fuel Vendors</a></li>
88 <li><a ui-sref="app.analytics">Research Flight Dept</a></li> 87 <li><a ui-sref="app.analytics">Lookup Flight Dept</a></li>
89 </ul> 88 </ul>
90 </li> 89 </li>
91 <li ng-if="isAuthenticated"> 90 <li ng-if="isAuthenticated">
92 <a ui-sref="app.scheduler"> 91 <a ui-sref="app.scheduler">
93 <i class="fa fa-calendar"></i> 92 <i class="fa fa-calendar"></i>
94 <span>Scheduler</span> 93 <span>Scheduler</span>
95 </a> 94 </a>
96 </li> 95 </li>
97 <li class="dropdown" ng-if="isAuthenticated"> 96 <li class="dropdown" ng-if="isAuthenticated">
98 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown"> 97 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown">
99 <i class="fa fa-signal"></i> 98 <i class="fa fa-signal"></i>
100 <span>Analytics</span> 99 <span>Analytics</span>
101 <b class="caret"></b> 100 <b class="caret"></b>
102 </a> 101 </a>
103 <ul class="dropdown-menu"> 102 <ul class="dropdown-menu">
104 <li><a href="#">Live Flight tracking</a></li> 103 <!-- <li><a href="#">Live Flight tracking</a></li> -->
105 <li><a href="#">Research Flight Dept</a></li>
106 <li><a href="#">Historical Fuel Prices</a></li> 104 <li><a href="#">Historical Fuel Prices</a></li>
107 <li><a href="#">Regional Pricing</a></li> 105 <li><a href="#">Regional Pricing</a></li>
108 <li><a href="#">Actual vs. Canceled Fuelings</a></li> 106 <li><a href="#">Actual vs. Canceled Fuelings</a></li>
109 <li><a href="#">Customer Lead Sources</a></li> 107 <li><a href="#">Customer Lead Sources</a></li>
110 </ul> 108 </ul>
111 </li> 109 </li>
110 <li ng-if="isAuthenticated">
111 <a ui-sref="app.flightTracking">
112 <i class="fa fa-plane"></i>
113 <span>Flight Tracking</span>
114 </a>
115 </li>
112 <li ng-if="!isAuthenticated"> 116 <li ng-if="!isAuthenticated">
113 <a ui-sref="app.flightDepDashboard"> 117 <a ui-sref="app.flightDepDashboard">
114 <i class="fa fa-search"></i> 118 <i class="fa fa-search"></i>
115 <span>Search Fuel</span> 119 <span>Search Fuel</span>
116 </a> 120 </a>
117 </li> 121 </li>
118 <li class="dropdown" ng-if="!isAuthenticated"> 122 <li class="dropdown" ng-if="!isAuthenticated">
119 <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown"> 123 <a ui-sref="app.flightDepOrders" class="dropdown-toggle" data-toggle="dropdown">
120 <i class="fa fa-tint"></i> 124 <i class="fa fa-tint"></i>
121 <span>Fuel Orders</span> 125 <span>Fuel Orders</span>
122 </a> 126 </a>
123 </li> 127 </li>
124 </ul> 128 </ul>
125 </div> 129 </div>
126 <!-- /.subnav-collapse --> 130 <!-- /.subnav-collapse -->
127 </div> 131 </div>
128 <!-- /container --> 132 <!-- /container -->
129 </div> 133 </div>
130 <!-- /subnavbar-inner --> 134 <!-- /subnavbar-inner -->
131 </div> 135 </div>
132 <!-- /subnavbar --> 136 <!-- /subnavbar -->
133 <div ui-view></div> 137 <div ui-view></div>
134 <!-- </body> --> 138 <!-- </body> -->
135 <!-- footer --> 139 <!-- footer -->
136 <div class="extra"> 140 <div class="extra">
137 <div class="container"> 141 <div class="container">
138 <div class="row"> 142 <div class="row">
139 <div class="col-md-3"> 143 <div class="col-md-3">
140 <h4>About</h4> 144 <h4>About</h4>
141 <ul> 145 <ul>
142 <li><a href="javascript:;">About Us</a></li> 146 <li><a href="javascript:;">About Us</a></li>
143 <li><a href="javascript:;">Twitter</a></li> 147 <li><a href="javascript:;">Twitter</a></li>
144 <li><a href="javascript:;">Facebook</a></li> 148 <li><a href="javascript:;">Facebook</a></li>
145 <li><a href="javascript:;">Google+</a></li> 149 <li><a href="javascript:;">Google+</a></li>
146 </ul> 150 </ul>
147 </div> 151 </div>
148 <!-- /span3 --> 152 <!-- /span3 -->
149 <div class="col-md-3"> 153 <div class="col-md-3">
150 <h4>Support</h4> 154 <h4>Support</h4>
151 <ul> 155 <ul>
152 <li><a href="javascript:;">Frequently Asked Questions</a></li> 156 <li><a href="javascript:;">Frequently Asked Questions</a></li>
153 <li><a href="javascript:;">Ask a Question</a></li> 157 <li><a href="javascript:;">Ask a Question</a></li>
154 <li><a href="javascript:;">Video Tutorial</a></li> 158 <li><a href="javascript:;">Video Tutorial</a></li>
155 <li><a href="javascript:;">Feedback</a></li> 159 <li><a href="javascript:;">Feedback</a></li>
156 </ul> 160 </ul>
157 </div> 161 </div>
158 <!-- /span3 --> 162 <!-- /span3 -->
159 <div class="col-md-3"> 163 <div class="col-md-3">
160 <h4>Legal</h4> 164 <h4>Legal</h4>
161 <ul> 165 <ul>
162 <li><a href="javascript:;">License</a></li> 166 <li><a href="javascript:;">License</a></li>
163 <li><a href="javascript:;">Terms of Use</a></li> 167 <li><a href="javascript:;">Terms of Use</a></li>
164 <li><a href="javascript:;">Privacy Policy</a></li> 168 <li><a href="javascript:;">Privacy Policy</a></li>
165 <li><a href="javascript:;">Security</a></li> 169 <li><a href="javascript:;">Security</a></li>
166 </ul> 170 </ul>
167 </div> 171 </div>
168 <!-- /span3 --> 172 <!-- /span3 -->
169 <div class="col-md-3"> 173 <div class="col-md-3">
170 <h4>Settings</h4> 174 <h4>Settings</h4>
171 <ul> 175 <ul>
172 <li><a href="javascript:;">Consectetur adipisicing</a></li> 176 <li><a href="javascript:;">Consectetur adipisicing</a></li>
173 <li><a href="javascript:;">Eiusmod tempor </a></li> 177 <li><a href="javascript:;">Eiusmod tempor </a></li>
174 <li><a href="javascript:;">Fugiat nulla pariatur</a></li> 178 <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
175 <li><a href="javascript:;">Officia deserunt</a></li> 179 <li><a href="javascript:;">Officia deserunt</a></li>
176 </ul> 180 </ul>
177 </div> 181 </div>
178 <!-- /span3 --> 182 <!-- /span3 -->
179 </div> 183 </div>
180 <!-- /row --> 184 <!-- /row -->
181 </div> 185 </div>
182 <!-- /container --> 186 <!-- /container -->
183 </div> 187 </div>
184 <!-- /extra --> 188 <!-- /extra -->
185 <div class="footer"> 189 <div class="footer">
186 <div class="container"> 190 <div class="container">
187 <div class="row"> 191 <div class="row">
188 <div id="footer-copyright" class="col-md-6"> 192 <div id="footer-copyright" class="col-md-6">
189 &copy; 2012-13 Jumpstart UI. 193 &copy; 2012-13 Jumpstart UI.
190 </div> 194 </div>
191 <!-- /span6 --> 195 <!-- /span6 -->
192 <div id="footer-terms" class="col-md-6"> 196 <div id="footer-terms" class="col-md-6">
193 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a> 197 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a>
194 </div> 198 </div>
195 <!-- /.span6 --> 199 <!-- /.span6 -->
196 </div> 200 </div>
197 <!-- /row --> 201 <!-- /row -->
198 </div> 202 </div>
199 <!-- /container --> 203 <!-- /container -->
app/partials/taxes/taxes.controller.js
File was created 1 'use strict';
2
3 angular.module('acufuel')
4
5 .controller('taxesController', ['$scope','$compile', 'uiCalendarConfig', 'taxesService', function($scope, $compile, uiCalendarConfig, taxesService) {
6
7
8
9 }]);
10
11
app/partials/taxes/taxes.html
File was created 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900;
4 }
5
6 .button1 {
7 display: inline-block;
8 height: 35px;
9 line-height: 35px;
10 padding-right: 15px;
11 padding-left: 50px;
12 position: relative;
13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255);
15 text-decoration: none;
16 text-transform: uppercase;
17 letter-spacing: 1px;
18 margin-bottom: 15px;
19 border: 0;
20
21
22 border-radius: 5px;
23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 }
35
36 .button1 span {
37 position: absolute;
38 left: 0;
39 top: 0;
40 width: 35px;
41 background-color:rgba(0,0,0,0.5);
42
43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15);
50 }
51
52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3);
55 }
56
57 .button1:active {
58 margin-top: 2px;
59 margin-bottom: 13px;
60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 }
67
68 .button1.turquoise {
69 background: #449d44;
70 }
71 </style>
72
73 <div class="main">
74 <div class="container">
75 <div class="row">
76 <div class="col-md-12">
77 <div class="widget stacked ">
78 <div class="widget-content" style="min-height: 500px">
79 <h3>Coming Soon</h3>
80 <!-- /widget-content -->
81 </div>
82 <!-- /widget -->
83 </div>
84 <!-- /span8 -->
85 </div>
86 <!-- /row -->
87 </div>
88 <!-- /container -->
89 </div>
90 <!-- /main -->
app/partials/taxes/taxes.service.js
File was created 1 (function(){
2 'use strict';
3 angular.module('acufuel')
4 .service('taxesService', ['$q', '$http', 'BASE_URL', taxesService]);
5
6 function taxesService($q, $http, BASE_URL) {
7 var temp = {};
8
9 this.getEvents = function() {
10 var deferred = $q.defer();
11 $http({
12 method : 'GET',
13 url : BASE_URL.url +'/user/schedules',
14 headers : {'Content-Type': 'application/json'},
15 })
16 .then(function (result){
17 deferred.resolve(result.data);
18 },function (result){
19 deferred.resolve(result.data);
20 })
21 return deferred.promise;
22 }
23
24 this.addNewEventService = function(data) {
25 var deferred = $q.defer();
26 $http({
27 method : 'POST',
28 url : BASE_URL.url +'/scheduler',
29 headers : {'Content-Type': 'application/json'},
30 data: data
31 })
32 .then(function (result){
33 deferred.resolve(result.data);
34 },function (result){
35 deferred.resolve(result.data);
36 })
37 return deferred.promise;
38 }
39
40 this.updateScheduledEvent = function(data) {
41 var deferred = $q.defer();
42 $http({
43 method : 'PUT',
44 url : BASE_URL.url +'/scheduler',
45 headers : {'Content-Type': 'application/json'},
46 data: data
47 })
48 .then(function (result){
49 deferred.resolve(result.data);
50 },function (result){
51 deferred.resolve(result.data);
52 })
53 return deferred.promise;
54 }
55
56 }
57
58 })();
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="deleteCompany(companyData.id)" aria-hidden="true"></i></h3> 132 <h3>{{companyData.companyName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteCompany(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="Dactive"></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="openConfirmMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 213 <button type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
214 <button type="button" class="btn btn-info" ui-sref="app.updateFuelManager">Setup Fuel</button> 214 <button type="button" class="btn btn-info" ui-sref="app.updateFuelManager">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="Dactive"></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 </span> 254 <span>JET A Margin </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="openConfirmMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 325 <button type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
326 <button type="button" class="btn btn-info" ui-sref="app.updateFuelManager">Setup Fuel</button> 326 <button type="button" class="btn btn-info" ui-sref="app.updateFuelManager">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-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-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
363 </td> 363 </td>
364 <td style="color:#55AF8B;">${{aircraft.marginAllIn}}</td> 364 <td style="color:#55AF8B;">${{aircraft.marginAllIn}}</td>
365 <td> 365 <td>
366 <select class="form-control" style="height:31px;" ng-model="aircraft.aircraftsAVGASMargin.id"> 366 <select class="form-control" style="height:31px;" ng-model="aircraft.aircraftsAVGASMargin.id">
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}}</td> 371 <td style="color:#55AF8B;">${{aircraft.marginAvgasAllIn}}</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" style="position: relative; top: -33px; margin-bottom: 0;"> 427 <table class="table table-striped" style="position: relative; margin-bottom: 0;">
428 <thead> 428 <thead>
429 <tr> 429 <tr>
430 <th>Omit</th> 430 <th>Omit</th>
431 <th>Product</th> 431 <th>Product</th>
432 <th>Cost</th> 432 <th>Cost</th>
433 <th>PAP (Margin)</th> 433 <th>PAP (Margin)</th>
434 <th>PAP (Total)</th> 434 <th>PAP (Total)</th>
435 <th style="color:#F90">Expires</th> 435 <th style="color:#F90">Expires</th>
436 </tr> 436 </tr>
437 </thead> 437 </thead>
438 <tbody> 438 <tbody>
439 <tr ng-repeat="fuel in fuelPricing | filter:{ status: true }"> 439 <tr ng-repeat="fuel in fuelPricing | filter:{ status: true }">
440 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td> 440 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td>
441 <td>{{fuel.name}}</td> 441 <td>{{fuel.name}}</td>
442 <td>${{fuel.fuelPricing.cost}}</td> 442 <td>${{fuel.fuelPricing.cost}}</td>
443 <td>${{fuel.fuelPricing.papMargin}}</td> 443 <td>${{fuel.fuelPricing.papMargin}}</td>
444 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal}}</td> 444 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal}}</td>
445 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td> 445 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td>
446 </tr> 446 </tr>
447 </tbody> 447 </tbody>
448 </table> 448 </table>
449 </div> 449 </div>
450 </div> 450 </div>
451 </div> 451 </div>
452 </div> 452 </div>
453 </div> 453 </div>
454 </div> 454 </div>
455 <!-- /widget-content --> 455 <!-- /widget-content -->
456 </div> 456 </div>
457 <!-- /widget --> 457 <!-- /widget -->
458 </div> 458 </div>
459 <!-- /span6 --> 459 <!-- /span6 -->
460 </div> 460 </div>
461 <!-- /widget --> 461 <!-- /widget -->
462 </div> 462 </div>
463 <!-- /container --> 463 <!-- /container -->
464 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 464 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
465 <div class="modal-dialog modal-lg"> 465 <div class="modal-dialog modal-lg">
466 <div class="modal-content"> 466 <div class="modal-content">
467 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 467 <div class="modal-body step-1" data-step="1" style="padding: 0;">
468 <div> 468 <div>
469 <div class="row" style="margin: 0;"> 469 <div class="row" style="margin: 0;">
470 <div> 470 <div>
471 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 471 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
472 <div class="widget-header"> 472 <div class="widget-header">
473 <i class="icon-pencil"></i> 473 <i class="icon-pencil"></i>
474 <i class="fa fa-tasks" aria-hidden="true"></i> 474 <i class="fa fa-tasks" aria-hidden="true"></i>
475 <h3>Add a New Contact</h3> 475 <h3>Add a New Contact</h3>
476 <div class="clearfix"></div> 476 <div class="clearfix"></div>
477 </div> 477 </div>
478 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 478 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
479 <div class="col-xs-12"> 479 <div class="col-xs-12">
480 <div class="col-md-6"> 480 <div class="col-md-6">
481 <div class="pull-left" style="width: 110px;"> 481 <div class="pull-left" style="width: 110px;">
482 <label class="new-input-label"><b>First Name</b></label> 482 <label class="new-input-label"><b>First Name</b></label>
483 </div> 483 </div>
484 <div class="pull-left" style="margin-left: 15px;"> 484 <div class="pull-left" style="margin-left: 15px;">
485 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 485 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
486 </div> 486 </div>
487 <div class="clearfix"></div> 487 <div class="clearfix"></div>
488 </div> 488 </div>
489 <div class="col-md-6"> 489 <div class="col-md-6">
490 490
491 <div class="pull-left" style="width: 110px;"> 491 <div class="pull-left" style="width: 110px;">
492 <label class="new-input-label"><b>Last Name</b></label> 492 <label class="new-input-label"><b>Last Name</b></label>
493 </div> 493 </div>
494 <div class="pull-left" style="margin-left: 15px;"> 494 <div class="pull-left" style="margin-left: 15px;">
495 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 495 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
496 </div> 496 </div>
497 <div class="clearfix"></div> 497 <div class="clearfix"></div>
498 </div> 498 </div>
499 </div> 499 </div>
500 <div class="clearfix"></div><br> 500 <div class="clearfix"></div><br>
501 <div class="col-xs-12"> 501 <div class="col-xs-12">
502 <div class="col-md-6"> 502 <div class="col-md-6">
503 <div class="pull-left" style="width: 110px;"> 503 <div class="pull-left" style="width: 110px;">
504 <label class="new-input-label"><b>Title</b></label> 504 <label class="new-input-label"><b>Title</b></label>
505 </div> 505 </div>
506 <div class="pull-left" style="margin-left: 15px;"> 506 <div class="pull-left" style="margin-left: 15px;">
507 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 507 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
508 </div> 508 </div>
509 <div class="clearfix"></div> 509 <div class="clearfix"></div>
510 </div> 510 </div>
511 <div class="col-md-6"> 511 <div class="col-md-6">
512 512
513 <div class="pull-left" style="width: 110px;"> 513 <div class="pull-left" style="width: 110px;">
514 <label class="new-input-label"><b>Email</b></label> 514 <label class="new-input-label"><b>Email</b></label>
515 </div> 515 </div>
516 <div class="pull-left" style="margin-left: 15px;"> 516 <div class="pull-left" style="margin-left: 15px;">
517 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 517 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
518 </div> 518 </div>
519 <div class="clearfix"></div> 519 <div class="clearfix"></div>
520 </div> 520 </div>
521 </div> 521 </div>
522 <div class="clearfix"></div><br> 522 <div class="clearfix"></div><br>
523 <div class="col-xs-12"> 523 <div class="col-xs-12">
524 <div class="col-md-6"> 524 <div class="col-md-6">
525 <div class="pull-left" style="width: 110px;"> 525 <div class="pull-left" style="width: 110px;">
526 <label class="new-input-label"><b>Username</b></label> 526 <label class="new-input-label"><b>Username</b></label>
527 </div> 527 </div>
528 <div class="pull-left" style="margin-left: 15px;"> 528 <div class="pull-left" style="margin-left: 15px;">
529 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 529 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
530 </div> 530 </div>
531 <div class="clearfix"></div> 531 <div class="clearfix"></div>
532 </div> 532 </div>
533 <div class="col-md-6"> 533 <div class="col-md-6">
534 534
535 <div class="pull-left" style="width: 110px;"> 535 <div class="pull-left" style="width: 110px;">
536 <label class="new-input-label"><b>Password</b></label> 536 <label class="new-input-label"><b>Password</b></label>
537 </div> 537 </div>
538 <div class="pull-left" style="margin-left: 15px;"> 538 <div class="pull-left" style="margin-left: 15px;">
539 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 539 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
540 </div> 540 </div>
541 <div class="clearfix"></div> 541 <div class="clearfix"></div>
542 </div> 542 </div>
543 </div> 543 </div>
544 <div class="clearfix"></div><br> 544 <div class="clearfix"></div><br>
545 <div class="col-xs-12"> 545 <div class="col-xs-12">
546 <div class="col-md-6"> 546 <div class="col-md-6">
547 <div class="pull-left" style="width: 110px;"> 547 <div class="pull-left" style="width: 110px;">
548 <label class="new-input-label"><b>Work Phone</b></label> 548 <label class="new-input-label"><b>Work Phone</b></label>
549 </div> 549 </div>
550 <div class="pull-left" style="margin-left: 15px;"> 550 <div class="pull-left" style="margin-left: 15px;">
551 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 551 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
552 </div> 552 </div>
553 <div class="clearfix"></div> 553 <div class="clearfix"></div>
554 </div> 554 </div>
555 <div class="col-md-6"> 555 <div class="col-md-6">
556 556
557 <div class="pull-left" style="width: 110px;"> 557 <div class="pull-left" style="width: 110px;">
558 <label class="new-input-label"><b>Mobile Phone</b></label> 558 <label class="new-input-label"><b>Mobile Phone</b></label>
559 </div> 559 </div>
560 <div class="pull-left" style="margin-left: 15px;"> 560 <div class="pull-left" style="margin-left: 15px;">
561 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 561 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
562 </div> 562 </div>
563 <div class="clearfix"></div> 563 <div class="clearfix"></div>
564 </div> 564 </div>
565 </div> 565 </div>
566 <div class="clearfix"></div><br> 566 <div class="clearfix"></div><br>
567 <div class="col-xs-12"> 567 <div class="col-xs-12">
568 <div class="col-md-12"> 568 <div class="col-md-12">
569 <div class="pull-left" style="width: 110px;"> 569 <div class="pull-left" style="width: 110px;">
570 <label class="new-input-label"><b>Address</b></label> 570 <label class="new-input-label"><b>Address</b></label>
571 </div> 571 </div>
572 <div class="pull-right" style="width: calc(100% - 123px);"> 572 <div class="pull-right" style="width: calc(100% - 123px);">
573 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 573 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
574 </div> 574 </div>
575 <div class="clearfix"></div> 575 <div class="clearfix"></div>
576 </div> 576 </div>
577 </div> 577 </div>
578 <div class="clearfix"></div> 578 <div class="clearfix"></div>
579 <br/> 579 <br/>
580 <div class="col-xs-12"> 580 <div class="col-xs-12">
581 <div class="col-md-3"> 581 <div class="col-md-3">
582 <div class="pull-left my-toggle-switch"> 582 <div class="pull-left my-toggle-switch">
583 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 583 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
584 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 584 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
585 </div> 585 </div>
586 </div> 586 </div>
587 <div class="clearfix"></div> 587 <div class="clearfix"></div>
588 </div> 588 </div>
589 <div class="col-md-3"> 589 <div class="col-md-3">
590 <div class="pull-left my-toggle-switch"> 590 <div class="pull-left my-toggle-switch">
591 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 591 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
592 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 592 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
593 </div> 593 </div>
594 </div> 594 </div>
595 <div class="clearfix"></div> 595 <div class="clearfix"></div>
596 </div> 596 </div>
597 <div class="col-md-6"> 597 <div class="col-md-6">
598 <div class="pull-left" style="width: 110px;"> 598 <div class="pull-left" style="width: 110px;">
599 <label class="new-input-label"><b>Internal Note</b></label> 599 <label class="new-input-label"><b>Internal Note</b></label>
600 </div> 600 </div>
601 <div class="pull-left" style="width: calc(100% - 110px);"> 601 <div class="pull-left" style="width: calc(100% - 110px);">
602 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 602 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
603 </div> 603 </div>
604 </div> 604 </div>
605 <div class="clearfix"></div> 605 <div class="clearfix"></div>
606 </div> 606 </div>
607 <div class="clearfix"></div><br> 607 <div class="clearfix"></div><br>
608 </div> 608 </div>
609 </div> 609 </div>
610 <div class="clearfix"></div> 610 <div class="clearfix"></div>
611 </div> 611 </div>
612 </div> 612 </div>
613 </div> 613 </div>
614 </div> 614 </div>
615 <div class="modal-footer" style="border-top: 0;"> 615 <div class="modal-footer" style="border-top: 0;">
616 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 616 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
617 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 617 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
618 </div> 618 </div>
619 </div> 619 </div>
620 </div> 620 </div>
621 </form> 621 </form>
622 <div class="clearfix"></div> 622 <div class="clearfix"></div>
623 623
624 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm"> 624 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm">
625 <div class="modal-dialog modal-lg"> 625 <div class="modal-dialog modal-lg">
626 <div class="modal-content"> 626 <div class="modal-content">
627 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 627 <div class="modal-body step-2" data-step="2" style="padding: 0;">
628 <div> 628 <div>
629 <div class="row" style="margin: 0;"> 629 <div class="row" style="margin: 0;">
630 <div> 630 <div>
631 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 631 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
632 <div class="widget-header"> 632 <div class="widget-header">
633 <i class="icon-pencil"></i> 633 <i class="icon-pencil"></i>
634 <i class="fa fa-tasks" aria-hidden="true"></i> 634 <i class="fa fa-tasks" aria-hidden="true"></i>
635 <h3>Add a New Aircraft</h3> 635 <h3>Add a New Aircraft</h3>
636 <div class="clearfix"></div> 636 <div class="clearfix"></div>
637 </div> 637 </div>
638 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 638 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
639 <div class="col-xs-12"> 639 <div class="col-xs-12">
640 <div class="widget-header"> 640 <div class="widget-header">
641 <i class="fa fa-list"></i> 641 <i class="fa fa-list"></i>
642 <h3>Aircraft List</h3> 642 <h3>Aircraft List</h3>
643 </div> 643 </div>
644 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;"> 644 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;">
645 <div class="table-responsive"> 645 <div class="table-responsive">
646 <table class="table table-striped table-bordered"> 646 <table class="table table-striped table-bordered">
647 <thead> 647 <thead>
648 <tr> 648 <tr>
649 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 649 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
650 <th>Tail</th> 650 <th>Tail</th>
651 <th>Make</th> 651 <th>Make</th>
652 <th>Model</th> 652 <th>Model</th>
653 <th>Size</th> 653 <th>Size</th>
654 <th>JET A Margin</th> 654 <th>JET A Margin</th>
655 <th>AVGS 100LL Margin</th> 655 <th>AVGS 100LL Margin</th>
656 </tr> 656 </tr>
657 </thead> 657 </thead>
658 <tbody> 658 <tbody>
659 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 659 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
660 <!-- <td> 660 <!-- <td>
661 <input type="checkbox" ng-model="aircraftData.selected"/> 661 <input type="checkbox" ng-model="aircraftData.selected"/>
662 </td> --> 662 </td> -->
663 <td style="width: 15%"> 663 <td style="width: 15%">
664 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/> 664 <input type="tel" class="form-control" ng-model="aircraftData.tail" ng-blur="checkJetWithTail(aircraftData.tail, $index)" required/>
665 </td> 665 </td>
666 <td style="width: 17%"> 666 <td style="width: 17%">
667 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 667 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
668 <option value="" disabled>Select</option> 668 <option value="" disabled>Select</option>
669 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 669 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
670 </select> 670 </select>
671 </td> 671 </td>
672 <td style="width: 17%"> 672 <td style="width: 17%">
673 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 673 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
674 <option value="" disabled>Select</option> 674 <option value="" disabled>Select</option>
675 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 675 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
676 </select> 676 </select>
677 </td> 677 </td>
678 <td style="width: 17%"> 678 <td style="width: 17%">
679 <select class="form-control" ng-model="aircraftData.sizeId"> 679 <select class="form-control" ng-model="aircraftData.sizeId">
680 <option value="" disabled>Select</option> 680 <option value="" disabled>Select</option>
681 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option> 681 <option ng-repeat="size in aircraftData.aircraftSizeList" value="{{size.aircraftSize.id}}">{{size.aircraftSize.size}}</option>
682 </select> 682 </select>
683 683
684 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> --> 684 <!-- <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> -->
685 685
686 </td> 686 </td>
687 <td style="width: 17%"> 687 <td style="width: 17%">
688 688
689 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]"> 689 <select class="form-control" ng-model="aircraftData.marginId" ng-disabled="jetShow[$index]">
690 <option value="" disabled>Select</option> 690 <option value="" disabled>Select</option>
691 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 691 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
692 </select> 692 </select>
693 693
694 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList" ng-disabled="jetShow[$index]"> 694 <!-- <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList" ng-disabled="jetShow[$index]">
695 695
696 <option value="" disabled>Select...</option> 696 <option value="" disabled>Select...</option>
697 </select> --> 697 </select> -->
698 698
699 </td> 699 </td>
700 <td style="width: 17%"> 700 <td style="width: 17%">
701 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]"> 701 <select class="form-control" ng-model="aircraftData.avgasMarginId" ng-disabled="marginShow[$index]">
702 <option value="" disabled>Select</option> 702 <option value="" disabled>Select</option>
703 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option> 703 <option ng-repeat="avgs in avgsMarginList" value="{{avgs.id}}">{{avgs.marginName}}</option>
704 </select> 704 </select>
705 705
706 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList" ng-disabled="marginShow[$index]"> 706 <!-- <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList" ng-disabled="marginShow[$index]">
707 <option value="" disabled>Select...</option> 707 <option value="" disabled>Select...</option>
708 </select> --> 708 </select> -->
709 </td> 709 </td>
710 </tr> 710 </tr>
711 </tbody> 711 </tbody>
712 </table> 712 </table>
713 </div> 713 </div>
714 <div class="clearfix"></div> 714 <div class="clearfix"></div>
715 </div> 715 </div>
716 </div> 716 </div>
717 <div class="clearfix"></div> 717 <div class="clearfix"></div>
718 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 718 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
719 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 719 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
720 </div> 720 </div>
721 </div> 721 </div>
722 </div> 722 </div>
723 <div class="clearfix"></div> 723 <div class="clearfix"></div>
724 </div> 724 </div>
725 </div> 725 </div>
726 </div> 726 </div>
727 </div> 727 </div>
728 <div class="modal-footer" style="border-top: 0;"> 728 <div class="modal-footer" style="border-top: 0;">
729 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 729 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
730 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button> 730 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button>
731 </div> 731 </div>
732 </div> 732 </div>
733 </div> 733 </div>
734 </form> 734 </form>
735 <div class="customConfirmPopBackdrop" id="fuelerchange" > 735 <div class="customConfirmPopBackdrop" id="fuelerchange" >
736 <div class="customModalInner" style="max-width: 550px;"> 736 <div class="customModalInner" style="max-width: 550px;">
737 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 737 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
738 <table> 738 <table>
739 <tr> 739 <tr>
740 <td> 740 <td>
741 <img src="img/info.png" style="width: 50px;"> 741 <img src="img/info.png" style="width: 50px;">
742 </td> 742 </td>
743 <td> 743 <td>
744 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 744 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
745 </td> 745 </td>
746 </tr> 746 </tr>
747 </table> 747 </table>
748 </div> 748 </div>
749 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 749 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
750 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerAcceptStatus()">Accept</button> 750 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerAcceptStatus()">Accept</button>
751 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerCancelStatus()">Cancel</button> 751 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="fuelerCancelStatus()">Cancel</button>
752 </div> 752 </div>
753 </div> 753 </div>
754 </div> 754 </div>
755 <div class="customConfirmPopBackdrop" id="confirm1"> 755 <div class="customConfirmPopBackdrop" id="confirm1">
756 <div class="customModalInner" style="max-width: 400px;"> 756 <div class="customModalInner" style="max-width: 400px;">
757 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 757 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
758 <table> 758 <table>
759 <tr> 759 <tr>
760 <td> 760 <td>
761 <img src="img/info.png" style="width: 50px;"> 761 <img src="img/info.png" style="width: 50px;">
762 </td> 762 </td>
763 <td> 763 <td>
764 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 764 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
765 </td> 765 </td>
766 </tr> 766 </tr>
767 </table> 767 </table>
768 </div> 768 </div>
769 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 769 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
770 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 770 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
771 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 771 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
772 </div> 772 </div>
773 </div> 773 </div>
774 </div> 774 </div>
775 <div class="customConfirmPopBackdrop" id="primaryContact"> 775 <div class="customConfirmPopBackdrop" id="primaryContact">
776 <div class="customModalInner" style="max-width: 400px;"> 776 <div class="customModalInner" style="max-width: 400px;">
777 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 777 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
778 <table> 778 <table>
779 <tr> 779 <tr>
780 <td> 780 <td>
781 <img src="img/info.png" style="width: 50px;"> 781 <img src="img/info.png" style="width: 50px;">
782 </td> 782 </td>
783 <td> 783 <td>
784 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 784 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
785 </td> 785 </td>
786 </tr> 786 </tr>
787 </table> 787 </table>
788 </div> 788 </div>
789 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 789 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
790 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button> 790 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button>
791 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 791 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
792 </div> 792 </div>
793 </div> 793 </div>
794 </div> 794 </div>
795 <div class="customConfirmPopBackdrop" id="customField"> 795 <div class="customConfirmPopBackdrop" id="customField">
796 <div class="customModalInner" style="max-width: 400px;"> 796 <div class="customModalInner" style="max-width: 400px;">
797 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 797 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
798 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 798 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
799 <div class="col-md-10"> 799 <div class="col-md-10">
800 <form> 800 <form>
801 Title:<br> 801 Title:<br>
802 <input type="text" name="firstname" ng-model="custom.title"><br> 802 <input type="text" name="firstname" ng-model="custom.title"><br>
803 Content:<br> 803 Content:<br>
804 <input type="text" name="lastname" ng-model="custom.content"> 804 <input type="text" name="lastname" ng-model="custom.content">
805 </form> 805 </form>
806 </div> 806 </div>
807 <div class="clearfix"></div> 807 <div class="clearfix"></div>
808 </div> 808 </div>
809 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 809 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
810 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button> 810 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button>
811 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 811 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
812 </div> 812 </div>
813 </div> 813 </div>
814 </div> 814 </div>
815 <div class="customConfirmPopBackdrop" id="updateContact"> 815 <div class="customConfirmPopBackdrop" id="updateContact">
816 <div class="customModalInner" style="max-width: 400px;"> 816 <div class="customModalInner" style="max-width: 400px;">
817 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 817 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
818 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 818 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
819 <div class="col-md-10"> 819 <div class="col-md-10">
820 <form> 820 <form>
821 Title:<br> 821 Title:<br>
822 <input type="text" name="firstname" ng-model="updateData.title"><br> 822 <input type="text" name="firstname" ng-model="updateData.title"><br>
823 Content:<br> 823 Content:<br>
824 <input type="text" name="lastname" ng-model="updateData.content"> 824 <input type="text" name="lastname" ng-model="updateData.content">
825 </form> 825 </form>
826 </div> 826 </div>
827 <div class="clearfix"></div> 827 <div class="clearfix"></div>
828 </div> 828 </div>
829 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 829 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
830 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button> 830 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button>
831 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 831 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
832 </div> 832 </div>
833 </div> 833 </div>
834 </div> 834 </div>
835 <div class="customConfirmPopBackdrop" id="delete1"> 835 <div class="customConfirmPopBackdrop" id="delete1">
836 <div class="customModalInner" style="max-width: 400px;"> 836 <div class="customModalInner" style="max-width: 400px;">
837 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 837 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
838 <table> 838 <table>
839 <tr> 839 <tr>
840 <td> 840 <td>
841 <img src="img/info.png" style="width: 50px;"> 841 <img src="img/info.png" style="width: 50px;">
842 </td> 842 </td>
843 <td> 843 <td>
844 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Aircraft?</p> 844 <p style="padding: 5px 10px; margin-bottom: 0;">Please confirm! Are you sure you want to DELETE this Aircraft?</p>
845 </td> 845 </td>
846 </tr> 846 </tr>
847 </table> 847 </table>
848 </div> 848 </div>
849 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 849 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
850 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="aircraftDelete()">Accept</button> 850 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="aircraftDelete()">Accept</button>
851 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button> 851 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelDelete()">Cancel</button>
852 </div> 852 </div>
853 </div> 853 </div>
854 </div> 854 </div>
855 <div class="customConfirmPopBackdrop" id="delete3"> 855 <div class="customConfirmPopBackdrop" id="delete3">
856 <div class="customModalInner" style="max-width: 400px;"> 856 <div class="customModalInner" style="max-width: 400px;">
857 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 857 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
858 <table> 858 <table>
859 <tr> 859 <tr>
860 <td> 860 <td>
861 <img src="img/info.png" style="width: 50px;"> 861 <img src="img/info.png" style="width: 50px;">
862 </td> 862 </td>
863 <td> 863 <td>
864 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 864 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
865 </td> 865 </td>
866 </tr> 866 </tr>
867 </table> 867 </table>
868 </div> 868 </div>
869 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 869 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
870 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button> 870 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button>
871 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button> 871 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button>
872 </div> 872 </div>
873 </div> 873 </div>
874 </div> 874 </div>
875 <div class="customConfirmPopBackdrop" id="toogleMail"> 875 <div class="customConfirmPopBackdrop" id="toogleMail">
876 <div class="customModalInner" style="max-width: 400px;"> 876 <div class="customModalInner" style="max-width: 400px;">
877 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 877 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
878 <table> 878 <table>
879 <tr> 879 <tr>
880 <!-- <td> 880 <!-- <td>
881 <img src="" style="width: 50px;"> 881 <img src="" style="width: 50px;">
882 </td> --> 882 </td> -->
883 <td> 883 <td>
884 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 884 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
885 </td> 885 </td>
886 </tr> 886 </tr>
887 </table> 887 </table>
888 </div> 888 </div>
889 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 889 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
890 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 890 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
891 </div> 891 </div>
892 </div> 892 </div>
893 </div> 893 </div>
894 <div class="myLoader" ng-show="showLoader"> 894 <div class="myLoader" ng-show="showLoader">
895 <img src="../img/hourglass.gif" width="50px;"> 895 <img src="../img/hourglass.gif" width="50px;">
896 </div> 896 </div>
897 897
898 <!-- Le javascript 898 <!-- Le javascript
899 ================================================== --> 899 ================================================== -->
900 <!-- Placed at the end of the document so the pages load faster --> 900 <!-- Placed at the end of the document so the pages load faster -->
901 <!-- <script 901 <!-- <script
902 CKEDITOR.replace( 'editor2', { 902 CKEDITOR.replace( 'editor2', {
903 height: 250, 903 height: 250,
904 extraPlugins: 'divarea' 904 extraPlugins: 'divarea'
905 } ); 905 } );
906 </script> --> 906 </script> -->
907 907
app/partials/viewFuelVendor/viewFuelVendor.controller.js
1 1
2 'use strict'; 2 'use strict';
3 3
4 //Load controller 4 //Load controller
5 angular.module('acufuel') 5 angular.module('acufuel')
6 6
7 .controller('ViewFuelVendorController', ['$scope','$uibModal', '$stateParams', 'ViewFuelVendorService', 'CustomersService', 'ViewCompanyService', 'updateFuelManagerService', function($scope , $uibModal, $stateParams, ViewFuelVendorService, CustomersService, ViewCompanyService, updateFuelManagerService) { 7 .controller('ViewFuelVendorController', ['$scope','$uibModal', '$stateParams', 'ViewFuelVendorService', 'CustomersService', 'ViewCompanyService', 'updateFuelManagerService', function($scope , $uibModal, $stateParams, ViewFuelVendorService, CustomersService, ViewCompanyService, updateFuelManagerService) {
8 $scope.data = {}; 8 $scope.data = {};
9 $scope.data.priceEmail = true; 9 $scope.data.priceEmail = true;
10 $scope.primayData = {}; 10 $scope.primayData = {};
11 $scope.showLoader = false; 11 $scope.showLoader = false;
12 $scope.showUpdateBtn = false; 12 $scope.showUpdateBtn = false;
13 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId')); 13 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId'));
14 14
15 $(document).ready(function() { 15 $(document).ready(function() {
16 $("#reset").click(function() { 16 $("#reset").click(function() {
17 $("input").val(""); 17 $("input").val("");
18 }); 18 });
19 }); 19 });
20 20
21 var vendorId = $stateParams.id; 21 var vendorId = $stateParams.id;
22 $scope.vendorData = {}; 22 $scope.vendorData = {};
23 getVendorDetail(); 23 getVendorDetail();
24 24
25 function getVendorDetail(){ 25 function getVendorDetail(){
26 ViewFuelVendorService.getFuelOrder(vendorId).then(function(result) { 26 ViewFuelVendorService.getFuelOrder(vendorId).then(function(result) {
27 $scope.vendorData = result; 27 $scope.vendorData = result;
28 if(result.margin != null){ 28 if(result.margin != null){
29 $scope.vendorData.masterMargin = result.margin.id; 29 $scope.vendorData.masterMargin = result.margin.id;
30 } 30 }
31 if(result.marginAVGAS != null){ 31 if(result.marginAVGAS != null){
32 $scope.vendorData.avgasMargin = result.marginAVGAS.id; 32 $scope.vendorData.avgasMargin = result.marginAVGAS.id;
33 } 33 }
34 }) 34 })
35 } 35 }
36 36
37 37
38 $scope.changeCompanyStatus = function(){ 38 $scope.changeCompanyStatus = function(){
39 $('#deleteVendor').css('display', 'block'); 39 $('#deleteVendor').css('display', 'block');
40 if($scope.vendorData.activate == true){ 40 if($scope.vendorData.activate == true){
41 $scope.statusMessage = 'Please confirm! Are you sure you want to ACTIVATE this Vendor?' 41 $scope.statusMessage = 'Please confirm! Are you sure you want to ACTIVATE this Vendor?'
42 }else{ 42 }else{
43 $scope.statusMessage = 'Please confirm! Are you sure you want to DEACTIVATE this Vendor?' 43 $scope.statusMessage = 'Please confirm! Are you sure you want to DEACTIVATE this Vendor?'
44 } 44 }
45 } 45 }
46 46
47 $scope.companyStatus = function(){ 47 $scope.companyStatus = function(){
48 var statusData = "status=" + $scope.vendorData.activate; 48 var statusData = "status=" + $scope.vendorData.activate;
49 ViewFuelVendorService.changeStatus(vendorId, statusData).then(function(result) { 49 ViewFuelVendorService.changeStatus(vendorId, statusData).then(function(result) {
50 if(result.success){ 50 if(result.success){
51 $('#deleteVendor').css('display', 'none'); 51 $('#deleteVendor').css('display', 'none');
52 toastr.success(''+result.success+'', { 52 toastr.success(''+result.success+'', {
53 closeButton: true 53 closeButton: true
54 }) 54 })
55 getContactList(); 55 getContactList();
56 } 56 }
57 }) 57 })
58 } 58 }
59 59
60 $scope.cancelStatus = function(){ 60 $scope.cancelStatus = function(){
61 $('#deleteVendor').css('display', 'none'); 61 $('#deleteVendor').css('display', 'none');
62 $scope.vendorData.activate = !$scope.vendorData.activate; 62 $scope.vendorData.activate = !$scope.vendorData.activate;
63 } 63 }
64 64
65 getContactList(); 65 getContactList();
66 function getContactList(){ 66 function getContactList(){
67 ViewFuelVendorService.getContact(vendorId).then(function(result) { 67 ViewFuelVendorService.getContact(vendorId).then(function(result) {
68 $scope.vendorContactList = result; 68 $scope.vendorContactList = result;
69 }) 69 })
70 } 70 }
71 71
72 $scope.contactData = {}; 72 $scope.contactData = {};
73 $scope.contactData.contactList = []; 73 $scope.contactData.contactList = [];
74 $scope.addContact = function(){ 74 $scope.addContact = function(){
75 $scope.data.companyId = vendorId; 75 $scope.data.companyId = vendorId;
76 $scope.contactData.contactList.push($scope.data); 76 $scope.contactData.contactList.push($scope.data);
77 ViewFuelVendorService.addContact($scope.contactData).then(function(result) { 77 ViewFuelVendorService.addContact($scope.contactData).then(function(result) {
78 if(result.status == 200){ 78 if(result.status == 200){
79 $('#contact-modal-3').modal('hide'); 79 $('#contact-modal-3').modal('hide');
80 $scope.primayData.id = result.data; 80 $scope.primayData.id = result.data;
81 $scope.sendPrimaryContact(); 81 $scope.sendPrimaryContact();
82 $scope.contactData.contactList = [];
82 $scope.data = {}; 83 $scope.data = {};
83 getContactList(); 84 getContactList();
84 }else{ 85 }else{
85 toastr.error(''+result.statusText+'', { 86 toastr.error(''+result.statusText+'', {
86 closeButton: true 87 closeButton: true
87 }) 88 })
88 } 89 }
89 }) 90 })
90 } 91 }
91 92
92 $scope.showNoteData = true; 93 $scope.showNoteData = true;
93 $scope.showCompanyName = true; 94 $scope.showCompanyName = true;
94 $scope.showAddress = true; 95 $scope.showAddress = true;
95 $scope.showNote = function(){ 96 $scope.showNote = function(){
96 $scope.showNoteData = false; 97 $scope.showNoteData = false;
97 $scope.showUpdateBtn = true; 98 $scope.showUpdateBtn = true;
98 } 99 }
99 100
100 $scope.company = function(){ 101 $scope.company = function(){
101 $scope.showCompanyName = false; 102 $scope.showCompanyName = false;
102 $scope.showUpdateBtn = true; 103 $scope.showUpdateBtn = true;
103 } 104 }
104 105
105 $scope.addressChange = function(){ 106 $scope.addressChange = function(){
106 $scope.showAddress = false; 107 $scope.showAddress = false;
107 $scope.showUpdateBtn = true; 108 $scope.showUpdateBtn = true;
108 } 109 }
109 110
110 $scope.editData = function(inputName) { 111 $scope.editData = function(inputName) {
111 console.log($scope.vendorData) 112 console.log($scope.vendorData)
112 $scope.showLoader = true; 113 $scope.showLoader = true;
113 // if(inputName == 'showNoteData'){ 114 // if(inputName == 'showNoteData'){
114 // $scope.showNoteData = true; 115 // $scope.showNoteData = true;
115 // }else if(inputName == 'showCompanyName'){ 116 // }else if(inputName == 'showCompanyName'){
116 // $scope.showCompanyName = true; 117 // $scope.showCompanyName = true;
117 // }else if(inputName == 'showAddress'){ 118 // }else if(inputName == 'showAddress'){
118 // $scope.showAddress = true; 119 // $scope.showAddress = true;
119 // } 120 // }
120 $scope.showNoteData = true; 121 $scope.showNoteData = true;
121 $scope.showCompanyName = true; 122 $scope.showCompanyName = true;
122 $scope.showAddress = true; 123 $scope.showAddress = true;
123 124
124 var vendorData = "vendorName=" + $scope.vendorData.vendorName + "&masterMargin=" + $scope.vendorData.masterMargin 125 var vendorData = "vendorName=" + $scope.vendorData.vendorName + "&masterMargin=" + $scope.vendorData.masterMargin
125 + "&addressOne=" + $scope.vendorData.addressOne + "&addressTwo=" + $scope.vendorData.addressTwo + "&city=" + $scope.vendorData.city + "&state=" 126 + "&addressOne=" + $scope.vendorData.addressOne + "&addressTwo=" + $scope.vendorData.addressTwo + "&city=" + $scope.vendorData.city + "&state="
126 + $scope.vendorData.state + "&country=" + $scope.vendorData.country + "&zipcode=" + $scope.vendorData.zipcode + "&internalNote=" 127 + $scope.vendorData.state + "&country=" + $scope.vendorData.country + "&zipcode=" + $scope.vendorData.zipcode + "&internalNote="
127 + $scope.vendorData.internalNote + "&certificateType=" + $scope.vendorData.certificateType + "&baseTenant=" + $scope.vendorData.baseTenant 128 + $scope.vendorData.internalNote + "&certificateType=" + $scope.vendorData.certificateType + "&baseTenant=" + $scope.vendorData.baseTenant
128 + "&fuelerlinxCustomer=" + $scope.vendorData.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.vendorData.contractFuelVendor 129 + "&fuelerlinxCustomer=" + $scope.vendorData.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.vendorData.contractFuelVendor
129 + "&activate=" + $scope.vendorData.activate + "&baseIcao=" + $scope.vendorData.baseIcao + "&vendorId=" + vendorId; 130 + "&activate=" + $scope.vendorData.activate + "&baseIcao=" + $scope.vendorData.baseIcao + "&vendorId=" + vendorId;
130 131
131 ViewFuelVendorService.updateContact(vendorData).then(function(result) { 132 ViewFuelVendorService.updateContact(vendorData).then(function(result) {
132 if(result != null && result.success){ 133 if(result != null && result.success){
133 toastr.success(''+result.success+'', { 134 toastr.success(''+result.success+'', {
134 closeButton: true 135 closeButton: true
135 }) 136 })
136 $scope.showUpdateBtn = false; 137 $scope.showUpdateBtn = false;
137 }else{ 138 }else{
138 toastr.error(''+result.statusText+'', { 139 toastr.error(''+result.statusText+'', {
139 closeButton: true 140 closeButton: true
140 }) 141 })
141 $scope.showUpdateBtn = true; 142 $scope.showUpdateBtn = true;
142 } 143 }
143 $scope.showLoader = false; 144 $scope.showLoader = false;
144 }) 145 })
145 146
146 } 147 }
147 148
148 $scope.cancelData = function(){ 149 $scope.cancelData = function(){
149 $scope.showNoteData = true; 150 $scope.showNoteData = true;
150 $scope.showCompanyName = true; 151 $scope.showCompanyName = true;
151 $scope.showAddress = true; 152 $scope.showAddress = true;
152 $scope.showUpdateBtn = false; 153 $scope.showUpdateBtn = false;
153 } 154 }
154 155
155 $scope.sendMail = function(){ 156 $scope.sendMail = function(){
156 $('#confirm2').css('display', 'none'); 157 $('#confirm2').css('display', 'none');
157 ViewFuelVendorService.sendMail(vendorId).then(function(result) { 158 ViewFuelVendorService.sendMail(vendorId).then(function(result) {
158 if(result != null && result.success){ 159 if(result != null && result.success){
159 toastr.success(''+result.success+'', { 160 toastr.success(''+result.success+'', {
160 closeButton: true 161 closeButton: true
161 }) 162 })
162 }else{ 163 }else{
163 toastr.error(''+result.statusText+'', { 164 toastr.error(''+result.statusText+'', {
164 closeButton: true 165 closeButton: true
165 }) 166 })
166 } 167 }
167 }) 168 })
168 } 169 }
169 170
170 $scope.openConfirmMail = function(){ 171 $scope.openConfirmMail = function(){
171 $('#confirm2').css('display', 'block'); 172 $('#confirm2').css('display', 'block');
172 } 173 }
173 174
174 175
175 $scope.cancelAndCloseConfirm = function(){ 176 $scope.cancelAndCloseConfirm = function(){
176 $('#confirm2').css('display', 'none'); 177 $('#confirm2').css('display', 'none');
177 } 178 }
178 179
179 $scope.primaryContact = false; 180 $scope.primaryContact = false;
180 $scope.cancelPrimaryContact = function(){ 181 $scope.cancelPrimaryContact = function(){
181 $('#primaryContact').css('display', 'none'); 182 $('#primaryContact').css('display', 'none');
182 $scope.primaryContact = false; 183 $scope.primaryContact = false;
183 } 184 }
184 185
185 $scope.checkPrimaryContact = function(){ 186 $scope.checkPrimaryContact = function(){
186 if($scope.primaryContact == true){ 187 if($scope.primaryContact == true){
187 $scope.primaryContact = true; 188 $scope.primaryContact = true;
188 ViewFuelVendorService.checkPrimaryContact(vendorId).then(function(result) { 189 ViewFuelVendorService.checkPrimaryContact(vendorId).then(function(result) {
189 console.log(result) 190 console.log(result)
190 if(result.status == 422){ 191 if(result.status == 422){
191 $('#primaryContact').css('display', 'block'); 192 $('#primaryContact').css('display', 'block');
192 } 193 }
193 }) 194 })
194 } 195 }
195 } 196 }
196 197
197 $scope.sendPrimaryContact = function(){ 198 $scope.sendPrimaryContact = function(){
198 $('#primaryContact').css('display', 'none'); 199 $('#primaryContact').css('display', 'none');
199 if($scope.primayData.id != null || $scope.primayData.id != undefined){ 200 if($scope.primayData.id != null || $scope.primayData.id != undefined){
200 var priamryContactData = "vendorContactId=" + $scope.primayData.id + "&primary=" + $scope.primaryContact; 201 var priamryContactData = "vendorContactId=" + $scope.primayData.id + "&primary=" + $scope.primaryContact;
201 202
202 ViewFuelVendorService.addPrimaryContact(priamryContactData).then(function(result) { 203 ViewFuelVendorService.addPrimaryContact(priamryContactData).then(function(result) {
203 console.log(result) 204 console.log(result)
204 }) 205 })
205 } 206 }
206 207
207 } 208 }
208 209
209 var newContactName = ""; 210 var newContactName = "";
210 $scope.updateData = "" 211 $scope.updateData = ""
211 $scope.showContact = function(data, value){ 212 $scope.showContact = function(data, value){
212 $('#updateContact').css('display', 'block'); 213 $('#updateContact').css('display', 'block');
213 $scope.updateData = data; 214 $scope.updateData = data;
214 newContactName = value; 215 newContactName = value;
215 console.log($scope.updateData) 216 console.log($scope.updateData)
216 if($scope.updateData.email == null){ 217 if($scope.updateData.email == null){
217 $scope.updateData.content = data.contactNumber; 218 $scope.updateData.content = data.contactNumber;
218 }else{ 219 }else{
219 $scope.updateData.content = data.email; 220 $scope.updateData.content = data.email;
220 } 221 }
221 } 222 }
222 223
223 $scope.acceptUpdateField = function(){ 224 $scope.acceptUpdateField = function(){
224 console.log($scope.updateData) 225 console.log($scope.updateData)
225 if($scope.updateData.content == undefined){ 226 if($scope.updateData.content == undefined){
226 toastr.error('Please add some content', { 227 toastr.error('Please add some content', {
227 closeButton: true 228 closeButton: true
228 }) 229 })
229 }else{ 230 }else{
230 if(newContactName == 'phone'){ 231 if(newContactName == 'phone'){
231 var updateCustomData = "vendorId=" + vendorId + "&contactNumber=" + $scope.updateData.content + "&contactId=" + $scope.updateData.id 232 var updateCustomData = "vendorId=" + vendorId + "&contactNumber=" + $scope.updateData.content + "&contactId=" + $scope.updateData.id
232 + "&title=" + $scope.updateData.title; 233 + "&title=" + $scope.updateData.title;
233 }else{ 234 }else{
234 var updateCustomData = "vendorId=" + vendorId + "&email=" + $scope.updateData.content + "&contactId=" + $scope.updateData.id 235 var updateCustomData = "vendorId=" + vendorId + "&email=" + $scope.updateData.content + "&contactId=" + $scope.updateData.id
235 + "&title=" + $scope.updateData.title; 236 + "&title=" + $scope.updateData.title;
236 } 237 }
237 ViewFuelVendorService.updateCustomField(updateCustomData).then(function(result) { 238 ViewFuelVendorService.updateCustomField(updateCustomData).then(function(result) {
238 console.log(result) 239 console.log(result)
239 if(result != null && result.success){ 240 if(result != null && result.success){
240 $('#updateContact').css('display', 'none'); 241 $('#updateContact').css('display', 'none');
241 getVendorDetail(); 242 getVendorDetail();
242 } 243 }
243 }) 244 })
244 } 245 }
245 } 246 }
246 247
247 $scope.cancelUpdateField = function(){ 248 $scope.cancelUpdateField = function(){
248 $('#updateContact').css('display', 'none'); 249 $('#updateContact').css('display', 'none');
249 } 250 }
250 251
251 $scope.showEditTier2 = function(number){ 252 $scope.showEditTier2 = function(number){
252 console.log(number) 253 console.log(number)
253 $scope.contactNumber = number; 254 $scope.contactNumber = number;
254 } 255 }
255 256
256 257
257 258
258 var contactName = ''; 259 var contactName = '';
259 $scope.addCustom = function(value){ 260 $scope.addCustom = function(value){
260 console.log(value) 261 console.log(value)
261 if(value != null){ 262 if(value != null){
262 contactName = value; 263 contactName = value;
263 $('#customField').css('display', 'block'); 264 $('#customField').css('display', 'block');
264 } 265 }
265 $scope.custom = {}; 266 $scope.custom = {};
266 } 267 }
267 268
268 $scope.cancelCustomField = function(){ 269 $scope.cancelCustomField = function(){
269 $('#customField').css('display', 'none'); 270 $('#customField').css('display', 'none');
270 } 271 }
271 272
272 $scope.acceptCustomField = function(){ 273 $scope.acceptCustomField = function(){
273 if($scope.custom.content == undefined){ 274 if($scope.custom.content == undefined){
274 toastr.error('Please add some content', { 275 toastr.error('Please add some content', {
275 closeButton: true 276 closeButton: true
276 }) 277 })
277 }else{ 278 }else{
278 if(contactName == 'phone'){ 279 if(contactName == 'phone'){
279 var customData = "vendorId=" + vendorId + "&contactNumber=" + $scope.custom.content 280 var customData = "vendorId=" + vendorId + "&contactNumber=" + $scope.custom.content
280 + "&title=" + $scope.custom.title; 281 + "&title=" + $scope.custom.title;
281 }else{ 282 }else{
282 var customData = "vendorId=" + vendorId + "&email=" + $scope.custom.content 283 var customData = "vendorId=" + vendorId + "&email=" + $scope.custom.content
283 + "&title=" + $scope.custom.title; 284 + "&title=" + $scope.custom.title;
284 } 285 }
285 ViewFuelVendorService.addCustomField(customData).then(function(result) { 286 ViewFuelVendorService.addCustomField(customData).then(function(result) {
286 console.log(result) 287 console.log(result)
287 if(result.status == 200){ 288 if(result.status == 200){
288 $('#customField').css('display', 'none'); 289 $('#customField').css('display', 'none');
289 getVendorDetail(); 290 getVendorDetail();
290 } 291 }
291 }) 292 })
292 } 293 }
293 } 294 }
294 295
295 updateFuelManagerService.getFuelPricingNew().then(function(result) { 296 updateFuelManagerService.getFuelPricingNew().then(function(result) {
296 $scope.fuelPricing = result; 297 $scope.fuelPricing = result;
297 for (var i = 0; i<$scope.fuelPricing.length; i++) { 298 for (var i = 0; i<$scope.fuelPricing.length; i++) {
298 if ($scope.fuelPricing[i].fuelPricing.expirationDate != null) { 299 if ($scope.fuelPricing[i].fuelPricing.expirationDate != null) {
299 $scope.fuelPricing[i].fuelPricing.expirationDate = new Date($scope.fuelPricing[i].fuelPricing.expirationDate); 300 $scope.fuelPricing[i].fuelPricing.expirationDate = new Date($scope.fuelPricing[i].fuelPricing.expirationDate);
300 var newTime = new Date($scope.fuelPricing[i].fuelPricing.expirationDate); 301 var newTime = new Date($scope.fuelPricing[i].fuelPricing.expirationDate);
301 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12 302 var dmonth = newTime.getUTCMonth() + 1; //months from 1-12
302 var dday = newTime.getUTCDate(); 303 var dday = newTime.getUTCDate();
303 var dyear = newTime.getUTCFullYear(); 304 var dyear = newTime.getUTCFullYear();
304 $scope.fuelPricing[i].fuelPricing.expirationDate = dmonth+'/'+dday+'/'+dyear; 305 $scope.fuelPricing[i].fuelPricing.expirationDate = dmonth+'/'+dday+'/'+dyear;
305 } 306 }
306 } 307 }
307 }) 308 })
308 309
309 310
310 CustomersService.getJetMargin($scope.userProfileId).then(function(result) { 311 CustomersService.getJetMargin($scope.userProfileId).then(function(result) {
311 $scope.jetMarginList = result; 312 $scope.jetMarginList = result;
312 }) 313 })
313 314
314 CustomersService.getAvgMargin($scope.userProfileId).then(function(result) { 315 CustomersService.getAvgMargin($scope.userProfileId).then(function(result) {
315 $scope.avgsMarginList = result; 316 $scope.avgsMarginList = result;
316 }) 317 })
317 318
318 $scope.changePriceEmail = function(id, index){ 319 $scope.changePriceEmail = function(id, index){
319 event.stopPropagation(); 320 event.stopPropagation();
320 var contactId = id; 321 var contactId = id;
321 var statusData = "status=" + $scope.vendorContactList[index].priceEmail; 322 var statusData = "status=" + $scope.vendorContactList[index].priceEmail;
322 ViewFuelVendorService.changePriceEmail(contactId, statusData).then(function(result) { 323 ViewFuelVendorService.changePriceEmail(contactId, statusData).then(function(result) {
323 if(result.success){ 324 if(result.success){
324 $('#toogleMail').css('display', 'block'); 325 $('#toogleMail').css('display', 'block');
325 if($scope.vendorContactList[index].priceEmail == true){ 326 if($scope.vendorContactList[index].priceEmail == true){
326 $scope.messageText = 'You have enabled price distribution for this contact'; 327 $scope.messageText = 'You have enabled price distribution for this contact';
327 }else{ 328 }else{
328 $scope.messageText = 'You have disabled price distribution for this contact'; 329 $scope.messageText = 'You have disabled price distribution for this contact';
329 } 330 }
330 } 331 }
331 }) 332 })
332 } 333 }
333 334
334 $scope.cancelToogle = function(){ 335 $scope.cancelToogle = function(){
335 $('#toogleMail').css('display', 'none'); 336 $('#toogleMail').css('display', 'none');
336 } 337 }
337 338
338 $scope.updateOmit = function(fuel, omit) { 339 $scope.updateOmit = function(fuel, omit) {
339 $scope.fuelData = {}; 340 $scope.fuelData = {};
340 $scope.fuelData.expirationDate = new Date(fuel.expirationDate); 341 $scope.fuelData.expirationDate = new Date(fuel.expirationDate);
341 $scope.fuelData.id = fuel.id; 342 $scope.fuelData.id = fuel.id;
342 $scope.fuelData.omit = fuel.omit; 343 $scope.fuelData.omit = fuel.omit;
343 $scope.fuelData.papMargin = fuel.papMargin; 344 $scope.fuelData.papMargin = fuel.papMargin;
344 $scope.fuelData.papTotal = fuel.papTotal; 345 $scope.fuelData.papTotal = fuel.papTotal;
345 $scope.fuelData.cost = fuel.cost; 346 $scope.fuelData.cost = fuel.cost;
346 ViewFuelVendorService.omitFuelPricing($scope.fuelData).then(function(result) { 347 ViewFuelVendorService.omitFuelPricing($scope.fuelData).then(function(result) {
347 if(result.success){ 348 if(result.success){
348 toastr.success(''+result.success+'', { 349 toastr.success(''+result.success+'', {
349 closeButton: true 350 closeButton: true
350 }) 351 })
351 }else{ 352 }else{
352 toastr.error(''+result.statusText+'', { 353 toastr.error(''+result.statusText+'', {
353 closeButton: true 354 closeButton: true
354 }) 355 })
355 } 356 }
356 }) 357 })
357 } 358 }
358 359
359 }]); 360 }]);
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 <div class="col-xs-12 col-md-12"> 125 <div class="col-xs-12 col-md-12">
126 <div class="row" style="margin-left:0px"> 126 <div class="row" style="margin-left:0px">
127 <div class="col-md-12"> 127 <div class="col-md-12">
128 <div class="widget"> 128 <div class="widget">
129 <div class="widget-header"> 129 <div class="widget-header">
130 <i class="fa fa-building-o" aria-hidden="true"></i> 130 <i class="fa fa-building-o" aria-hidden="true"></i>
131 <h3>{{vendorData.vendorName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVendor(vendorData.id)" aria-hidden="true"></i></h3> 131 <h3>{{vendorData.vendorName}} <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVendor(vendorData.id)" aria-hidden="true"></i></h3>
132 <i class="fa fa-times timess" ui-sref="app.FuelVendors" aria-hidden="true"></i> 132 <i class="fa fa-times timess" ui-sref="app.FuelVendors" aria-hidden="true"></i>
133 </div> 133 </div>
134 <!-- /widget-header --> 134 <!-- /widget-header -->
135 <div class="widget-content"> 135 <div class="widget-content">
136 <div class="row" style="margin-left:0px"> 136 <div class="row" style="margin-left:0px">
137 <div class="col-md-6"> 137 <div class="col-md-6">
138 <div class="widget"> 138 <div class="widget">
139 <div class="widget-header"> 139 <div class="widget-header">
140 <i class="fa fa-building-o" aria-hidden="true"></i> 140 <i class="fa fa-building-o" aria-hidden="true"></i>
141 <h3>Vendor Details</h3> 141 <h3>Vendor Details</h3>
142 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 142 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
143 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Dactive"></toggle> 143 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Inactive"></toggle>
144 </div> 144 </div>
145 </div> 145 </div>
146 <div class="widget-content"> 146 <div class="widget-content">
147 <div class="row" style="margin-left:0px;"> 147 <div class="row" style="margin-left:0px;">
148 <div class="col-md-7" style="padding-left: 0;"> 148 <div class="col-md-7" style="padding-left: 0;">
149 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'"> 149 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'">
150 <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> 150 <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>
151 </h4> 151 </h4>
152 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control"> 152 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control">
153 </div> 153 </div>
154 </div> 154 </div>
155 <div> 155 <div>
156 <p class="new-label"> 156 <p class="new-label">
157 <span>Master Margin Setting </span> 157 <span>Master Margin Setting </span>
158 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="vendorData.masterMargin"> 158 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-change="editData()" ng-model="vendorData.masterMargin">
159 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option> 159 <option ng-repeat="margin in jetMarginList" value="{{margin.id}}">{{margin.marginName}}</option>
160 </select> 160 </select>
161 <span>&nbsp;${{vendorData.margin.marginValue}}</span> 161 <span>&nbsp;${{vendorData.margin.marginValue}}</span>
162 <div class="clearfix"></div> 162 <div class="clearfix"></div>
163 </p> 163 </p>
164 </div> 164 </div>
165 165
166 </br> 166 </br>
167 <div class="new-address"> 167 <div class="new-address">
168 168
169 <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> 169 <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>
170 170
171 <div ng-hide="showAddress"> 171 <div ng-hide="showAddress">
172 <label>Address1</label> 172 <label>Address1</label>
173 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" /> 173 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" />
174 <label>Address2</label> 174 <label>Address2</label>
175 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" /> 175 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" />
176 </div> 176 </div>
177 177
178 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.contactNumber != null"> 178 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.contactNumber != null">
179 <i class="fa fa-phone" ng-hide="showEditContact"></i> 179 <i class="fa fa-phone" ng-hide="showEditContact"></i>
180 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 180 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
181 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 181 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
182 182
183 </p> 183 </p>
184 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.email != null"> 184 <p ng-repeat="data in vendorData.vendorCustomContacts" ng-if="data.email != null">
185 <i class="fa fa-envelope" ng-hide="showEditEmail"></i> 185 <i class="fa fa-envelope" ng-hide="showEditEmail"></i>
186 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span> 186 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span>
187 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i> 187 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i>
188 188
189 </p> 189 </p>
190 </div> 190 </div>
191 <div class="new-add-select"> 191 <div class="new-add-select">
192 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;"> 192 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;">
193 <option value="" disabled selected>Add Field</option> 193 <option value="" disabled selected>Add Field</option>
194 <option value="phone" class="optionclass">Add Phone</option> 194 <option value="phone" class="optionclass">Add Phone</option>
195 <option value="email" class="optionclass">Add Email</option> 195 <option value="email" class="optionclass">Add Email</option>
196 </select> 196 </select>
197 </div> 197 </div>
198 <div> 198 <div>
199 <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> 199 <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>
200 <p ng-show="showNoteData">{{vendorData.internalNote}}</p> 200 <p ng-show="showNoteData">{{vendorData.internalNote}}</p>
201 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" rows="4" cols="34"></textarea> 201 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" rows="4" cols="34"></textarea>
202 </div> 202 </div>
203 <div class="pull-left"> 203 <div class="pull-left">
204 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 204 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
205 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 205 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
206 </div> 206 </div>
207 <div class="pull-right"> 207 <div class="pull-right">
208 <button type="button" ng-click="openConfirmMail()" class="btn btn-primary">Distribute Price to Vendor Contacts</button> 208 <button type="button" ng-click="sendMail()" class="btn btn-primary">Distribute Price to Vendor Contacts</button>
209 </div> 209 </div>
210 <div class="clearfix"></div> 210 <div class="clearfix"></div>
211 </div> 211 </div>
212 </div> 212 </div>
213 </div> 213 </div>
214 <div class="col-md-6"> 214 <div class="col-md-6">
215 <div class="widget"> 215 <div class="widget">
216 <div class="widget-header"> 216 <div class="widget-header">
217 <i class="fa fa-pencil"></i> 217 <i class="fa fa-pencil"></i>
218 <h3>Price Manager Reference</h3> 218 <h3>Price Manager Reference</h3>
219 </div> 219 </div>
220 <div class="widget-content"> 220 <div class="widget-content">
221 <div class="table-responsive"> 221 <div class="table-responsive">
222 <table class="table table-hover table-striped"> 222 <table class="table table-hover table-striped">
223 <thead> 223 <thead>
224 <tr> 224 <tr>
225 <th>Omit</th> 225 <th>Omit</th>
226 <th>Product</th> 226 <th>Product</th>
227 <th>Cost</th> 227 <th>Cost</th>
228 <th>PAP (Margin)</th> 228 <th>PAP (Margin)</th>
229 <th>PAP (Total)</th> 229 <th>PAP (Total)</th>
230 <th style="color:#F90">Expires</th> 230 <th style="color:#F90">Expires</th>
231 </tr> 231 </tr>
232 </thead> 232 </thead>
233 <tbody> 233 <tbody>
234 <tr ng-repeat="fuel in fuelPricing | filter:{ status: true }"> 234 <tr ng-repeat="fuel in fuelPricing | filter:{ status: true }">
235 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td> 235 <td><input type="checkbox" ng-model="fuel.fuelPricing.omit" ng-change="updateOmit(fuel.fuelPricing, fuel.status)"></td>
236 <td>{{fuel.name}}</td> 236 <td>{{fuel.name}}</td>
237 <td>${{fuel.fuelPricing.cost}}</td> 237 <td>${{fuel.fuelPricing.cost}}</td>
238 <td>${{fuel.fuelPricing.papMargin}}</td> 238 <td>${{fuel.fuelPricing.papMargin}}</td>
239 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal}}</td> 239 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal}}</td>
240 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td> 240 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td>
241 </tr> 241 </tr>
242 </tbody> 242 </tbody>
243 </table> 243 </table>
244 </div> 244 </div>
245 </div> 245 </div>
246 </div> 246 </div>
247 </div> 247 </div>
248 </div> 248 </div>
249 <div class="row" style="margin-left:0px"> 249 <div class="row" style="margin-left:0px">
250 <div class="col-md-6"> 250 <div class="col-md-6">
251 <div class="widget"> 251 <div class="widget">
252 <div class="widget-header"> 252 <div class="widget-header">
253 <i class="fa fa-user"></i> 253 <i class="fa fa-user"></i>
254 <h3>Contact List</h3> 254 <h3>Contact List</h3>
255 <div class="pull-right"> 255 <div class="pull-right">
256 <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> 256 <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>
257 </div> 257 </div>
258 </div> 258 </div>
259 <div class="widget-content" style="padding:0px"> 259 <div class="widget-content" style="padding:0px">
260 <div class="table-responsive"> 260 <div class="table-responsive">
261 <table class="table table-bordered table-hover table-striped"> 261 <table class="table table-bordered table-hover table-striped">
262 <thead> 262 <thead>
263 <tr> 263 <tr>
264 <th>Price Email</th> 264 <th>Price Email</th>
265 <th>First Name</th> 265 <th>First Name</th>
266 <th>Last Name</th> 266 <th>Last Name</th>
267 <th>Title</th> 267 <th>Title</th>
268 </tr> 268 </tr>
269 </thead> 269 </thead>
270 <tbody> 270 <tbody>
271 <tr ng-repeat="contact in vendorContactList" style="cursor: pointer;" ui-sref="app.viewVendorContact({id : contact.id})"> 271 <tr ng-repeat="contact in vendorContactList" style="cursor: pointer;" ui-sref="app.viewVendorContact({id : contact.id})">
272 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td> 272 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td>
273 <td>{{contact.firstName}}</td> 273 <td>{{contact.firstName}}</td>
274 <td>{{contact.lastName}}</td> 274 <td>{{contact.lastName}}</td>
275 <td>{{contact.title}}</td> 275 <td>{{contact.title}}</td>
276 </tr> 276 </tr>
277 </tbody> 277 </tbody>
278 </table> 278 </table>
279 </div> 279 </div>
280 </div> 280 </div>
281 </div> 281 </div>
282 </div> 282 </div>
283 283
284 </div> 284 </div>
285 </div> 285 </div>
286 <!-- /widget-content --> 286 <!-- /widget-content -->
287 </div> 287 </div>
288 <!-- /widget --> 288 <!-- /widget -->
289 </div> 289 </div>
290 <!-- /span6 --> 290 <!-- /span6 -->
291 </div> 291 </div>
292 <!-- /widget --> 292 <!-- /widget -->
293 </div> 293 </div>
294 <!-- /container --> 294 <!-- /container -->
295 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 295 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
296 <div class="modal-dialog modal-lg"> 296 <div class="modal-dialog modal-lg">
297 <div class="modal-content"> 297 <div class="modal-content">
298 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 298 <div class="modal-body step-1" data-step="1" style="padding: 0;">
299 <div> 299 <div>
300 <div class="row" style="margin: 0;"> 300 <div class="row" style="margin: 0;">
301 <div> 301 <div>
302 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 302 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
303 <div class="widget-header"> 303 <div class="widget-header">
304 <i class="icon-pencil"></i> 304 <i class="icon-pencil"></i>
305 <i class="fa fa-tasks" aria-hidden="true"></i> 305 <i class="fa fa-tasks" aria-hidden="true"></i>
306 <h3>Add a New Contact</h3> 306 <h3>Add a New Contact</h3>
307 <div class="clearfix"></div> 307 <div class="clearfix"></div>
308 </div> 308 </div>
309 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 309 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
310 <div class="col-xs-12"> 310 <div class="col-xs-12">
311 <div class="col-md-6"> 311 <div class="col-md-6">
312 <div class="pull-left" style="width: 110px;"> 312 <div class="pull-left" style="width: 110px;">
313 <label class="new-input-label"><b>First Name</b></label> 313 <label class="new-input-label"><b>First Name</b></label>
314 </div> 314 </div>
315 <div class="pull-left" style="margin-left: 15px;"> 315 <div class="pull-left" style="margin-left: 15px;">
316 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 316 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
317 </div> 317 </div>
318 <div class="clearfix"></div> 318 <div class="clearfix"></div>
319 </div> 319 </div>
320 <div class="col-md-6"> 320 <div class="col-md-6">
321 321
322 <div class="pull-left" style="width: 110px;"> 322 <div class="pull-left" style="width: 110px;">
323 <label class="new-input-label"><b>Last Name</b></label> 323 <label class="new-input-label"><b>Last Name</b></label>
324 </div> 324 </div>
325 <div class="pull-left" style="margin-left: 15px;"> 325 <div class="pull-left" style="margin-left: 15px;">
326 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 326 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
327 </div> 327 </div>
328 <div class="clearfix"></div> 328 <div class="clearfix"></div>
329 </div> 329 </div>
330 </div> 330 </div>
331 <div class="clearfix"></div><br> 331 <div class="clearfix"></div><br>
332 <div class="col-xs-12"> 332 <div class="col-xs-12">
333 <div class="col-md-6"> 333 <div class="col-md-6">
334 <div class="pull-left" style="width: 110px;"> 334 <div class="pull-left" style="width: 110px;">
335 <label class="new-input-label"><b>Title</b></label> 335 <label class="new-input-label"><b>Title</b></label>
336 </div> 336 </div>
337 <div class="pull-left" style="margin-left: 15px;"> 337 <div class="pull-left" style="margin-left: 15px;">
338 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 338 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
339 </div> 339 </div>
340 <div class="clearfix"></div> 340 <div class="clearfix"></div>
341 </div> 341 </div>
342 <div class="col-md-6"> 342 <div class="col-md-6">
343 343
344 <div class="pull-left" style="width: 110px;"> 344 <div class="pull-left" style="width: 110px;">
345 <label class="new-input-label"><b>Email</b></label> 345 <label class="new-input-label"><b>Email</b></label>
346 </div> 346 </div>
347 <div class="pull-left" style="margin-left: 15px;"> 347 <div class="pull-left" style="margin-left: 15px;">
348 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 348 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
349 </div> 349 </div>
350 <div class="clearfix"></div> 350 <div class="clearfix"></div>
351 </div> 351 </div>
352 </div> 352 </div>
353 <div class="clearfix"></div><br> 353 <div class="clearfix"></div><br>
354 <div class="col-xs-12"> 354 <div class="col-xs-12">
355 <div class="col-md-6"> 355 <div class="col-md-6">
356 <div class="pull-left" style="width: 110px;"> 356 <div class="pull-left" style="width: 110px;">
357 <label class="new-input-label"><b>Username</b></label> 357 <label class="new-input-label"><b>Username</b></label>
358 </div> 358 </div>
359 <div class="pull-left" style="margin-left: 15px;"> 359 <div class="pull-left" style="margin-left: 15px;">
360 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 360 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
361 </div> 361 </div>
362 <div class="clearfix"></div> 362 <div class="clearfix"></div>
363 </div> 363 </div>
364 <div class="col-md-6"> 364 <div class="col-md-6">
365 365
366 <div class="pull-left" style="width: 110px;"> 366 <div class="pull-left" style="width: 110px;">
367 <label class="new-input-label"><b>Password</b></label> 367 <label class="new-input-label"><b>Password</b></label>
368 </div> 368 </div>
369 <div class="pull-left" style="margin-left: 15px;"> 369 <div class="pull-left" style="margin-left: 15px;">
370 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 370 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
371 </div> 371 </div>
372 <div class="clearfix"></div> 372 <div class="clearfix"></div>
373 </div> 373 </div>
374 </div> 374 </div>
375 <div class="clearfix"></div><br> 375 <div class="clearfix"></div><br>
376 <div class="col-xs-12"> 376 <div class="col-xs-12">
377 <div class="col-md-6"> 377 <div class="col-md-6">
378 <div class="pull-left" style="width: 110px;"> 378 <div class="pull-left" style="width: 110px;">
379 <label class="new-input-label"><b>Work Phone</b></label> 379 <label class="new-input-label"><b>Work Phone</b></label>
380 </div> 380 </div>
381 <div class="pull-left" style="margin-left: 15px;"> 381 <div class="pull-left" style="margin-left: 15px;">
382 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 382 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
383 </div> 383 </div>
384 <div class="clearfix"></div> 384 <div class="clearfix"></div>
385 </div> 385 </div>
386 <div class="col-md-6"> 386 <div class="col-md-6">
387 387
388 <div class="pull-left" style="width: 110px;"> 388 <div class="pull-left" style="width: 110px;">
389 <label class="new-input-label"><b>Mobile Phone</b></label> 389 <label class="new-input-label"><b>Mobile Phone</b></label>
390 </div> 390 </div>
391 <div class="pull-left" style="margin-left: 15px;"> 391 <div class="pull-left" style="margin-left: 15px;">
392 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 392 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
393 </div> 393 </div>
394 <div class="clearfix"></div> 394 <div class="clearfix"></div>
395 </div> 395 </div>
396 </div> 396 </div>
397 <div class="clearfix"></div><br> 397 <div class="clearfix"></div><br>
398 <div class="col-xs-12"> 398 <div class="col-xs-12">
399 <div class="col-md-12"> 399 <div class="col-md-12">
400 <div class="pull-left" style="width: 110px;"> 400 <div class="pull-left" style="width: 110px;">
401 <label class="new-input-label"><b>Address</b></label> 401 <label class="new-input-label"><b>Address</b></label>
402 </div> 402 </div>
403 <div class="pull-right" style="width: calc(100% - 123px);"> 403 <div class="pull-right" style="width: calc(100% - 123px);">
404 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 404 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
405 </div> 405 </div>
406 <div class="clearfix"></div> 406 <div class="clearfix"></div>
407 </div> 407 </div>
408 </div> 408 </div>
409 <div class="clearfix"></div> 409 <div class="clearfix"></div>
410 <br/> 410 <br/>
411 <div class="col-xs-12"> 411 <div class="col-xs-12">
412 <div class="col-md-3"> 412 <div class="col-md-3">
413 <div class="pull-left my-toggle-switch"> 413 <div class="pull-left my-toggle-switch">
414 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 414 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
415 <toggle ng-model="data.priceEmail" size="customToogle"> 415 <toggle ng-model="data.priceEmail" size="customToogle">
416 </div> 416 </div>
417 </div> 417 </div>
418 <div class="clearfix"></div> 418 <div class="clearfix"></div>
419 </div> 419 </div>
420 <div class="col-md-3"> 420 <div class="col-md-3">
421 <div class="pull-left my-toggle-switch"> 421 <div class="pull-left my-toggle-switch">
422 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 422 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
423 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 423 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
424 </div> 424 </div>
425 </div> 425 </div>
426 <div class="clearfix"></div> 426 <div class="clearfix"></div>
427 </div> 427 </div>
428 <div class="col-md-6"> 428 <div class="col-md-6">
429 <div class="pull-left" style="width: 110px;"> 429 <div class="pull-left" style="width: 110px;">
430 <label class="new-input-label"><b>Internal Note</b></label> 430 <label class="new-input-label"><b>Internal Note</b></label>
431 </div> 431 </div>
432 <div class="pull-left" style="width: calc(100% - 110px);"> 432 <div class="pull-left" style="width: calc(100% - 110px);">
433 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 433 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
434 </div> 434 </div>
435 </div> 435 </div>
436 <div class="clearfix"></div> 436 <div class="clearfix"></div>
437 </div> 437 </div>
438 <div class="clearfix"></div><br> 438 <div class="clearfix"></div><br>
439 </div> 439 </div>
440 </div> 440 </div>
441 <div class="clearfix"></div> 441 <div class="clearfix"></div>
442 </div> 442 </div>
443 </div> 443 </div>
444 </div> 444 </div>
445 </div> 445 </div>
446 <div class="modal-footer" style="border-top: 0;"> 446 <div class="modal-footer" style="border-top: 0;">
447 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 447 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
448 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 448 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
449 </div> 449 </div>
450 </div> 450 </div>
451 </div> 451 </div>
452 </form> 452 </form>
453 <div class="clearfix"></div> 453 <div class="clearfix"></div>
454 454
455 <div class="customConfirmPopBackdrop" id="confirm2"> 455 <div class="customConfirmPopBackdrop" id="confirm2">
456 <div class="customModalInner" style="max-width: 400px;"> 456 <div class="customModalInner" style="max-width: 400px;">
457 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 457 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
458 <table> 458 <table>
459 <tr> 459 <tr>
460 <td> 460 <td>
461 <img src="img/info.png" style="width: 50px;"> 461 <img src="img/info.png" style="width: 50px;">
462 </td> 462 </td>
463 <td> 463 <td>
464 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 464 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
465 </td> 465 </td>
466 </tr> 466 </tr>
467 </table> 467 </table>
468 </div> 468 </div>
469 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 469 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
470 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 470 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
471 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 471 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
472 </div> 472 </div>
473 </div> 473 </div>
474 </div> 474 </div>
475 475
476 <div class="customConfirmPopBackdrop" id="deleteVendor"> 476 <div class="customConfirmPopBackdrop" id="deleteVendor">
477 <div class="customModalInner" style="max-width: 400px;"> 477 <div class="customModalInner" style="max-width: 400px;">
478 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 478 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
479 <table> 479 <table>
480 <tr> 480 <tr>
481 <td> 481 <td>
482 <img src="img/info.png" style="width: 50px;"> 482 <img src="img/info.png" style="width: 50px;">
483 </td> 483 </td>
484 <td> 484 <td>
485 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p> 485 <p style="padding: 5px 10px; margin-bottom: 0;">{{statusMessage}}</p>
486 </td> 486 </td>
487 </tr> 487 </tr>
488 </table> 488 </table>
489 </div> 489 </div>
490 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 490 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
491 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button> 491 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="companyStatus()">Accept</button>
492 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button> 492 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Cancel</button>
493 </div> 493 </div>
494 </div> 494 </div>
495 </div> 495 </div>
496 496
497 <div class="customConfirmPopBackdrop" id="customField"> 497 <div class="customConfirmPopBackdrop" id="customField">
498 <div class="customModalInner" style="max-width: 400px;"> 498 <div class="customModalInner" style="max-width: 400px;">
499 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 499 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
500 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 500 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
501 <div class="col-md-10"> 501 <div class="col-md-10">
502 <form> 502 <form>
503 Title:<br> 503 Title:<br>
504 <input type="text" name="firstname" ng-model="custom.title"><br> 504 <input type="text" name="firstname" ng-model="custom.title"><br>
505 Content:<br> 505 Content:<br>
506 <input type="text" name="lastname" ng-model="custom.content"> 506 <input type="text" name="lastname" ng-model="custom.content">
507 </form> 507 </form>
508 </div> 508 </div>
509 <div class="clearfix"></div> 509 <div class="clearfix"></div>
510 </div> 510 </div>
511 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 511 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
512 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button> 512 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button>
513 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 513 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
514 </div> 514 </div>
515 </div> 515 </div>
516 </div> 516 </div>
517 517
518 <div class="customConfirmPopBackdrop" id="toogleMail"> 518 <div class="customConfirmPopBackdrop" id="toogleMail">
519 <div class="customModalInner" style="max-width: 400px;"> 519 <div class="customModalInner" style="max-width: 400px;">
520 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 520 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
521 <table> 521 <table>
522 <tr> 522 <tr>
523 <!-- <td> 523 <!-- <td>
524 <img src="" style="width: 50px;"> 524 <img src="" style="width: 50px;">
525 </td> --> 525 </td> -->
526 <td> 526 <td>
527 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 527 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
528 </td> 528 </td>
529 </tr> 529 </tr>
530 </table> 530 </table>
531 </div> 531 </div>
532 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 532 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
533 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button> 533 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
534 </div> 534 </div>
535 </div> 535 </div>
536 </div> 536 </div>
537 537
538 <div class="customConfirmPopBackdrop" id="updateContact"> 538 <div class="customConfirmPopBackdrop" id="updateContact">
539 <div class="customModalInner" style="max-width: 400px;"> 539 <div class="customModalInner" style="max-width: 400px;">
540 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 540 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
541 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 541 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
542 <div class="col-md-10"> 542 <div class="col-md-10">
543 <form> 543 <form>
544 Title:<br> 544 Title:<br>
545 <input type="text" name="firstname" ng-model="updateData.title"><br> 545 <input type="text" name="firstname" ng-model="updateData.title"><br>
546 Content:<br> 546 Content:<br>
547 <input type="text" name="lastname" ng-model="updateData.content"> 547 <input type="text" name="lastname" ng-model="updateData.content">
548 </form> 548 </form>
549 </div> 549 </div>
550 <div class="clearfix"></div> 550 <div class="clearfix"></div>
551 </div> 551 </div>
552 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 552 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
553 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button> 553 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button>
554 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 554 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
555 </div> 555 </div>
556 </div> 556 </div>
557 </div> 557 </div>
558 558
559 <!-- Le javascript 559 <!-- Le javascript
560 ================================================== --> 560 ================================================== -->
561 <!-- Placed at the end of the document so the pages load faster --> 561 <!-- Placed at the end of the document so the pages load faster -->
562 <!-- <script 562 <!-- <script
563 CKEDITOR.replace( 'editor2', { 563 CKEDITOR.replace( 'editor2', {
564 height: 250, 564 height: 250,
565 extraPlugins: 'divarea' 565 extraPlugins: 'divarea'
566 } ); 566 } );
567 </script> --> 567 </script> -->
568 568
app/partials/viewcontact/viewcontact.controller.js
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('viewcontactController', ['$scope', '$stateParams', '$state', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, $state, ViewcontactService, ViewCompanyService) { 6 .controller('viewcontactController', ['$scope', '$stateParams', '$state', 'ViewcontactService', 'ViewCompanyService', function($scope, $stateParams, $state, ViewcontactService, ViewCompanyService) {
7 7
8 $(document).ready(function() { 8 $(document).ready(function() {
9 $('.animation_select').click( function(){ 9 $('.animation_select').click( function(){
10 $('#animation_box').removeAttr('class').attr('class', ''); 10 $('#animation_box').removeAttr('class').attr('class', '');
11 var animation = $(this).attr("data-animation"); 11 var animation = $(this).attr("data-animation");
12 $('#animation_box').addClass('animated'); 12 $('#animation_box').addClass('animated');
13 $('#animation_box').addClass(animation); 13 $('#animation_box').addClass(animation);
14 return false; 14 return false;
15 }); 15 });
16 }); 16 });
17 17
18 $scope.showLoader = true; 18 $scope.showLoader = true;
19 $scope.showUpdateBtn = false; 19 $scope.showUpdateBtn = false;
20 var contactId = $stateParams.id; 20 var contactId = $stateParams.id;
21 $scope.contactDetail = {}; 21 $scope.contactDetail = {};
22 var contactCompanyId = ""; 22 var contactCompanyId = "";
23 ViewcontactService.getContact(contactId).then(function(result) { 23 ViewcontactService.getContact(contactId).then(function(result) {
24 $scope.contactDetail = result; 24 $scope.contactDetail = result;
25 $scope.showLoader = false; 25 $scope.showLoader = false;
26 contactCompanyId = result.owner.id; 26 contactCompanyId = result.owner.id;
27 }) 27 })
28 28
29 $scope.goBack = function(){ 29 $scope.goBack = function(){
30 window.history.back(); 30 window.history.back();
31 } 31 }
32 32
33 $scope.contactIdList = {}; 33 $scope.contactIdList = {};
34 var index; 34 var index;
35 var one = 1; 35 var one = 1;
36 var selectedId; 36 var selectedId;
37 37
38 ViewcontactService.getContactsList(contactId).then(function(list){ 38 ViewcontactService.getContactsList(contactId).then(function(list){
39 $scope.contactIdList = list; 39 $scope.contactIdList = list;
40 index = $scope.contactIdList.indexOf(contactId); 40 index = $scope.contactIdList.indexOf(contactId);
41 selectedId = $scope.contactIdList[index]; 41 selectedId = $scope.contactIdList[index];
42 }) 42 })
43 43
44 $scope.nextContact = function(){ 44 $scope.nextContact = function(){
45 //$scope.showLoader = true; 45 //$scope.showLoader = true;
46 index = index + one; 46 index = index + one;
47 selectedId = $scope.contactIdList[index]; 47 selectedId = $scope.contactIdList[index];
48 ViewcontactService.getContact(selectedId).then(function(result) { 48 ViewcontactService.getContact(selectedId).then(function(result) {
49 $scope.contactDetail = result; 49 $scope.contactDetail = result;
50 //$scope.showLoader = false; 50 //$scope.showLoader = false;
51 }) 51 })
52 } 52 }
53 53
54 $scope.prevContact = function(){ 54 $scope.prevContact = function(){
55 //$scope.showLoader = true; 55 //$scope.showLoader = true;
56 index = index - one; 56 index = index - one;
57 selectedId = $scope.contactIdList[index]; 57 selectedId = $scope.contactIdList[index];
58 ViewcontactService.getContact(selectedId).then(function(result) { 58 ViewcontactService.getContact(selectedId).then(function(result) {
59 $scope.contactDetail = result; 59 $scope.contactDetail = result;
60 //$scope.showLoader = false; 60 //$scope.showLoader = false;
61 }) 61 })
62 } 62 }
63 63
64 $scope.changePriceEmail = function(id){ 64 $scope.changePriceEmail = function(id){
65 var statusData = "status=" + $scope.contactDetail.priceEmail; 65 var statusData = "status=" + $scope.contactDetail.priceEmail;
66 ViewcontactService.changePriceEmail(id, statusData).then(function(result) { 66 ViewcontactService.changePriceEmail(id, statusData).then(function(result) {
67 if(result.success){ 67 if(result.success){
68 $('#toogleMail').css('display', 'block'); 68 //$('#toogleMail').css('display', 'block');
69 if($scope.contactDetail.priceEmail == true){ 69 if($scope.contactDetail.priceEmail == true){
70 $scope.messageText = 'You have enabled price distribution for this contact'; 70 toastr.success('You have enabled price distribution for this contact', {
71 closeButton: true
72 })
73 // $scope.messageText = 'You have enabled price distribution for this contact';
71 }else{ 74 }else{
72 $scope.messageText = 'You have disabled price distribution for this contact'; 75 toastr.success('You have disabled price distribution for this contact', {
76 closeButton: true
77 })
78 //$scope.messageText = 'You have disabled price distribution for this contact';
73 } 79 }
74 } 80 }
75 }) 81 })
76 } 82 }
77 83
78 $scope.cancelToogle = function(){ 84 $scope.cancelToogle = function(){
79 $('#toogleMail').css('display', 'none'); 85 $('#toogleMail').css('display', 'none');
80 } 86 }
81 $scope.disableNext = true; 87 $scope.disableNext = true;
82 $scope.disablePrev = true; 88 $scope.disablePrev = true;
83 setInterval(function(){ 89 setInterval(function(){
84 var checkMaxLength = $scope.contactIdList.length - one; 90 var checkMaxLength = $scope.contactIdList.length - one;
85 if (index === checkMaxLength) { 91 if (index === checkMaxLength) {
86 $scope.disableNext = true; 92 $scope.disableNext = true;
87 }else{ 93 }else{
88 $scope.disableNext = false; 94 $scope.disableNext = false;
89 } 95 }
90 if (index === 0) { 96 if (index === 0) {
91 $scope.disablePrev = true; 97 $scope.disablePrev = true;
92 }else{ 98 }else{
93 $scope.disablePrev = false; 99 $scope.disablePrev = false;
94 } 100 }
95 }, 1); 101 }, 1);
96 102
97 $scope.editName = true; 103 $scope.editName = true;
98 $scope.editCompany = true; 104 $scope.editCompany = true;
99 $scope.editAddress = true; 105 $scope.editAddress = true;
100 $scope.editPhone = true; 106 $scope.editPhone = true;
101 $scope.editMobile = true; 107 $scope.editMobile = true;
102 $scope.editEmail = true; 108 $scope.editEmail = true;
103 $scope.editContactNotes = true; 109 $scope.editContactNotes = true;
104 110
105 $scope.nameEdit = function(){ 111 $scope.nameEdit = function(){
106 $scope.editName = false; 112 $scope.editName = false;
107 $scope.showUpdateBtn = true; 113 $scope.showUpdateBtn = true;
108 } 114 }
109 $scope.addressEdit = function(){ 115 $scope.addressEdit = function(){
110 $scope.editAddress = false; 116 $scope.editAddress = false;
111 $scope.showUpdateBtn = true; 117 $scope.showUpdateBtn = true;
112 } 118 }
113 $scope.phoneEdit = function(){ 119 $scope.phoneEdit = function(){
114 $scope.editPhone = false; 120 $scope.editPhone = false;
115 $scope.showUpdateBtn = true; 121 $scope.showUpdateBtn = true;
116 } 122 }
117 $scope.mobileEdit = function(){ 123 $scope.mobileEdit = function(){
118 $scope.editMobile = false; 124 $scope.editMobile = false;
119 $scope.showUpdateBtn = true; 125 $scope.showUpdateBtn = true;
120 } 126 }
121 $scope.emailEdit = function(){ 127 $scope.emailEdit = function(){
122 $scope.editEmail = false; 128 $scope.editEmail = false;
123 $scope.showUpdateBtn = true; 129 $scope.showUpdateBtn = true;
124 } 130 }
125 $scope.notesEdit = function(){ 131 $scope.notesEdit = function(){
126 $scope.editContactNotes = false; 132 $scope.editContactNotes = false;
127 $scope.showUpdateBtn = true; 133 $scope.showUpdateBtn = true;
128 } 134 }
129 135
130 $scope.conData = {}; 136 $scope.conData = {};
131 $scope.contactData = {}; 137 $scope.contactData = {};
132 $scope.contactData.contactList = []; 138 $scope.contactData.contactList = [];
133 $scope.updateContact = function(data){ 139 $scope.updateContact = function(data){
134 $scope.showLoader = true; 140 $scope.showLoader = true;
135 $scope.editName = true; 141 $scope.editName = true;
136 $scope.editCompany = true; 142 $scope.editCompany = true;
137 $scope.editAddress = true; 143 $scope.editAddress = true;
138 $scope.editPhone = true; 144 $scope.editPhone = true;
139 $scope.editMobile = true; 145 $scope.editMobile = true;
140 $scope.editEmail = true; 146 $scope.editEmail = true;
141 $scope.editContactNotes = true; 147 $scope.editContactNotes = true;
142 148
143 $scope.conData.address = data.address; 149 $scope.conData.address = data.address;
144 $scope.conData.email = data.email; 150 $scope.conData.email = data.email;
145 $scope.conData.firstName = data.firstName; 151 $scope.conData.firstName = data.firstName;
146 $scope.conData.id = data.id; 152 $scope.conData.id = data.id;
147 $scope.conData.lastName = data.lastName; 153 $scope.conData.lastName = data.lastName;
148 $scope.conData.mobilePhone = data.mobilePhone; 154 $scope.conData.mobilePhone = data.mobilePhone;
149 $scope.conData.note = data.note; 155 $scope.conData.note = data.note;
150 $scope.conData.password = data.password; 156 $scope.conData.password = data.password;
151 $scope.conData.priceEmail = data.priceEmail; 157 $scope.conData.priceEmail = data.priceEmail;
152 $scope.conData.primaryContact = data.primaryContact; 158 $scope.conData.primaryContact = data.primaryContact;
153 $scope.conData.title = data.title; 159 $scope.conData.title = data.title;
154 $scope.conData.userName = data.userName; 160 $scope.conData.userName = data.userName;
155 $scope.conData.workPhone = data.workPhone; 161 $scope.conData.workPhone = data.workPhone;
156 $scope.conData.companyId = data.owner.id; 162 $scope.conData.companyId = data.owner.id;
157 163
158 $scope.contactData.contactList.push($scope.conData); 164 $scope.contactData.contactList.push($scope.conData);
159 $scope.contactData.contactList.push(); 165 $scope.contactData.contactList.push();
160 ViewcontactService.updateContact($scope.contactData).then(function(result) { 166 ViewcontactService.updateContact($scope.contactData).then(function(result) {
161 if(result.success){ 167 if(result.success){
162 toastr.success(''+result.success+'', { 168 toastr.success(''+result.success+'', {
163 closeButton: true 169 closeButton: true
164 }) 170 })
165 $scope.showUpdateBtn = false; 171 $scope.showUpdateBtn = false;
166 }else{ 172 }else{
167 toastr.error(''+result.statusText+'', { 173 toastr.error(''+result.statusText+'', {
168 closeButton: true 174 closeButton: true
169 }) 175 })
170 } 176 }
171 $scope.showLoader = false; 177 $scope.showLoader = false;
172 }) 178 })
173 } 179 }
174 180
175 $scope.cancelContact = function(){ 181 $scope.cancelContact = function(){
176 $scope.editName = true; 182 $scope.editName = true;
177 $scope.editCompany = true; 183 $scope.editCompany = true;
178 $scope.editAddress = true; 184 $scope.editAddress = true;
179 $scope.editPhone = true; 185 $scope.editPhone = true;
180 $scope.editMobile = true; 186 $scope.editMobile = true;
181 $scope.editEmail = true; 187 $scope.editEmail = true;
182 $scope.editContactNotes = true; 188 $scope.editContactNotes = true;
183 $scope.showUpdateBtn = false; 189 $scope.showUpdateBtn = false;
184 } 190 }
185 191
186 $scope.checkPrimaryContact = function(companyId){ 192 $scope.checkPrimaryContact = function(companyId){
187 if($scope.contactDetail.primaryContact == true){ 193 if($scope.contactDetail.primaryContact == true){
188 ViewCompanyService.checkPrimaryContact(companyId).then(function(result) { 194 ViewCompanyService.checkPrimaryContact(companyId).then(function(result) {
189 console.log(result) 195 console.log(result)
190 if(result.status == 422 || result.status == 200){ 196 if(result.status == 422 || result.status == 200){
191 $('#primaryContact').css('display', 'block'); 197 $('#primaryContact').css('display', 'block');
192 } 198 }
193 }) 199 })
194 }else{ 200 }else{
195 var primaryContactData = "companyContactId=" + $scope.contactDetail.id + "&primary=false"; 201 var primaryContactData = "companyContactId=" + $scope.contactDetail.id + "&primary=false";
196 202
197 ViewCompanyService.addPrimaryContact(primaryContactData).then(function(result) { 203 ViewCompanyService.addPrimaryContact(primaryContactData).then(function(result) {
198 console.log(result) 204 console.log(result)
199 }) 205 })
200 } 206 }
201 } 207 }
202 208
203 $scope.cancelPrimaryContact = function(){ 209 $scope.cancelPrimaryContact = function(){
204 $('#primaryContact').css('display', 'none'); 210 $('#primaryContact').css('display', 'none');
205 $scope.contactDetail.primaryContact = false; 211 $scope.contactDetail.primaryContact = false;
206 console.log($scope.contactDetail.primaryContact) 212 console.log($scope.contactDetail.primaryContact)
207 } 213 }
208 214
209 $scope.sendPrimaryContact = function(id){ 215 $scope.sendPrimaryContact = function(id){
210 $('#primaryContact').css('display', 'none'); 216 $('#primaryContact').css('display', 'none');
211 var primaryContactData = "companyContactId=" + id + "&primary=" + $scope.contactDetail.primaryContact; 217 var primaryContactData = "companyContactId=" + id + "&primary=" + $scope.contactDetail.primaryContact;
212 218
213 ViewCompanyService.addPrimaryContact(primaryContactData).then(function(result) { 219 ViewCompanyService.addPrimaryContact(primaryContactData).then(function(result) {
214 console.log(result) 220 console.log(result)
215 }) 221 })
216 222
217 } 223 }
218 224
219 var deleteContact = ""; 225 var deleteContact = "";
220 $scope.deleteContact = function(id){ 226 $scope.deleteContact = function(id){
221 $('#delete2').css('display', 'block'); 227 $('#delete2').css('display', 'block');
222 deleteContact = id; 228 deleteContact = id;
223 } 229 }
224 230
225 $scope.contactDelete = function(){ 231 $scope.contactDelete = function(){
226 ViewcontactService.deleteContact(deleteContact).then(function(result) { 232 ViewcontactService.deleteContact(deleteContact).then(function(result) {
227 console.log(result) 233 console.log(result)
228 if(result.success){ 234 if(result.success){
229 deleteContact = ""; 235 deleteContact = "";
230 $('#delete2').css('display', 'none'); 236 $('#delete2').css('display', 'none');
231 toastr.success(''+result.success+'', { 237 toastr.success(''+result.success+'', {
232 closeButton: true 238 closeButton: true
233 }) 239 })
234 $state.go('app.viewCompany', {"id": contactCompanyId}); 240 $state.go('app.viewCompany', {"id": contactCompanyId});
235 } 241 }
236 242
237 }) 243 })
238 } 244 }
239 245
240 $scope.cancelDelete = function(){ 246 $scope.cancelDelete = function(){
241 $('#delete2').css('display', 'none'); 247 $('#delete2').css('display', 'none');
242 } 248 }
243 249
244 $scope.confirmMail = function(){ 250 $scope.confirmMail = function(){
245 251
246 $('#confirm1').css('display', 'block'); 252 $('#confirm1').css('display', 'block');
247 253
248 } 254 }
249 255
250 $scope.saveAndCloseConfirm = function(){ 256 $scope.saveAndCloseConfirm = function(){
251 $('#confirm1').css('display', 'none'); 257 $('#confirm1').css('display', 'none');
252 ViewcontactService.sendMailTo(contactId).then(function(result) { 258 ViewcontactService.sendMailTo(contactId).then(function(result) {
253 toastr.success(''+result.success+'', { 259 toastr.success(''+result.success+'', {
254 closeButton: true 260 closeButton: true
255 }) 261 })
256 }) 262 })
257 } 263 }
258 $scope.cancelAndCloseConfirm = function(){ 264 $scope.cancelAndCloseConfirm = function(){
259 $scope.sendEmail = {}; 265 $scope.sendEmail = {};
260 $scope.sendEmail.pricing = ''; 266 $scope.sendEmail.pricing = '';
261 $('#confirm1').css('display', 'none'); 267 $('#confirm1').css('display', 'none');
262 } 268 }
263 269
264 }]); 270 }]);
265 271
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>Antioch Flight Department</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-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 <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"><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> 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"><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> 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"><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> 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 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>