Commit 55e075d7ef13a48e3f4e378acfe35e6f77f17ecc

Authored by Rishav
1 parent 38429fc584
Exists in master

add contact, add company with aircraft functionality implemented

1 'use strict'; 1 'use strict';
2 2
3 3
4 angular.module('acufuel', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable']) 4 angular.module('acufuel', ['ngCookies', 'ngResource', 'ui.router', 'ngAnimate', 'ui.bootstrap', 'xeditable'])
5 5
6 .config(['$httpProvider', function($httpProvider) { 6 .config(['$httpProvider', function($httpProvider) {
7 $httpProvider.defaults.withCredentials = true; 7 $httpProvider.defaults.withCredentials = true;
8 $httpProvider.interceptors.push('myCSRF'); 8 $httpProvider.interceptors.push('myCSRF');
9 $httpProvider.interceptors.push('httpRequestInterceptor'); 9 $httpProvider.interceptors.push('httpRequestInterceptor');
10 }]) 10 }])
11 11
12 12
13 .factory('httpRequestInterceptor', ['$q', '$rootScope', '$location', function($q, $rootScope, $location) { 13 .factory('httpRequestInterceptor', ['$q', '$rootScope', '$location', function($q, $rootScope, $location) {
14 return { 14 return {
15 request: function($config) { 15 request: function($config) {
16 return $config; 16 return $config;
17 }, 17 },
18 responseError: function(rejection) { 18 responseError: function(rejection) {
19 if (rejection.status === 401) { 19 if (rejection.status === 401) {
20 if($location.path() != "/login"){ 20 if($location.path() != "/login"){
21 localStorage.clear(); 21 localStorage.clear();
22 window.location.reload(); 22 window.location.reload();
23 } 23 }
24 } 24 }
25 return $q.reject(rejection); 25 return $q.reject(rejection);
26 } 26 }
27 } 27 }
28 }]) 28 }])
29 29
30 .provider('myCSRF',[function(){ 30 .provider('myCSRF',[function(){
31 var headerName = 'X-CSRFToken'; 31 var headerName = 'X-CSRFToken';
32 var cookieName = 'csrftoken'; 32 var cookieName = 'csrftoken';
33 var allowedMethods = ['GET']; 33 var allowedMethods = ['GET'];
34 34
35 this.setHeaderName = function(n) { 35 this.setHeaderName = function(n) {
36 headerName = n; 36 headerName = n;
37 } 37 }
38 this.setCookieName = function(n) { 38 this.setCookieName = function(n) {
39 cookieName = n; 39 cookieName = n;
40 } 40 }
41 this.setAllowedMethods = function(n) { 41 this.setAllowedMethods = function(n) {
42 allowedMethods = n; 42 allowedMethods = n;
43 } 43 }
44 this.$get = ['$cookies', function($cookies){ 44 this.$get = ['$cookies', function($cookies){
45 return { 45 return {
46 'request': function(config) { 46 'request': function(config) {
47 if(allowedMethods.indexOf(config.method) === -1) { 47 if(allowedMethods.indexOf(config.method) === -1) {
48 // do something on success 48 // do something on success
49 config.headers[headerName] = $cookies[cookieName]; 49 config.headers[headerName] = $cookies[cookieName];
50 } 50 }
51 return config; 51 return config;
52 } 52 }
53 } 53 }
54 }]; 54 }];
55 }]) 55 }])
56 56
57 .config( 57 .config(
58 ['$locationProvider', '$stateProvider', '$urlRouterProvider', 58 ['$locationProvider', '$stateProvider', '$urlRouterProvider',
59 function($locationProvider, $stateProvider, $urlRouterProvider) { 59 function($locationProvider, $stateProvider, $urlRouterProvider) {
60 $locationProvider.hashPrefix('!'); 60 $locationProvider.hashPrefix('!');
61 // routes 61 // routes
62 $urlRouterProvider 62 $urlRouterProvider
63 .otherwise('/login'); 63 .otherwise('/login');
64 64
65 $stateProvider 65 $stateProvider
66 66
67 .state("app", { 67 .state("app", {
68 url: "", 68 url: "",
69 templateUrl: "partials/main/main.html", 69 templateUrl: "partials/main/main.html",
70 controller: "MainController", 70 controller: "MainController",
71 abstract: true 71 abstract: true
72 }) 72 })
73 73
74 .state("login", { 74 .state("login", {
75 url: "/login", 75 url: "/login",
76 templateUrl: "partials/login/login.html", 76 templateUrl: "partials/login/login.html",
77 controller: "LoginController" 77 controller: "LoginController"
78 }) 78 })
79 79
80 .state("app.customers", { 80 .state("app.customers", {
81 url: "/customers", 81 url: "/customers",
82 templateUrl: "partials/customers/customers.html", 82 templateUrl: "partials/customers/customers.html",
83 controller: "customersController" 83 controller: "customersController"
84 }) 84 })
85 .state("app.ContactView", { 85 .state("app.ContactView", {
86 url: "/ContactView", 86 url: "/ContactView",
87 templateUrl: "partials/ContactView/ContactView.html", 87 templateUrl: "partials/ContactView/ContactView.html",
88 controller: "ContactViewController" 88 controller: "ContactViewController"
89 }) 89 })
90 .state("app.FuelVendors", { 90 .state("app.FuelVendors", {
91 url: "/FuelVendors", 91 url: "/FuelVendors",
92 templateUrl: "partials/FuelVendors/FuelVendors.html", 92 templateUrl: "partials/FuelVendors/FuelVendors.html",
93 controller: "FuelVendorsController" 93 controller: "FuelVendorsController"
94 }) 94 })
95 95
96 .state("app.analytics", { 96 .state("app.analytics", {
97 url: "/analytics", 97 url: "/analytics",
98 templateUrl: "partials/analytics/analytics.html", 98 templateUrl: "partials/analytics/analytics.html",
99 controller: "analyticsController" 99 controller: "analyticsController"
100 }) 100 })
101 101
102 .state("app.account", { 102 .state("app.account", {
103 url: "/account", 103 url: "/account",
104 templateUrl: "partials/account/account.html", 104 templateUrl: "partials/account/account.html",
105 controller: "accountController" 105 controller: "accountController"
106 }) 106 })
107 107
108 .state("app.dashboard", { 108 .state("app.dashboard", {
109 url: "/dashboard", 109 url: "/dashboard",
110 templateUrl: "partials/dashboard/dashboard.html", 110 templateUrl: "partials/dashboard/dashboard.html",
111 controller: "dashboardController" 111 controller: "dashboardController"
112 }) 112 })
113 113
114 .state("app.AirList", { 114 .state("app.AirList", {
115 url: "/AirList", 115 url: "/AirList",
116 templateUrl: "partials/AirList/AirList.html", 116 templateUrl: "partials/AirList/AirList.html",
117 controller: "AirListController" 117 controller: "AirListController"
118 }) 118 })
119 119
120 .state("app.elements", { 120 .state("app.elements", {
121 url: "/elements", 121 url: "/elements",
122 templateUrl: "partials/elements/elements.html", 122 templateUrl: "partials/elements/elements.html",
123 controller: "elementsController" 123 controller: "elementsController"
124 }) 124 })
125 125
126 .state("app.charts", { 126 .state("app.charts", {
127 url: "/charts", 127 url: "/charts",
128 templateUrl: "partials/charts/charts.html", 128 templateUrl: "partials/charts/charts.html",
129 controller: "chartsController" 129 controller: "chartsController"
130 }) 130 })
131 131
132 132
133 .state("app.error", { 133 .state("app.error", {
134 url: "/error", 134 url: "/error",
135 templateUrl: "partials/error/error.html", 135 templateUrl: "partials/error/error.html",
136 controller: "errorController" 136 controller: "errorController"
137 }) 137 })
138 138
139 .state("app.faq", { 139 .state("app.faq", {
140 url: "/faq", 140 url: "/faq",
141 templateUrl: "partials/faq/faq.html", 141 templateUrl: "partials/faq/faq.html",
142 controller: "faqController" 142 controller: "faqController"
143 }) 143 })
144 144
145 .state("app.forms", { 145 .state("app.forms", {
146 url: "/forms", 146 url: "/forms",
147 templateUrl: "partials/forms/forms.html", 147 templateUrl: "partials/forms/forms.html",
148 controller: "formsController" 148 controller: "formsController"
149 }) 149 })
150 150
151 .state("app.fuelManager", { 151 .state("app.fuelManager", {
152 url: "/fuelManager", 152 url: "/fuelManager",
153 templateUrl: "partials/fuelManager/fuelManager.html", 153 templateUrl: "partials/fuelManager/fuelManager.html",
154 controller: "fuelManagerController" 154 controller: "fuelManagerController"
155 }) 155 })
156 156
157 .state("app.gallery", { 157 .state("app.gallery", {
158 url: "/gallery", 158 url: "/gallery",
159 templateUrl: "partials/gallery/gallery.html", 159 templateUrl: "partials/gallery/gallery.html",
160 controller: "galleryController" 160 controller: "galleryController"
161 }) 161 })
162 162
163 .state("app.jqueryui", { 163 .state("app.jqueryui", {
164 url: "/jqueryui", 164 url: "/jqueryui",
165 templateUrl: "partials/jqueryui/jqueryui.html", 165 templateUrl: "partials/jqueryui/jqueryui.html",
166 controller: "jqueryuiController" 166 controller: "jqueryuiController"
167 }) 167 })
168 168
169 .state("app.popups", { 169 .state("app.popups", {
170 url: "/popups", 170 url: "/popups",
171 templateUrl: "partials/popups/popups.html", 171 templateUrl: "partials/popups/popups.html",
172 controller: "popupsController" 172 controller: "popupsController"
173 }) 173 })
174 174
175 .state("app.pricing", { 175 .state("app.pricing", {
176 url: "/pricing", 176 url: "/pricing",
177 templateUrl: "partials/pricing/pricing.html", 177 templateUrl: "partials/pricing/pricing.html",
178 controller: "pricingController" 178 controller: "pricingController"
179 }) 179 })
180 180
181 .state("app.reports", { 181 .state("app.reports", {
182 url: "/reports", 182 url: "/reports",
183 templateUrl: "partials/reports/reports.html", 183 templateUrl: "partials/reports/reports.html",
184 controller: "reportsController" 184 controller: "reportsController"
185 }) 185 })
186 186
187 .state("app.scheduler", { 187 .state("app.scheduler", {
188 url: "/scheduler", 188 url: "/scheduler",
189 templateUrl: "partials/scheduler/scheduler.html", 189 templateUrl: "partials/scheduler/scheduler.html",
190 controller: "schedulerController" 190 controller: "schedulerController"
191 }) 191 })
192 .state("app.signup", { 192 .state("app.signup", {
193 url: "/signup", 193 url: "/signup",
194 templateUrl: "partials/signup/signup.html", 194 templateUrl: "partials/signup/signup.html",
195 controller: "signupController" 195 controller: "signupController"
196 }) 196 })
197 197
198 .state("app.updateFuelManager", { 198 .state("app.updateFuelManager", {
199 url: "/updateFuelManager", 199 url: "/updateFuelManager",
200 templateUrl: "partials/updateFuelManager/updateFuelManager.html", 200 templateUrl: "partials/updateFuelManager/updateFuelManager.html",
201 controller: "updateFuelManagerController", 201 controller: "updateFuelManagerController",
202 // data: { 202 // data: {
203 // authorizedRoles: ["fbo"], 203 // authorizedRoles: ["fbo"],
204 // } 204 // }
205 }) 205 })
206 206
207 .state("app.viewCompany", { 207 .state("app.viewCompany", {
208 url: "/viewCompany", 208 url: "/viewCompany/:id",
209 templateUrl: "partials/viewCompany/viewCompany.html", 209 templateUrl: "partials/viewCompany/viewCompany.html",
210 controller: "viewCompanyController" 210 controller: "viewCompanyController"
211 }) 211 })
212 212
213 .state("app.widgetTemplate", { 213 .state("app.widgetTemplate", {
214 url: "/widgetTemplate", 214 url: "/widgetTemplate",
215 templateUrl: "partials/widgetTemplate/widgetTemplate.html", 215 templateUrl: "partials/widgetTemplate/widgetTemplate.html",
216 controller: "widgetTemplateController" 216 controller: "widgetTemplateController"
217 }) 217 })
218 218
219 .state("app.fuelOrders", { 219 .state("app.fuelOrders", {
220 url: "/fuelOrders", 220 url: "/fuelOrders",
221 templateUrl: "partials/fuelOrders/fuelOrders.html", 221 templateUrl: "partials/fuelOrders/fuelOrders.html",
222 controller: "fuelOrdersController" 222 controller: "fuelOrdersController"
223 }) 223 })
224 224
225 .state("app.DispatchFuel", { 225 .state("app.DispatchFuel", {
226 url: "/DispatchFuel", 226 url: "/DispatchFuel",
227 templateUrl: "partials/DispatchFuel/DispatchFuel.html", 227 templateUrl: "partials/DispatchFuel/DispatchFuel.html",
228 controller: "DispatchFuelController" 228 controller: "DispatchFuelController"
229 }) 229 })
230 230
231 .state("app.searchDispatchFuel", { 231 .state("app.searchDispatchFuel", {
232 url: "/searchDispatchFuel", 232 url: "/searchDispatchFuel",
233 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html", 233 templateUrl: "partials/searchDispatchFuel/searchDispatchFuel.html",
234 controller: "searchDispatchFuelController" 234 controller: "searchDispatchFuelController"
235 }) 235 })
236 236
237 .state("app.NewCompany", { 237 .state("app.NewCompany", {
238 url: "/NewCompany", 238 url: "/NewCompany",
239 templateUrl: "partials/NewCompany/NewCompany.html", 239 templateUrl: "partials/NewCompany/NewCompany.html",
240 controller: "NewCompanyController" 240 controller: "NewCompanyController"
241 }) 241 })
242 242
243 .state("app.Accept", { 243 .state("app.Accept", {
244 url: "/Accept", 244 url: "/Accept",
245 templateUrl: "partials/Accept/Accept.html", 245 templateUrl: "partials/Accept/Accept.html",
246 controller: "AcceptController" 246 controller: "AcceptController"
247 }) 247 })
248 .state("app.delselected", { 248 .state("app.delselected", {
249 url: "/delselected", 249 url: "/delselected",
250 templateUrl: "partials/delselected/delselected.html", 250 templateUrl: "partials/delselected/delselected.html",
251 controller: "delselectedController" 251 controller: "delselectedController"
252 }) 252 })
253 253
254 .state("app.pricingcontact", { 254 .state("app.pricingcontact", {
255 url: "/pricingcontact", 255 url: "/pricingcontact",
256 templateUrl: "partials/pricingcontact/pricingcontact.html", 256 templateUrl: "partials/pricingcontact/pricingcontact.html",
257 controller: "pricingcontactController" 257 controller: "pricingcontactController"
258 }) 258 })
259 259
260 .state("app.AntiochFlightDepartment", { 260 .state("app.AntiochFlightDepartment", {
261 url: "/AntiochFlightDepartment", 261 url: "/AntiochFlightDepartment",
262 templateUrl: "partials/AntiochFlightDepartment/AntiochFlightDepartment.html", 262 templateUrl: "partials/AntiochFlightDepartment/AntiochFlightDepartment.html",
263 controller: "AntiochFlightDepartmentcontroller" 263 controller: "AntiochFlightDepartmentcontroller"
264 }) 264 })
265 } 265 }
266 ]) 266 ])
267 267
268 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) { 268 .run(['$rootScope', '$state', 'LoginService', 'AUTH_EVENTS', function($rootScope, $state, LoginService, AUTH_EVENTS) {
269 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) { 269 $rootScope.$on('$stateChangeStart', function (event, next, nextParams, fromState) {
270 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser')); 270 $rootScope.currentUser = JSON.parse(window.localStorage.getItem('currentUser'));
271 271
272 LoginService.isAuthorized = function (authorizedRoles) { 272 LoginService.isAuthorized = function (authorizedRoles) {
273 if (!angular.isArray(authorizedRoles)) { 273 if (!angular.isArray(authorizedRoles)) {
274 authorizedRoles = [authorizedRoles]; 274 authorizedRoles = [authorizedRoles];
275 } 275 }
276 var userdata = JSON.parse(window.localStorage.getItem('currentUser')); 276 var userdata = JSON.parse(window.localStorage.getItem('currentUser'));
277 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false); 277 return (userdata? (authorizedRoles.indexOf(userdata.type) !== -1): false);
278 } 278 }
279 279
280 if ('data' in next && 'authorizedRoles' in next.data) { 280 if ('data' in next && 'authorizedRoles' in next.data) {
281 var authorizedRoles = next.data.authorizedRoles; 281 var authorizedRoles = next.data.authorizedRoles;
282 if (!LoginService.isAuthorized(authorizedRoles)) { 282 if (!LoginService.isAuthorized(authorizedRoles)) {
283 event.preventDefault(); 283 event.preventDefault();
284 if($state.current.name.length == 0) { 284 if($state.current.name.length == 0) {
285 $state.go('login') 285 $state.go('login')
286 } else { 286 } else {
287 $state.go($state.current, {}, {reload: true}); 287 $state.go($state.current, {}, {reload: true});
288 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized); 288 $rootScope.$broadcast(AUTH_EVENTS.notAuthorized);
289 } 289 }
290 } 290 }
291 } 291 }
292 292
293 if (LoginService.isAuthenticated()) { 293 if (LoginService.isAuthenticated()) {
294 if (next.name == 'login') { 294 if (next.name == 'login') {
295 event.preventDefault(); 295 event.preventDefault();
296 $state.go('app.dashboard'); 296 $state.go('app.dashboard');
297 } 297 }
298 } 298 }
299 }); 299 });
300 }]) 300 }])
301 301
302 302
303 303
304 304
app/partials/customers/customers.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 .controller('customersController', ['$scope', '$rootScope', '$uibModal', '$filter', 'CustomersService', customersController]); 5 .controller('customersController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'CustomersService', customersController]);
6 6
7 function customersController($scope, $rootScope, $uibModal, $filter, CustomersService) { 7 function customersController($scope, $rootScope, $uibModal, $filter, $http, CustomersService) {
8 $(document).ready(function() { 8 $(document).ready(function() {
9 $('#example').DataTable(); 9 $('#example').DataTable();
10 }); 10 });
11 $scope.data = {}; 11 $scope.data = {};
12 $scope.aircraft = {}; 12 $scope.aircraft = {};
13 $scope.data.activate = true; 13 $scope.data.activate = true;
14 $scope.customerList = [{ 14
15 "companyName": "Name and inc", 15 CustomersService.getAllCompanies().then(function(result) {
16 "Fleet": 3, 16 console.log(result)
17 "phone":"1010101010", 17 $scope.companyList = result;
18 "contact":"jimmy", 18 })
19 "Base":"Kiad",
20 "status":'Active',
21 "source": "tenant",
22 "allIn" : "$123"
23 },{
24 "companyName": "Name and inc",
25 "Fleet": 3,
26 "phone":"1010101010",
27 "contact":"jimmy",
28 "Base":"Kiad",
29 "status":'Inactive',
30 "source": "tenant",
31 "allIn" : "$123"
32 },{
33 "companyName": "Name and inc",
34 "Fleet": 3,
35 "phone":"1010101010",
36 "contact":"jimmy",
37 "Base":"Kiad",
38 "status":'Active',
39 "source": "tenant",
40 "allIn" : "$123"
41 },{
42 "companyName": "Name and inc",
43 "Fleet": 3,
44 "phone":"1010101010",
45 "contact":"jimmy",
46 "Base":"Kiad",
47 "status":'Active',
48 "source": "tenant",
49 "allIn" : "$123"
50 }]
51 19
52 $(function() { 20 $(function() {
53 $('#toggle-one2').bootstrapToggle(); 21 $('#toggle-one2').bootstrapToggle();
54 $('#toggle-one2').change(function() { 22 $('#toggle-one2').change(function() {
55 $('#console-event').html('Toggle: ' + $(this).prop('checked')); 23 $('#console-event').html('Toggle: ' + $(this).prop('checked'));
56 $scope.data.activate = $(this).prop('checked'); 24 $scope.data.activate = $(this).prop('checked');
57 }) 25 })
58 }) 26 })
59 27
60 28
61 29
62 getData(); 30 getData();
63 function getData(){ 31 function getData(){
64 CustomersService.getAircraftMake().then(function(result) { 32 CustomersService.getAircraftMake().then(function(result) {
65 console.log("result", result)
66 $scope.aircraftMakeList = result; 33 $scope.aircraftMakeList = result;
67 $scope.aircraft.make = $scope.aircraftMakeList[0];
68 CustomersService.getModal($scope.aircraft.make).then(function(result) {
69 $scope.aircraftModalList = result;
70 $scope.aircraft.model = $scope.aircraftModalList[0];
71 CustomersService.getAircraftSize($scope.aircraft.make, $scope.aircraft.model).then(function(result) {
72 $scope.aircraftSizeList = result;
73 $scope.aircraft.size = $scope.aircraftSizeList[0];
74 })
75 })
76
77 }) 34 })
78 } 35 }
79 36
80
81 $scope.getModal = function(){
82 var makeId = $scope.aircraft.make;
83 CustomersService.getModal(makeId).then(function(result) {
84 $scope.aircraftModalList = result;
85 $scope.aircraft.model = $scope.aircraftModalList[0];
86 CustomersService.getAircraftSize(makeId, $scope.aircraft.model).then(function(result) {
87 $scope.aircraftSizeList = result;
88 $scope.aircraft.size = $scope.aircraftSizeList[0];
89 })
90 })
91 }
92
93 $scope.getSize = function(){
94 CustomersService.getAircraftSize($scope.aircraft.make, $scope.aircraft.model).then(function(result) {
95 $scope.aircraftSizeList = result;
96 $scope.aircraft.size = $scope.aircraftSizeList[0];
97 })
98 }
99
100 $scope.addFirstData = function(sel, step){ 37 $scope.addFirstData = function(sel, step){
101 // console.log($scope.data) 38 // console.log($scope.data)
102 39
103 // var companyData = "companyName=" + $scope.data.companyName + "&masterMargin=" + $scope.data.masterMargin 40 var companyData = "companyName=" + $scope.data.companyName + "&masterMargin=" + $scope.data.masterMargin
104 // + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state=" 41 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state="
105 // + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote=" 42 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote="
106 // + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant 43 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant
107 // + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor 44 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor
108 // + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao; 45 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao;
109 46
110 // CustomersService.addCompany(companyData).then(function(result) { 47 CustomersService.addCompany(companyData).then(function(result) {
111 // console.log(result) 48 console.log(result)
112 // $scope.accountId = result; 49 $scope.accountId = result;
113 //$scope.aircraft.accountId = $scope.accountId; 50 $scope.aircraft.accountId = $scope.accountId;
114 // }) 51 })
115 $(sel).trigger('next.m.' + step); 52 $(sel).trigger('next.m.' + step);
116 getData(); 53 getData();
117 } 54 }
118 55
119 $scope.users = [ 56 $scope.aircraftDetails = [{
120 {id: 1, name: 'awesome user1', status: 2, group: 4, groupName: 'admin'}, 57 'tail':'',
121 {id: 2, name: 'awesome user2', status: undefined, group: 3, groupName: 'vip'}, 58 'make': '',
122 {id: 3, name: 'awesome user3', status: 2, group: null} 59 'model': '',
123 ]; 60 'size' : ''
124 61 }];
125 $scope.statuses = [ 62
126 {value: 1, text: 'status1'}, 63 $scope.addNew = function(){
127 {value: 2, text: 'status2'}, 64 $scope.aircraftDetails.push({
128 {value: 3, text: 'status3'}, 65 'tail':'',
129 {value: 4, text: 'status4'} 66 'make': '',
130 ]; 67 'model': '',
131 68 'size' : ''
132 $scope.groups = []; 69 });
133 $scope.loadGroups = function() { 70 console.log($scope.aircraftDetails)
134 return $scope.groups.length ? null : $http.get('/groups').success(function(data) { 71 };
135 $scope.groups = data; 72
136 }); 73 $scope.getModal = function(makeId, index){
137 }; 74 $scope.aircraft.make = makeId;
138 75 //var makeId = makeId;
139 $scope.showGroup = function(user) { 76 CustomersService.getModal($scope.aircraft.make).then(function(result) {
140 if(user.group && $scope.groups.length) { 77 $scope.aircraftDetails[index].aircraftModalList = result;
141 var selected = $filter('filter')($scope.groups, {id: user.group}); 78 //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0];
142 return selected.length ? selected[0].text : 'Not set'; 79 })
143 } else { 80 }
144 return user.groupName || 'Not set';
145 }
146 };
147
148 $scope.showStatus = function(user) {
149 var selected = [];
150 if(user.status) {
151 selected = $filter('filter')($scope.statuses, {value: user.status});
152 }
153 return selected.length ? selected[0].text : 'Not set';
154 };
155
156 $scope.checkName = function(data, id) {
157 if (id === 2 && data !== 'awesome') {
158 return "Username 2 should be `awesome`";
159 }
160 };
161
162 // filter users to show
163 $scope.filterUser = function(user) {
164 return user.isDeleted !== true;
165 };
166
167 // mark user as deleted
168 $scope.deleteUser = function(id) {
169 var filtered = $filter('filter')($scope.users, {id: id});
170 if (filtered.length) {
171 filtered[0].isDeleted = true;
172 }
173 };
174
175 // add user
176 $scope.addUser = function() {
177 $scope.users.push({
178 id: $scope.users.length+1,
179 name: '',
180 status: null,
181 group: null,
182 isNew: true
183 });
184 };
185
186 // cancel all changes
187 $scope.cancel = function() {
188 for (var i = $scope.users.length; i--;) {
189 var user = $scope.users[i];
190 // undelete
191 if (user.isDeleted) {
192 delete user.isDeleted;
193 }
194 // remove new
195 if (user.isNew) {
196 $scope.users.splice(i, 1);
197 }
198 };
199 };
200
201 // save edits
202 $scope.saveTable = function() {
203 var results = [];
204 for (var i = $scope.users.length; i--;) {
205 var user = $scope.users[i];
206 // actually delete user
207 if (user.isDeleted) {
208 $scope.users.splice(i, 1);
209 }
210 // mark as not new
211 if (user.isNew) {
212 user.isNew = false;
213 }
214
215 // send on server
216 results.push($http.post('/saveUser', user));
217 }
218
219 return $q.all(results);
220 };
221 81
222 $scope.appendText = function() { 82 $scope.getSize = function(model, index){
223 getData(); 83 CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) {
224 var newRow = $('<tr> <td> <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> </td> <td style="width: 25%;"> <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> <option ng-repeat="make in aircraftMakeList">{{make}}</option> </select> </td> <td style="width: 20%;"> <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> <option ng-repeat="model in aircraftModalList">{{model}}</option> </select> </td> <td style="width: 25%;"> <select class="form-control" ng-model="aircraft.size"> <option ng-repeat="size in aircraftSizeList">{{size}}</option> </select> </td> <td> <select class="form-control"> <option>Margin1</option> <option>Margin2</option> </select> </td> </tr>'); 84 $scope.aircraftDetails[index].aircraftSizeList = result;
225 $('table.addRow').append(newRow); 85 //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0];
226 } 86 console.log($scope.aircraftDetails[index].size)
87 })
88 }
89
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 71
72 </style> 72 </style>
73 <div class="main"> 73 <div class="main">
74 <div class="container"> 74 <div class="container">
75 <div class="row"> 75 <div class="row">
76 <div class="col-md-12"> 76 <div class="col-md-12">
77 <div class="widget stacked "> 77 <div class="widget stacked ">
78 <div class="widget-content"> 78 <div class="widget-content">
79 <div class="tabbable"> 79 <div class="tabbable">
80 <ul class="nav nav-tabs"> 80 <ul class="nav nav-tabs">
81 <li class="active"> 81 <li class="active">
82 <a ui-sref="app.customers">Company View 82 <a ui-sref="app.customers">Company View
83 <i class="fa fa-caret-down" aria-hidden="true"></i> 83 <i class="fa fa-caret-down" aria-hidden="true"></i>
84 </a> 84 </a>
85 </li> 85 </li>
86 <li> 86 <li>
87 <a ui-sref="app.ContactView">Contact View 87 <a ui-sref="app.ContactView">Contact View
88 <i class="fa fa-caret-down" aria-hidden="true"></i> 88 <i class="fa fa-caret-down" aria-hidden="true"></i>
89 </a> 89 </a>
90 </li> 90 </li>
91 <li> 91 <li>
92 <a ui-sref="app.FuelVendors">Fuel Vendors 92 <a ui-sref="app.FuelVendors">Fuel Vendors
93 <i class="fa fa-caret-down" aria-hidden="true"></i> 93 <i class="fa fa-caret-down" aria-hidden="true"></i>
94 </a> 94 </a>
95 </li> 95 </li>
96 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li> 96 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li>
97 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> 97 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li>
98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li> 98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#demo-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Company</button></li>
99 </ul> 99 </ul>
100 <br> 100 <br>
101 <div class="tab-content customer-table" style="margin:0px"> 101 <div class="tab-content customer-table" style="margin:0px">
102 <div class="tab-pane active" id="companyView"> 102 <div class="tab-pane active" id="companyView">
103 <table id="example" class="table table-striped"> 103 <table id="example" class="table table-striped">
104 <thead> 104 <thead>
105 <tr> 105 <tr>
106 <th> 106 <th>
107 <input type="text" class="form-control" name="name" id="name"> 107 <input type="text" class="form-control" name="name" id="name">
108 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> 108 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
109 </th> 109 </th>
110 <th> 110 <th>
111 <input type="text" class="form-control" name="name" id="name"> 111 <input type="text" class="form-control" name="name" id="name">
112 <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label> 112 <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label>
113 </th> 113 </th>
114 <th> 114 <th>
115 <input type="text" class="form-control" name="name" id="name"> 115 <input type="text" class="form-control" name="name" id="name">
116 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 116 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
117 </th> 117 </th>
118 <th> 118 <th>
119 <input type="text" class="form-control" name="name" id="name"> 119 <input type="text" class="form-control" name="name" id="name">
120 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label> 120 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
121 </th> 121 </th>
122 <th> 122 <th>
123 <input type="text" class="form-control" name="name" id="name"> 123 <input type="text" class="form-control" name="name" id="name">
124 <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label> 124 <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label>
125 </th> 125 </th>
126 <th> 126 <th>
127 <select class="form-control"> 127 <select class="form-control">
128 <option value="showAll" selected>Show All</option> 128 <option value="showAll" selected>Show All</option>
129 </select> 129 </select>
130 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label> 130 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
131 </th> 131 </th>
132 <th> 132 <th>
133 <select class="form-control"> 133 <select class="form-control">
134 <option value="showAll" selected>Show All</option> 134 <option value="showAll" selected>Show All</option>
135 </select> 135 </select>
136 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label> 136 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
137 </th> 137 </th>
138 <th> 138 <th>
139 <input type="text" class="form-control" name="name" id="name"> 139 <input type="text" class="form-control" name="name" id="name">
140 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label> 140 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
141 </th> 141 </th>
142 <th> &nbsp; </th> 142 <th> &nbsp; </th>
143 </thead> 143 </thead>
144 <tbody> 144 <tbody>
145 <tr ng-repeat="customer in customerList"> 145 <tr ng-repeat="customer in companyList">
146 <td class="font-company">{{customer.companyName}}</td> 146 <td class="font-company">
147 <a style="color: #333; text-decoration: none;" href="#!/viewCompany/{{customer.id}}">{{customer.companyName}}</a>
148 </td>
147 <td class="font-company">{{customer.Fleet}}</td> 149 <td class="font-company">{{customer.Fleet}}</td>
148 <td class="font-company">{{customer.phone}}</td> 150 <td class="font-company">{{customer.phone}}</td>
149 <td class="font-company">{{customer.contact}}</td> 151 <td class="font-company">{{customer.contact}}</td>
150 <td class="font-company">{{customer.Base}}</td> 152 <td class="font-company">{{customer.baseIcao}}</td>
151 <td class="font-company"> 153 <td class="font-company">
152 <button type="button" ng-if="customer.status == 'Active'" class="btn btn-success btn-xs">{{customer.status}}</button> 154 <button type="button" ng-if="customer.activate == true" class="btn btn-success btn-xs">Active</button>
153 <button type="button" ng-if="customer.status == 'Inactive'" class="btn btn-warning btn-xs">{{customer.status}}</button> 155 <button type="button" ng-if="customer.activate == false" class="btn btn-warning btn-xs">InActive</button>
154 </td> 156 </td>
155 </td> 157 </td>
156 <td class="font-company"> 158 <td class="font-company">
157 <select class="form-control" style="height:31px;"> 159 <select class="form-control" style="height:31px;">
158 <option>Margin1</option> 160 <option>Margin1</option>
159 <option>Margin2</option> 161 <option>Margin2</option>
160 </select> 162 </select>
161 </td> 163 </td>
162 <td class="font-company">{{customer.allIn}}</td> 164 <td class="font-company">{{customer.allIn}}</td>
163 <td> 165 <td>
164 <button type="button" class="btn btn-info btn-xs">Setup Fuel</button> 166 <button type="button" class="btn btn-info btn-xs">Setup Fuel</button>
165 </td> 167 </td>
166 </tr> 168 </tr>
167 </tbody> 169 </tbody>
168 </table> 170 </table>
169 <div class="row" style="margin-left: 0px;"> 171 <div class="row" style="margin-left: 0px;">
170 <div class="col-md-2"> 172 <div class="col-md-2">
171 <button type="button" class="btn btn-warning">Export Customers</button> 173 <button type="button" class="btn btn-warning">Export Customers</button>
172 </div> 174 </div>
173 <div class="col-md-10"> 175 <div class="col-md-10">
174 <div class="row" style="margin-left: 0px;"> 176 <div class="row" style="margin-left: 0px;">
175 <div class="col-md-6"> 177 <div class="col-md-6">
176 </div> 178 </div>
177 <div class="col-md-2"> 179 <div class="col-md-2">
178 <select class="form-control"> 180 <select class="form-control">
179 <option>20 Records Per Page</option> 181 <option>20 Records Per Page</option>
180 <option>50 Records Per Page</option> 182 <option>50 Records Per Page</option>
181 <option>100 Records Per Page</option> 183 <option>100 Records Per Page</option>
182 </select> 184 </select>
183 </div> 185 </div>
184 <div class="col-md-4"> 186 <div class="col-md-4">
185 <ul class="pagination" style="margin:0px"> 187 <ul class="pagination" style="margin:0px">
186 <li><a href="javascript:;">ยซ</a></li> 188 <li><a href="javascript:;">ยซ</a></li>
187 <li class="active"><a href="#">1</a></li> 189 <li class="active"><a href="#">1</a></li>
188 <li><a href="javascript:;">2</a></li> 190 <li><a href="javascript:;">2</a></li>
189 <li><a href="javascript:;">3</a></li> 191 <li><a href="javascript:;">3</a></li>
190 <li><a href="javascript:;">4</a></li> 192 <li><a href="javascript:;">4</a></li>
191 <li><a href="javascript:;">5</a></li> 193 <li><a href="javascript:;">5</a></li>
192 <li><a href="javascript:;">ยป</a></li> 194 <li><a href="javascript:;">ยป</a></li>
193 </ul> 195 </ul>
194 </div> 196 </div>
195 </div> 197 </div>
196 </div> 198 </div>
197 </div> 199 </div>
198 </div> 200 </div>
199 <div class="tab-pane" id="contactView"> 201 <div class="tab-pane" id="contactView">
200 <table class="table table-striped"> 202 <table class="table table-striped">
201 <thead> 203 <thead>
202 <tr> 204 <tr>
203 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name"> Last Name</th> 205 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name"> Last Name</th>
204 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">First Name</th> 206 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">First Name</th>
205 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Company Name</th> 207 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Company Name</th>
206 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Work Phone</th> 208 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Work Phone</th>
207 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Mobile Phone</th> 209 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Mobile Phone</th>
208 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Title</th> 210 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Title</th>
209 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Pricing Email</th> 211 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Pricing Email</th>
210 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Username</th> 212 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Username</th>
211 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Password</th> 213 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Password</th>
212 <th></th> 214 <th></th>
213 <th></th> 215 <th></th>
214 </tr> 216 </tr>
215 </thead> 217 </thead>
216 <tbody> 218 <tbody>
217 <tr> 219 <tr>
218 <td>Name and inc.</td> 220 <td>Name and inc.</td>
219 <td>3</td> 221 <td>3</td>
220 <td>03423233</td> 222 <td>03423233</td>
221 <td>Jemmy</td> 223 <td>Jemmy</td>
222 <td>KIAD</td> 224 <td>KIAD</td>
223 <td></td> 225 <td></td>
224 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td> 226 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td>
225 <td></td> 227 <td></td>
226 <td>$123</td> 228 <td>$123</td>
227 <td></td> 229 <td></td>
228 <td></td> 230 <td></td>
229 </tr> 231 </tr>
230 <tr> 232 <tr>
231 <td>Name and inc.</td> 233 <td>Name and inc.</td>
232 <td>3</td> 234 <td>3</td>
233 <td>03423233</td> 235 <td>03423233</td>
234 <td>Jemmy</td> 236 <td>Jemmy</td>
235 <td>KIAD</td> 237 <td>KIAD</td>
236 <td></td> 238 <td></td>
237 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td> 239 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td>
238 <td></td> 240 <td></td>
239 <td>$123</td> 241 <td>$123</td>
240 <td></td> 242 <td></td>
241 <td></td> 243 <td></td>
242 </tr> 244 </tr>
243 </tbody> 245 </tbody>
244 </table> 246 </table>
245 <div class="row" style="margin-left: 0px;"> 247 <div class="row" style="margin-left: 0px;">
246 <div class="col-md-2"> 248 <div class="col-md-2">
247 <button type="button" class="btn btn-warning">Export Customers</button> 249 <button type="button" class="btn btn-warning">Export Customers</button>
248 </div> 250 </div>
249 <div class="col-md-10"> 251 <div class="col-md-10">
250 <div class="row" style="margin-left: 0px;"> 252 <div class="row" style="margin-left: 0px;">
251 <div class="col-md-6"> 253 <div class="col-md-6">
252 </div> 254 </div>
253 <div class="col-md-2"> 255 <div class="col-md-2">
254 <select class="form-control"> 256 <select class="form-control">
255 <option>20 Records Per Page</option> 257 <option>20 Records Per Page</option>
256 <option>50 Records Per Page</option> 258 <option>50 Records Per Page</option>
257 <option>100 Records Per Page</option> 259 <option>100 Records Per Page</option>
258 </select> 260 </select>
259 </div> 261 </div>
260 <div class="col-md-4"> 262 <div class="col-md-4">
261 <ul class="pagination" style="margin:0px"> 263 <ul class="pagination" style="margin:0px">
262 <li><a href="javascript:;">ยซ</a></li> 264 <li><a href="javascript:;">ยซ</a></li>
263 <li class="active"><a href="#">1</a></li> 265 <li class="active"><a href="#">1</a></li>
264 <li><a href="javascript:;">2</a></li> 266 <li><a href="javascript:;">2</a></li>
265 <li><a href="javascript:;">3</a></li> 267 <li><a href="javascript:;">3</a></li>
266 <li><a href="javascript:;">4</a></li> 268 <li><a href="javascript:;">4</a></li>
267 <li><a href="javascript:;">5</a></li> 269 <li><a href="javascript:;">5</a></li>
268 <li><a href="javascript:;">ยป</a></li> 270 <li><a href="javascript:;">ยป</a></li>
269 </ul> 271 </ul>
270 </div> 272 </div>
271 </div> 273 </div>
272 </div> 274 </div>
273 </div> 275 </div>
274 </div> 276 </div>
275 <div class="tab-pane" id="fuelVendors"> 277 <div class="tab-pane" id="fuelVendors">
276 <table class="table table-striped table-bordered"> 278 <table class="table table-striped table-bordered">
277 <thead> 279 <thead>
278 <tr> 280 <tr>
279 <th>Engine</th> 281 <th>Engine</th>
280 <th>Browser</th> 282 <th>Browser</th>
281 <th class="td-actions"></th> 283 <th class="td-actions"></th>
282 </tr> 284 </tr>
283 </thead> 285 </thead>
284 <tbody> 286 <tbody>
285 </tbody> 287 </tbody>
286 </table> 288 </table>
287 </div> 289 </div>
288 </div> 290 </div>
289 </div> 291 </div>
290 </div> 292 </div>
291 <!-- /widget-content --> 293 <!-- /widget-content -->
292 </div> 294 </div>
293 <!-- /widget --> 295 <!-- /widget -->
294 </div> 296 </div>
295 <!-- /span8 --> 297 <!-- /span8 -->
296 </div> 298 </div>
297 <!-- /row --> 299 <!-- /row -->
298 </div> 300 </div>
299 <!-- /container --> 301 <!-- /container -->
300 </div> 302 </div>
301 <!-- /main --> 303 <!-- /main -->
302 304
303 <form class="modal multi-step" id="demo-modal-3" editable-form name="tableform" onaftersave="saveTable()" oncancel="cancel()"> 305 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
304 <div class="modal-dialog modal-lg"> 306 <div class="modal-dialog modal-lg">
305 <div class="modal-content"> 307 <div class="modal-content">
306 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 308 <div class="modal-body step-1" data-step="1" style="padding: 0;">
307 <div> 309 <div>
308 <div class="row" style="margin: 0;"> 310 <div class="row" style="margin: 0;">
309 <div> 311 <div>
310 <div class="widget" style="margin-bottom: 0;"> 312 <div class="widget" style="margin-bottom: 0;">
311 <div class="widget-header"> 313 <div class="widget-header">
312 <i class="icon-pencil"></i> 314 <i class="icon-pencil"></i>
313 <i class="fa fa-tasks" aria-hidden="true"></i> 315 <i class="fa fa-tasks" aria-hidden="true"></i>
314 <h3>Add a New Company</h3> 316 <h3>Add a New Company</h3>
315 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 317 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
316 <div style="color: #ff9a01;">Activate &nbsp &nbsp 318 <div style="color: #ff9a01;">Activate &nbsp &nbsp
317 <input id="toggle-one2" checked type="checkbox" data-size="mini" data-width="55" data-toggle="toggle" data-on="On" data-off="Off"> 319 <input id="toggle-one2" checked type="checkbox" data-size="mini" data-width="55" data-toggle="toggle" data-on="On" data-off="Off">
318 </div> 320 </div>
319 </div> 321 </div>
320 <div class="clearfix"></div> 322 <div class="clearfix"></div>
321 </div> 323 </div>
322 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 324 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
323 <div class="col-xs-12"> 325 <div class="col-xs-12">
324 <div class="col-md-8"> 326 <div class="col-md-8">
325 <div class="pull-left"> 327 <div class="pull-left">
326 <label class="new-input-label"><b>Company Name</b></label> 328 <label class="new-input-label"><b>Company Name</b></label>
327 </div> 329 </div>
328 <div class="pull-left" style="margin-left: 15px;"> 330 <div class="pull-left" style="margin-left: 15px;">
329 <input type="text" ng-model="data.companyName" class="form-control" id="Address" placeholder=""> 331 <input type="text" ng-model="data.companyName" class="form-control" id="Address" placeholder="">
330 </div> 332 </div>
331 <div class="clearfix"></div> 333 <div class="clearfix"></div>
332 </div> 334 </div>
333 <div class="col-md-4"> 335 <div class="col-md-4">
334 336
335 <div class="pull-right"> 337 <div class="pull-right">
336 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" id="Address" placeholder=""> 338 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" id="Address" placeholder="">
337 </div> 339 </div>
338 <div class="pull-right"> 340 <div class="pull-right">
339 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 341 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
340 </div> 342 </div>
341 <div class="clearfix"></div> 343 <div class="clearfix"></div>
342 </div> 344 </div>
343 </div> 345 </div>
344 <div class="clearfix"></div><br> 346 <div class="clearfix"></div><br>
345 <div class="col-xs-12"> 347 <div class="col-xs-12">
346 <div class="col-md-8"> 348 <div class="col-md-8">
347 <div class="pull-left"> 349 <div class="pull-left">
348 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 350 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
349 </div> 351 </div>
350 <div class="pull-left" style="margin-left: 32px;"> 352 <div class="pull-left" style="margin-left: 32px;">
351 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 353 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
352 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 354 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
353 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 355 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
354 </div> 356 </div>
355 <div class="clearfix"></div> 357 <div class="clearfix"></div>
356 </div> 358 </div>
357 </div> 359 </div>
358 <div class="clearfix"></div> 360 <div class="clearfix"></div>
359 <br/> 361 <br/>
360 <div class="col-xs-12"> 362 <div class="col-xs-12">
361 <div class="col-md-6"> 363 <div class="col-md-6">
362 <div class="pull-left" style="width: 110px;"> 364 <div class="pull-left" style="width: 110px;">
363 <b>Master Margin</b> 365 <b>Master Margin</b>
364 </div> 366 </div>
365 <div class="pull-left"> 367 <div class="pull-left">
366 <select required class="form-control" style="max-width: 250px;" ng-model="data.masterMargin"> 368 <select required class="form-control" style="max-width: 250px;" ng-model="data.masterMargin">
367 <option value="" disabled selected hidden>Select </option> 369 <option value="" disabled selected hidden>Select </option>
368 <option value="good">Open when powered (most valves do this)</option> 370 <option value="good">Open when powered (most valves do this)</option>
369 <option value="perfect">Closed when powered, auto-opens when power is cut</option> 371 <option value="perfect">Closed when powered, auto-opens when power is cut</option>
370 </select> 372 </select>
371 </div> 373 </div>
372 <div class="clearfix"></div> 374 <div class="clearfix"></div>
373 </div> 375 </div>
374 376
375 <div class="col-md-3 Airport" style="text-align: right;"> 377 <div class="col-md-3 Airport" style="text-align: right;">
376 <b>Certificate Type</b> 378 <b>Certificate Type</b>
377 </div> 379 </div>
378 <div class="col-md-3 Airport"> 380 <div class="col-md-3 Airport">
379 <select required class="form-control" ng-model="data.certificateType"> 381 <select required class="form-control" ng-model="data.certificateType">
380 <option value="" disabled selected hidden>Select </option> 382 <option value="" disabled selected hidden>Select </option>
381 <option value="good">Open when powered (most valves do this)</option> 383 <option value="good">Open when powered (most valves do this)</option>
382 <option value="perfect">Closed when powered, auto-opens when power is cut</option> 384 <option value="perfect">Closed when powered, auto-opens when power is cut</option>
383 </select> 385 </select>
384 </div> 386 </div>
385 </div> 387 </div>
386 <div class="clearfix"></div> 388 <div class="clearfix"></div>
387 <br/> 389 <br/>
388 <div class="col-xs-12"> 390 <div class="col-xs-12">
389 <div class="col-md-12"> 391 <div class="col-md-12">
390 <div class="pull-left" style="width: 110px;"> 392 <div class="pull-left" style="width: 110px;">
391 <label class="new-input-label"><b>Address</b></label> 393 <label class="new-input-label"><b>Address</b></label>
392 </div> 394 </div>
393 <div class="pull-left" style="width: calc(100% - 110px);"> 395 <div class="pull-left" style="width: calc(100% - 110px);">
394 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder=""> 396 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder="">
395 </div> 397 </div>
396 <div class="clearfix"></div> 398 <div class="clearfix"></div>
397 </div> 399 </div>
398 </div> 400 </div>
399 <div class="clearfix"></div> 401 <div class="clearfix"></div>
400 <br/> 402 <br/>
401 <div class="col-xs-12"> 403 <div class="col-xs-12">
402 <div class="col-md-12"> 404 <div class="col-md-12">
403 <div class="pull-left" style="width: 110px;"> 405 <div class="pull-left" style="width: 110px;">
404 <label class="new-input-label"><b>Address2</b></label> 406 <label class="new-input-label"><b>Address2</b></label>
405 </div> 407 </div>
406 <div class="pull-left" style="width: calc(100% - 110px);"> 408 <div class="pull-left" style="width: calc(100% - 110px);">
407 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder=""> 409 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder="">
408 </div> 410 </div>
409 <div class="clearfix"></div> 411 <div class="clearfix"></div>
410 </div> 412 </div>
411 </div> 413 </div>
412 <div class="clearfix"></div> 414 <div class="clearfix"></div>
413 <br/> 415 <br/>
414 <div class="col-xs-12"> 416 <div class="col-xs-12">
415 417
416 <div class="col-md-6"> 418 <div class="col-md-6">
417 <div class="pull-left" style="width: 110px;"> 419 <div class="pull-left" style="width: 110px;">
418 <label class="new-input-label"><b>City</b></label> 420 <label class="new-input-label"><b>City</b></label>
419 </div> 421 </div>
420 <div class="pull-left" style="width: calc(100% - 110px);"> 422 <div class="pull-left" style="width: calc(100% - 110px);">
421 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder=""> 423 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder="">
422 </div> 424 </div>
423 <div class="clearfix"></div> 425 <div class="clearfix"></div>
424 </div> 426 </div>
425 <div class="col-md-3"> 427 <div class="col-md-3">
426 <div class="pull-left" style="width: 40px;"> 428 <div class="pull-left" style="width: 40px;">
427 <label class="new-input-label"><b>State</b></label> 429 <label class="new-input-label"><b>State</b></label>
428 </div> 430 </div>
429 <div class="pull-left" style="width: calc(100% - 110px);"> 431 <div class="pull-left" style="width: calc(100% - 110px);">
430 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder=""> 432 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder="">
431 </div> 433 </div>
432 <div class="clearfix"></div> 434 <div class="clearfix"></div>
433 </div> 435 </div>
434 <div class="col-md-3"> 436 <div class="col-md-3">
435 <div class="pull-left"> 437 <div class="pull-left">
436 <label class="new-input-label"><b>Zip Code</b></label> 438 <label class="new-input-label"><b>Zip Code</b></label>
437 </div> 439 </div>
438 <div class="pull-right" style="width: calc(100% - 60px);"> 440 <div class="pull-right" style="width: calc(100% - 60px);">
439 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder=""> 441 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder="">
440 </div> 442 </div>
441 <div class="clearfix"></div> 443 <div class="clearfix"></div>
442 </div> 444 </div>
443 </div> 445 </div>
444 <div class="clearfix"></div> 446 <div class="clearfix"></div>
445 <br/> 447 <br/>
446 <div class="col-xs-12"> 448 <div class="col-xs-12">
447 449
448 <div class="col-md-6"> 450 <div class="col-md-6">
449 <div class="pull-left" style="width: 110px;"> 451 <div class="pull-left" style="width: 110px;">
450 <label class="new-input-label"><b>Country</b></label> 452 <label class="new-input-label"><b>Country</b></label>
451 </div> 453 </div>
452 <div class="pull-left" style="width: calc(100% - 110px);"> 454 <div class="pull-left" style="width: calc(100% - 110px);">
453 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder=""> 455 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder="">
454 </div> 456 </div>
455 <div class="clearfix"></div> 457 <div class="clearfix"></div>
456 </div> 458 </div>
457 <div class="col-md-6"> 459 <div class="col-md-6">
458 <div class="pull-left" style="width: 110px;"> 460 <div class="pull-left" style="width: 110px;">
459 <label class="new-input-label"><b>Internal Note</b></label> 461 <label class="new-input-label"><b>Internal Note</b></label>
460 </div> 462 </div>
461 <div class="pull-left" style="width: calc(100% - 110px);"> 463 <div class="pull-left" style="width: calc(100% - 110px);">
462 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 464 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
463 </div> 465 </div>
464 <div class="clearfix"></div> 466 <div class="clearfix"></div>
465 </div> 467 </div>
466 </div> 468 </div>
467 <div class="clearfix"></div> 469 <div class="clearfix"></div>
468 <!-- <br/> 470 <!-- <br/>
469 <div class="col-xs-12"> 471 <div class="col-xs-12">
470 <div class="col-md-2 Airport"></div> 472 <div class="col-md-2 Airport"></div>
471 <div class="col-md-10 Airport"> 473 <div class="col-md-10 Airport">
472 <div class="pull-right"> 474 <div class="pull-right">
473 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 475 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
474 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 476 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
475 </div> 477 </div>
476 </div> 478 </div>
477 </div> --> 479 </div> -->
478 </div> 480 </div>
479 </div> 481 </div>
480 <div class="clearfix"></div> 482 <div class="clearfix"></div>
481 </div> 483 </div>
482 </div> 484 </div>
483 </div> 485 </div>
484 </div> 486 </div>
485 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 487 <div class="modal-body step-2" data-step="2" style="padding: 0;">
486 <div> 488 <div>
487 <div class="row" style="margin: 0;"> 489 <div class="row" style="margin: 0;">
488 <div> 490 <div>
489 <div class="widget" style="margin-bottom: 0;"> 491 <div class="widget" style="margin-bottom: 0;">
490 <div class="widget-header"> 492 <div class="widget-header">
491 <i class="icon-pencil"></i> 493 <i class="icon-pencil"></i>
492 <i class="fa fa-tasks" aria-hidden="true"></i> 494 <i class="fa fa-tasks" aria-hidden="true"></i>
493 <h3>Add a New Company</h3> 495 <h3>Add a New Company</h3>
494 <div class="clearfix"></div> 496 <div class="clearfix"></div>
495 </div> 497 </div>
496 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 498 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
497 <div class="col-xs-12"> 499 <div class="col-xs-12">
498 <div class="widget-header"> 500 <div class="widget-header">
499 <i class="fa fa-list"></i> 501 <i class="fa fa-list"></i>
500 <h3>Aircraft List</h3> 502 <h3>Aircraft List</h3>
501 </div> 503 </div>
502 <div class="widget-content" style="padding:0px;border: 0px; "> 504 <div class="widget-content" style="padding:0px;border: 0px; ">
503 <div class="table-responsive"> 505 <div class="table-responsive">
504 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 506 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
505 <thead> 507 <thead>
506 <tr> 508 <tr>
507 <th>Tail</th> 509 <th>Tail</th>
508 <th>Make</th> 510 <th>Make</th>
509 <th>Model</th> 511 <th>Model</th>
510 <th>Size</th> 512 <th>Size</th>
511 <th>Margin</th> 513 <th>Margin</th>
512 </tr> 514 </tr>
513 </thead> 515 </thead>
514 <tbody> 516 <tbody>
515 <tr> 517 <tr>
516 <td> 518 <td>
517 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 519 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
518 </td> 520 </td>
519 <td style="width: 25%;"> 521 <td style="width: 25%;">
520 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 522 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
521 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 523 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
522 </select> 524 </select>
523 </td> 525 </td>
524 <td style="width: 20%;"> 526 <td style="width: 20%;">
525 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 527 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
526 <option ng-repeat="model in aircraftModalList">{{model}}</option> 528 <option ng-repeat="model in aircraftModalList">{{model}}</option>
527 </select> 529 </select>
528 </td> 530 </td>
529 <td style="width: 25%;"> 531 <td style="width: 25%;">
530 <select class="form-control" ng-model="aircraft.size"> 532 <select class="form-control" ng-model="aircraft.size">
531 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 533 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
532 </select> 534 </select>
533 </td> 535 </td>
534 <td> 536 <td>
535 <select class="form-control"> 537 <select class="form-control">
536 <option>Margin1</option> 538 <option>Margin1</option>
537 <option>Margin2</option> 539 <option>Margin2</option>
538 </select> 540 </select>
539 </td> 541 </td>
540 </tr> 542 </tr>
541 </tbody> 543 </tbody>
542 544
543 </table> --> 545 </table> -->
544 <table class="table table-bordered table-hover table-condensed"> 546 <table class="table table-striped table-bordered">
545 <tr style="font-weight: bold"> 547 <thead>
546 <td style="width:40%">Name</td> 548 <tr>
547 <td style="width:30%">Status</td> 549 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
548 <td style="width:30%">Group</td> 550 <th>Tail</th>
549 <td style="width:30%"><span ng-show="tableform.$visible">Action</span></td> 551 <th>Make</th>
550 </tr> 552 <th>Model</th>
551 <tr ng-repeat="user in users | filter:filterUser"> 553 <th>Size</th>
552 <td> 554 </tr>
553 <!-- editable username (text with validation) --> 555 </thead>
554 <span editable-text="user.name" e-form="tableform" onbeforesave="checkName($data, user.id)"> 556 <tbody>
555 {{ user.name || 'empty' }} 557 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
556 </span> 558 <!-- <td>
557 </td> 559 <input type="checkbox" ng-model="aircraftData.selected"/>
558 <td> 560 </td> -->
559 <!-- editable status (select-local) --> 561 <td style="width: 20%">
560 <span editable-select="user.status" e-form="tableform" e-ng-options="s.value as s.text for s in statuses"> 562 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
561 {{ showStatus(user) }} 563 </td>
562 </span> 564 <td style="width: 20%">
563 </td> 565 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
564 <td> 566 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
565 <!-- editable group (select-remote) --> 567 </select>
566 <span editable-select="user.group" e-form="tableform" onshow="loadGroups()" e-ng-options="g.id as g.text for g in groups"> 568 </td>
567 {{ showGroup(user) }} 569 <td style="width: 20%">
568 </span> 570 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
569 </td> 571 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
570 <td><button type="button" ng-show="tableform.$visible" ng-click="deleteUser(user.id)" class="btn btn-danger pull-right">Del</button></td> 572 </select>
571 </tr> 573 </td>
572 </table> 574 <td style="width: 20%">
573 575 <select class="form-control" ng-model="aircraftData.size">
574 <!-- buttons --> 576 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
575 <div class="btn-edit"> 577 </select>
576 <button type="button" class="btn btn-default" ng-show="!tableform.$visible" ng-click="tableform.$show()"> 578 </td>
577 edit 579 </tr>
578 </button> 580 </tbody>
579 </div> 581 </table>
580 <div class="btn-form" ng-show="tableform.$visible">
581 <button type="button" ng-disabled="tableform.$waiting" ng-click="addUser()" class="btn btn-default pull-right">add row</button>
582 <button type="submit" ng-disabled="tableform.$waiting" class="btn btn-primary">save</button>
583 <button type="button" ng-disabled="tableform.$waiting" ng-click="tableform.$cancel()" class="btn btn-default">cancel</button>
584 </div>
585 </div> 582 </div>
586 <div class="clearfix"></div> 583 <div class="clearfix"></div>
587 </div> 584 </div>
588 </div> 585 </div>
589 <div class="clearfix"></div> 586 <div class="clearfix"></div>
590 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 587 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
591 <button ng-click="appendText()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 588 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
592 </div> 589 </div>
593 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 590 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
594 <div class="pull-right"> 591 <div class="pull-right">
595 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 592 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
596 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 593 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
597 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 594 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
598 </div> 595 </div>
599 </div> --> 596 </div> -->
600 </div> 597 </div>
601 </div> 598 </div>
602 <div class="clearfix"></div> 599 <div class="clearfix"></div>
603 </div> 600 </div>
604 </div> 601 </div>
605 </div> 602 </div>
606 </div> 603 </div>
607 <!-- <div class="modal-body step-3" data-step="3"> 604 <!-- <div class="modal-body step-3" data-step="3">
608 This is the final step. 605 This is the final step.
609 </div> --> 606 </div> -->
610 <div class="modal-footer" style="border-top: 0;"> 607 <div class="modal-footer" style="border-top: 0;">
611 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 608 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
612 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 609 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
613 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 610 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
614 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> 611 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
615 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 612 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
616 </div> 613 </div>
617 </div> 614 </div>
618 </div> 615 </div>
619 </form> 616 </form>
620 617
621 <script src="js/multi-step-modal.js"></script> 618 <script src="js/multi-step-modal.js"></script>
622 <script> 619 <script>
623 sendEvent = function(sel, step) { 620 sendEvent = function(sel, step) {
624 $(sel).trigger('next.m.' + step); 621 $(sel).trigger('next.m.' + step);
625 } 622 }
626 </script> 623 </script>
627 624
628 625
629 626
app/partials/customers/customers.service.js
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 angular.module('acufuel') 3 angular.module('acufuel')
4 .service('CustomersService', ['$q', '$http', 'BASE_URL', CustomersService]); 4 .service('CustomersService', ['$q', '$http', 'BASE_URL', CustomersService]);
5 5
6 function CustomersService($q, $http, BASE_URL) { 6 function CustomersService($q, $http, BASE_URL) {
7 7
8 this.getAllCompanies = function() {
9
10 var deferred = $q.defer();
11 $http({
12 method : 'GET',
13 url : BASE_URL.url +'/user/allCompanies',
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
8 this.addCompany = function(data) { 24 this.addCompany = function(data) {
9 25
10 var deferred = $q.defer(); 26 var deferred = $q.defer();
11 $http({ 27 $http({
12 method : 'POST', 28 method : 'POST',
13 url : BASE_URL.url +'/company', 29 url : BASE_URL.url +'/company',
14 headers : {'Content-Type': 'application/json'}, 30 headers : {'Content-Type': 'application/json'},
15 data: data 31 data: data
16 }) 32 })
17 .then(function (result){ 33 .then(function (result){
18 deferred.resolve(result.data); 34 deferred.resolve(result.data);
19 },function (result){ 35 },function (result){
20 deferred.resolve(result.data); 36 deferred.resolve(result.data);
21 }) 37 })
22 return deferred.promise; 38 return deferred.promise;
23 } 39 }
24 40
25 this.getAircraftMake = function(){ 41 this.getAircraftMake = function(){
26 var deferred = $q.defer(); 42 var deferred = $q.defer();
27 $http({ 43 $http({
28 method : 'GET', 44 method : 'GET',
29 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftMake', 45 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftMake',
30 headers : {'Content-Type': 'application/json'}, 46 headers : {'Content-Type': 'application/json'},
31 }) 47 })
32 .then(function (result){ 48 .then(function (result){
33 deferred.resolve(result.data); 49 deferred.resolve(result.data);
34 },function (result){ 50 },function (result){
35 console.log(result) 51 console.log(result)
36 deferred.resolve(result.data); 52 deferred.resolve(result.data);
37 }) 53 })
38 return deferred.promise; 54 return deferred.promise;
39 } 55 }
40 56
41 this.getAircraftSize = function(makeId, modelId){ 57 this.getAircraftSize = function(makeId, modelId){
42 var deferred = $q.defer(); 58 var deferred = $q.defer();
43 $http({ 59 $http({
44 method : 'GET', 60 method : 'GET',
45 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftSize/' +makeId + '/' +modelId, 61 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftSize/' +makeId + '/' +modelId,
46 headers : {'Content-Type': 'application/json'}, 62 headers : {'Content-Type': 'application/json'},
47 }) 63 })
48 .then(function (result){ 64 .then(function (result){
49 deferred.resolve(result.data); 65 deferred.resolve(result.data);
50 },function (result){ 66 },function (result){
51 console.log(result) 67 console.log(result)
52 deferred.resolve(result.data); 68 deferred.resolve(result.data);
53 }) 69 })
54 return deferred.promise; 70 return deferred.promise;
55 } 71 }
56 72
57 this.getModal = function(id){ 73 this.getModal = function(id){
58 var deferred = $q.defer(); 74 var deferred = $q.defer();
59 $http({ 75 $http({
60 method : 'GET', 76 method : 'GET',
61 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftModel/' + id, 77 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftModel/' + id,
62 headers : {'Content-Type': 'application/json'}, 78 headers : {'Content-Type': 'application/json'},
63 }) 79 })
64 .then(function (result){ 80 .then(function (result){
65 deferred.resolve(result.data); 81 deferred.resolve(result.data);
66 },function (result){ 82 },function (result){
67 console.log(result) 83 console.log(result)
68 deferred.resolve(result.data); 84 deferred.resolve(result.data);
69 }) 85 })
70 return deferred.promise; 86 return deferred.promise;
71 } 87 }
72 88
89 this.addAircraft = function(data){
90 var deferred = $q.defer();
91 $http({
92 method : 'POST',
93 url : BASE_URL.url +'/company/add/aircrafts',
94 headers : {'Content-Type': 'application/json'},
95 data: data
96 })
97 .then(function (result){
98 deferred.resolve(result.data);
99 },function (result){
100 console.log(result)
101 deferred.resolve(result.data);
102 })
103 return deferred.promise;
104 }
105
73 106
74 107
75 } 108 }
76 109
77 })(); 110 })();
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" href="./index.html"><img src="./img/acufuelLOGOwhite.png" class="img-logo"></a> 9 <a class="navbar-brand" href="./index.html"><img src="./img/acufuelLOGOwhite.png" class="img-logo"></a>
10 </div> 10 </div>
11 <!-- Collect the nav links, forms, and other content for toggling --> 11 <!-- Collect the nav links, forms, and other content for toggling -->
12 <div class="collapse navbar-collapse navbar-ex1-collapse"> 12 <div class="collapse navbar-collapse navbar-ex1-collapse">
13 <ul class="nav navbar-nav navbar-right"> 13 <ul class="nav navbar-nav navbar-right">
14 <li class="dropdown"> 14 <li class="dropdown">
15 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown"> 15 <a href="javscript:;" class="dropdown-toggle" data-toggle="dropdown">
16 <i class="icon-plane"></i> 16 <i class="icon-plane"></i>
17 Latitiude Jet Center 17 Latitiude Jet Center
18 <b class="caret"></b> 18 <b class="caret"></b>
19 </a> 19 </a>
20 <ul class="dropdown-menu"> 20 <ul class="dropdown-menu">
21 <li><a href="javascript:;">FBO Profile</a></li> 21 <li><a href="javascript:;">FBO Profile</a></li>
22 <li><a href="javascript:;">Account Settings</a></li> 22 <li><a href="javascript:;">Account Settings</a></li>
23 <li class="divider"></li> 23 <li class="divider"></li>
24 <li><a href="#" ng-click="logout();">Logout</a></li> 24 <li><a href="#" ng-click="logout();">Logout</a></li>
25 </ul> 25 </ul>
26 </li> 26 </li>
27 </ul> 27 </ul>
28 </div> 28 </div>
29 <!-- /.navbar-collapse --> 29 <!-- /.navbar-collapse -->
30 </div> 30 </div>
31 <!-- /.container --> 31 <!-- /.container -->
32 </nav> 32 </nav>
33 <div class="subnavbar"> 33 <div class="subnavbar">
34 <div class="subnavbar-inner"> 34 <div class="subnavbar-inner">
35 <div class="container"> 35 <div class="container">
36 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse"> 36 <a href="javascript:;" class="subnav-toggle" data-toggle="collapse" data-target=".subnav-collapse">
37 <span class="sr-only">Toggle navigation</span> 37 <span class="sr-only">Toggle navigation</span>
38 <i class="icon-reorder"></i> 38 <i class="icon-reorder"></i>
39 </a> 39 </a>
40 <div class="collapse subnav-collapse"> 40 <div class="collapse subnav-collapse">
41 <ul class="mainnav"> 41 <ul class="mainnav">
42 <li> 42 <li>
43 <a ui-sref="app.dashboard"> 43 <a ui-sref="app.dashboard">
44 <i class="fa fa-home"></i> 44 <i class="fa fa-home"></i>
45 <span>Home</span> 45 <span>Home</span>
46 </a> 46 </a>
47 </li> 47 </li>
48 <li class="dropdown"> 48 <li class="dropdown">
49 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 49 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
50 <i class="fa fa-tint"></i> 50 <i class="fa fa-tint"></i>
51 <span>Fuel Manager</span> 51 <span>Fuel Manager</span>
52 <b class="caret"></b> 52 <b class="caret"></b>
53 </a> 53 </a>
54 <ul class="dropdown-menu"> 54 <ul class="dropdown-menu">
55 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li> 55 <li><a ui-sref="app.updateFuelManager" href="#/updateFuelManager">Update Fuel Manager</a></li>
56 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Free Manager</a></li> 56 <li><a ui-sref="app.fuelManager" href="#/fuelManager">Ramp Free Manager</a></li>
57 <li class="dropdown-submenu"> 57 <li class="dropdown-submenu">
58 <a tabindex="-1" href="#">Tax Manager</a> 58 <a tabindex="-1" href="#">Tax Manager</a>
59 <ul class="dropdown-menu"> 59 <ul class="dropdown-menu">
60 <li><a tabindex="-1" href="#">Federal Taxes</a></li> 60 <li><a tabindex="-1" href="#">Federal Taxes</a></li>
61 <li><a href="#">State & Country Taxes</a></li> 61 <li><a href="#">State & Country Taxes</a></li>
62 <li><a href="#">Airport Taxes</a></li> 62 <li><a href="#">Airport Taxes</a></li>
63 </ul> 63 </ul>
64 </li> 64 </li>
65 <li class="dropdown-submenu"> 65 <li class="dropdown-submenu">
66 <a tabindex="-1" href="#">Fuel Orders</a> 66 <a tabindex="-1" href="#">Fuel Orders</a>
67 <ul class="dropdown-menu"> 67 <ul class="dropdown-menu">
68 <li><a ui-sref="app.fuelOrders">Pending</a></li> 68 <li><a ui-sref="app.fuelOrders">Pending</a></li>
69 <li><a ui-sref="app.fuelOrders">Invoiced</a></li> 69 <li><a ui-sref="app.fuelOrders">Invoiced</a></li>
70 <li><a ui-sref="app.fuelOrders">Canceled</a></li> 70 <li><a ui-sref="app.fuelOrders">Canceled</a></li>
71 <li><a ui-sref="app.fuelOrders">Archived</a></li> 71 <li><a ui-sref="app.fuelOrders">Archived</a></li>
72 </ul> 72 </ul>
73 </li> 73 </li>
74 </ul> 74 </ul>
75 </li> 75 </li>
76 <li class="dropdown"> 76 <li class="dropdown">
77 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> 77 <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
78 <i class="fa fa-user"></i> 78 <i class="fa fa-user"></i>
79 <span>Customers</span> 79 <span>Customers</span>
80 <b class="caret"></b> 80 <b class="caret"></b>
81 </a> 81 </a>
82 <ul class="dropdown-menu"> 82 <ul class="dropdown-menu">
83 <li><a ui-sref="app.viewCompany">View Companies</a></li> 83 <!-- <li><a ui-sref="app.viewCompany">View Companies</a></li> -->
84 <li><a ui-sref="app.customers">View Contacts</a></li> 84 <li><a ui-sref="app.customers">View Contacts</a></li>
85 <li><a ui-sref="app.account">View Fuel Vendors</a></li> 85 <li><a ui-sref="app.account">View Fuel Vendors</a></li>
86 <li><a ui-sref="app.analytics">Research Flight Dept</a></li> 86 <li><a ui-sref="app.analytics">Research Flight Dept</a></li>
87 </ul> 87 </ul>
88 </li> 88 </li>
89 <li class=""> 89 <li class="">
90 <a ui-sref="app.scheduler"> 90 <a ui-sref="app.scheduler">
91 <i class="fa fa-calendar"></i> 91 <i class="fa fa-calendar"></i>
92 <span>Scheduler</span> 92 <span>Scheduler</span>
93 </a> 93 </a>
94 </li> 94 </li>
95 <li class="dropdown"> 95 <li class="dropdown">
96 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown"> 96 <a href="app.analytics:;" class="dropdown-toggle" data-toggle="dropdown">
97 <i class="fa fa-signal"></i> 97 <i class="fa fa-signal"></i>
98 <span>Analytics</span> 98 <span>Analytics</span>
99 <b class="caret"></b> 99 <b class="caret"></b>
100 </a> 100 </a>
101 <ul class="dropdown-menu"> 101 <ul class="dropdown-menu">
102 <li><a href="#">Live Flight tracking</a></li> 102 <li><a href="#">Live Flight tracking</a></li>
103 <li><a href="#">Research Flight Dept</a></li> 103 <li><a href="#">Research Flight Dept</a></li>
104 <li><a href="#">Historical Fuel Prices</a></li> 104 <li><a href="#">Historical Fuel Prices</a></li>
105 <li><a href="#">Regional Pricing</a></li> 105 <li><a href="#">Regional Pricing</a></li>
106 <li><a href="#">Actual vs. Canceled Fuelings</a></li> 106 <li><a href="#">Actual vs. Canceled Fuelings</a></li>
107 <li><a href="#">Customer Lead Sources</a></li> 107 <li><a href="#">Customer Lead Sources</a></li>
108 </ul> 108 </ul>
109 </li> 109 </li>
110 </ul> 110 </ul>
111 </div> 111 </div>
112 <!-- /.subnav-collapse --> 112 <!-- /.subnav-collapse -->
113 </div> 113 </div>
114 <!-- /container --> 114 <!-- /container -->
115 </div> 115 </div>
116 <!-- /subnavbar-inner --> 116 <!-- /subnavbar-inner -->
117 </div> 117 </div>
118 <!-- /subnavbar --> 118 <!-- /subnavbar -->
119 <div ui-view></div> 119 <div ui-view></div>
120 <!-- </body> --> 120 <!-- </body> -->
121 <!-- footer --> 121 <!-- footer -->
122 <div class="extra"> 122 <div class="extra">
123 <div class="container"> 123 <div class="container">
124 <div class="row"> 124 <div class="row">
125 <div class="col-md-3"> 125 <div class="col-md-3">
126 <h4>About</h4> 126 <h4>About</h4>
127 <ul> 127 <ul>
128 <li><a href="javascript:;">About Us</a></li> 128 <li><a href="javascript:;">About Us</a></li>
129 <li><a href="javascript:;">Twitter</a></li> 129 <li><a href="javascript:;">Twitter</a></li>
130 <li><a href="javascript:;">Facebook</a></li> 130 <li><a href="javascript:;">Facebook</a></li>
131 <li><a href="javascript:;">Google+</a></li> 131 <li><a href="javascript:;">Google+</a></li>
132 </ul> 132 </ul>
133 </div> 133 </div>
134 <!-- /span3 --> 134 <!-- /span3 -->
135 <div class="col-md-3"> 135 <div class="col-md-3">
136 <h4>Support</h4> 136 <h4>Support</h4>
137 <ul> 137 <ul>
138 <li><a href="javascript:;">Frequently Asked Questions</a></li> 138 <li><a href="javascript:;">Frequently Asked Questions</a></li>
139 <li><a href="javascript:;">Ask a Question</a></li> 139 <li><a href="javascript:;">Ask a Question</a></li>
140 <li><a href="javascript:;">Video Tutorial</a></li> 140 <li><a href="javascript:;">Video Tutorial</a></li>
141 <li><a href="javascript:;">Feedback</a></li> 141 <li><a href="javascript:;">Feedback</a></li>
142 </ul> 142 </ul>
143 </div> 143 </div>
144 <!-- /span3 --> 144 <!-- /span3 -->
145 <div class="col-md-3"> 145 <div class="col-md-3">
146 <h4>Legal</h4> 146 <h4>Legal</h4>
147 <ul> 147 <ul>
148 <li><a href="javascript:;">License</a></li> 148 <li><a href="javascript:;">License</a></li>
149 <li><a href="javascript:;">Terms of Use</a></li> 149 <li><a href="javascript:;">Terms of Use</a></li>
150 <li><a href="javascript:;">Privacy Policy</a></li> 150 <li><a href="javascript:;">Privacy Policy</a></li>
151 <li><a href="javascript:;">Security</a></li> 151 <li><a href="javascript:;">Security</a></li>
152 </ul> 152 </ul>
153 </div> 153 </div>
154 <!-- /span3 --> 154 <!-- /span3 -->
155 <div class="col-md-3"> 155 <div class="col-md-3">
156 <h4>Settings</h4> 156 <h4>Settings</h4>
157 <ul> 157 <ul>
158 <li><a href="javascript:;">Consectetur adipisicing</a></li> 158 <li><a href="javascript:;">Consectetur adipisicing</a></li>
159 <li><a href="javascript:;">Eiusmod tempor </a></li> 159 <li><a href="javascript:;">Eiusmod tempor </a></li>
160 <li><a href="javascript:;">Fugiat nulla pariatur</a></li> 160 <li><a href="javascript:;">Fugiat nulla pariatur</a></li>
161 <li><a href="javascript:;">Officia deserunt</a></li> 161 <li><a href="javascript:;">Officia deserunt</a></li>
162 </ul> 162 </ul>
163 </div> 163 </div>
164 <!-- /span3 --> 164 <!-- /span3 -->
165 </div> 165 </div>
166 <!-- /row --> 166 <!-- /row -->
167 </div> 167 </div>
168 <!-- /container --> 168 <!-- /container -->
169 </div> 169 </div>
170 <!-- /extra --> 170 <!-- /extra -->
171 <div class="footer"> 171 <div class="footer">
172 <div class="container"> 172 <div class="container">
173 <div class="row"> 173 <div class="row">
174 <div id="footer-copyright" class="col-md-6"> 174 <div id="footer-copyright" class="col-md-6">
175 &copy; 2012-13 Jumpstart UI. 175 &copy; 2012-13 Jumpstart UI.
176 </div> 176 </div>
177 <!-- /span6 --> 177 <!-- /span6 -->
178 <div id="footer-terms" class="col-md-6"> 178 <div id="footer-terms" class="col-md-6">
179 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a> 179 Theme by <a href="http://jumpstartui.com" target="_blank">Jumpstart UI</a>
180 </div> 180 </div>
181 <!-- /.span6 --> 181 <!-- /.span6 -->
182 </div> 182 </div>
183 <!-- /row --> 183 <!-- /row -->
184 </div> 184 </div>
185 <!-- /container --> 185 <!-- /container -->
186 </div> 186 </div>
187 187
app/partials/viewCompany/viewCompany.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('viewCompanyController', ['$scope','$uibModal', function($scope , $uibModal) { 7 .controller('viewCompanyController', ['$scope','$uibModal', '$stateParams', 'ViewCompanyService', function($scope , $uibModal, $stateParams, ViewCompanyService) {
8 console.log("$uibModal",$uibModal); 8 $scope.data = {};
9 $scope.data.priceEmail = true;
10
9 $scope.open = function(){ 11 $scope.open = function(){
10 console.log("asndfsahdasd");
11 $scope.editSmsModal = $uibModal.open({ 12 $scope.editSmsModal = $uibModal.open({
12 templateUrl: 'partials/NewCompany/NewCompany.html', 13 templateUrl: 'partials/NewCompany/NewCompany.html',
13 backdrop: true, 14 backdrop: true,
14 scope: $scope, 15 scope: $scope,
15 }) 16 })
16 } 17 }
17 $(function() { 18 $(function() {
18 $('#toggle-one2').bootstrapToggle(); 19 $('#toggle-one2').bootstrapToggle();
19 }) 20 })
20 21
21 $(function() { 22 $(function() {
22 $('#toggle-one1').bootstrapToggle(); 23 $('#toggle-one1').bootstrapToggle();
23 }) 24 })
24 $(function() { 25 $(function() {
25 $('#toggle-two').bootstrapToggle(); 26 $('#toggle-two').bootstrapToggle();
26 }) 27 })
27 $(function() { 28 $(function() {
28 $('#toggle-three').bootstrapToggle(); 29 $('#toggle-three').bootstrapToggle();
29 }) 30 })
30 $(function() { 31 $(function() {
31 $('#toggle-four').bootstrapToggle(); 32 $('#toggle-four').bootstrapToggle();
32 }) 33 })
33 34
35 $(function() {
36 $('#price-one2').bootstrapToggle();
37 $('#price-one2').change(function() {
38 $('#console-event').html('Toggle: ' + $(this).prop('checked'));
39 $scope.data.priceEmail = $(this).prop('checked');
40 })
41 })
34 42
35 }]); 43 var companyId = $stateParams.id;
44 console.log(companyId)
45 ViewCompanyService.getCompany(companyId).then(function(result) {
46 $scope.aircraftMakeList = result;
47 })
48
49 ViewCompanyService.getContact(companyId).then(function(result) {
50 $scope.aircraftMakeList = result;
51 })
52
53 $scope.contactData = {};
54 $scope.contactData.contactList = [];
55 $scope.addContact = function(){
56 $scope.data.companyId = companyId;
57 $scope.contactData.contactList.push($scope.data);
58 console.log($scope.contactData)
59 ViewCompanyService.addContact($scope.contactData).then(function(result) {
60 if(result.success){
61 toastr.success(''+result.success+'', {
62 closeButton: true
63 })
64 $('#contact-modal-3').modal('hide');
65 }else{
66 toastr.error(''+result.statusText+'', {
67 closeButton: true
68 })
69 }
70 })
71 }
36 72
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 </style> 53 </style>
54 <div class="col-xs-12 col-md-11"> 54 <div class="col-xs-12 col-md-11">
55 <div class="row" style="margin-left:0px"> 55 <div class="row" style="margin-left:0px">
56 <div class="col-md-12"> 56 <div class="col-md-12">
57 <div class="widget"> 57 <div class="widget">
58 <div class="widget-header"> 58 <div class="widget-header">
59 <i class="fa fa-building-o" aria-hidden="true"></i> 59 <i class="fa fa-building-o" aria-hidden="true"></i>
60 <h3>Antioch Flight Department</h3> 60 <h3>Antioch Flight Department</h3>
61 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i> 61 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i>
62 </div> 62 </div>
63 <!-- /widget-header --> 63 <!-- /widget-header -->
64 <div class="widget-content"> 64 <div class="widget-content">
65 <div class="row" style="margin-left:0px"> 65 <div class="row" style="margin-left:0px">
66 <div class="col-md-6"> 66 <div class="col-md-6">
67 <div class="widget"> 67 <div class="widget">
68 <div class="widget-header"> 68 <div class="widget-header">
69 <i class="fa fa-building-o" aria-hidden="true"></i> 69 <i class="fa fa-building-o" aria-hidden="true"></i>
70 <h3>Company Details</h3> 70 <h3>Company Details</h3>
71 <div class="pull-right my-toggle-switch" style="margin-top: 10px; margin-right: 10px;"> 71 <div class="pull-right my-toggle-switch" style="margin-top: 10px; margin-right: 10px;">
72 <div><input id="toggle-one2" checked type="checkbox" data-size="mini" data-width="55" data-toggle="toggle" data-on="Active" data-off="Dactive"> 72 <div><input id="toggle-one2" checked type="checkbox" data-size="mini" data-width="55" data-toggle="toggle" data-on="Active" data-off="Dactive">
73 </div> 73 </div>
74 </div> 74 </div>
75 </div> 75 </div>
76 <div class="widget-content"> 76 <div class="widget-content">
77 <div class="row" style="margin-left:0px"> 77 <div class="row" style="margin-left:0px">
78 <div class="col-md-8" style="padding-left: 0;"> 78 <div class="col-md-8" style="padding-left: 0;">
79 <h3 style="color:#F90;"> 79 <h3 style="color:#F90;">
80 <b>Antioch Flight Department</b> 80 <b>Antioch Flight Department</b>
81 </h3> 81 </h3>
82 </div> 82 </div>
83 <div class="col-md-4"> 83 <div class="col-md-4">
84 <select class="form-control" style="height:31px;background: #ebebeb;"> 84 <select class="form-control" style="height:31px;background: #ebebeb;">
85 <option class="optionclass" disabled selected>Certificate Type</option> 85 <option class="optionclass" disabled selected>Certificate Type</option>
86 <option class="optionclass">Part 91 (Corporate)</option> 86 <option class="optionclass">Part 91 (Corporate)</option>
87 <option class="optionclass">Part 135 (Charter)</option> 87 <option class="optionclass">Part 135 (Charter)</option>
88 <option class="optionclass">Part 121 (Scheduled)</option> 88 <option class="optionclass">Part 121 (Scheduled)</option>
89 <option class="optionclass">Military</option> 89 <option class="optionclass">Military</option>
90 <option class="optionclass">Government</option> 90 <option class="optionclass">Government</option>
91 </select> 91 </select>
92 </div> 92 </div>
93 </div> 93 </div>
94 <div> 94 <div>
95 <p class="new-label"> 95 <p class="new-label">
96 <span>Master Margin Setting </span> 96 <span>Master Margin Setting </span>
97 <select class="form-control" style="width: 100px;"> 97 <select class="form-control" style="width: 100px;">
98 <option>Margin1</option> 98 <option>Margin1</option>
99 <option>Margin2</option> 99 <option>Margin2</option>
100 </select> 100 </select>
101 <span>See Aircrart List</span> 101 <span>See Aircrart List</span>
102 <div class="clearfix"></div> 102 <div class="clearfix"></div>
103 </p> 103 </p>
104 </div> 104 </div>
105 <div> 105 <div>
106 <input type="checkbox" name=""> Tenant/Base Customer 106 <input type="checkbox" name=""> Tenant/Base Customer
107 </div> 107 </div>
108 <div> 108 <div>
109 <input type="checkbox" name=""> CAA Member 109 <input type="checkbox" name=""> CAA Member
110 </div> 110 </div>
111 </br> 111 </br>
112 <div class="new-address"> 112 <div class="new-address">
113 <p><i class="fa fa-map-marker"></i> Reviera State Rd32 <input type="checkbox"> </p> 113 <p><i class="fa fa-map-marker"></i> Reviera State Rd32 <input type="checkbox"> </p>
114 <p><i class="fa fa-phone"></i> (310) 2342-3433 <input type="checkbox"></p> 114 <p><i class="fa fa-phone"></i> (310) 2342-3433 <input type="checkbox"></p>
115 <p><i class="fa fa-envelope"></i> freed@gmail.com <input type="checkbox"></p> 115 <p><i class="fa fa-envelope"></i> freed@gmail.com <input type="checkbox"></p>
116 </div> 116 </div>
117 <div class="new-add-select"> 117 <div class="new-add-select">
118 <select class="form-control" style="background: #ebebeb;"> 118 <select class="form-control" style="background: #ebebeb;">
119 <option disabled selected>Add Field</option> 119 <option disabled selected>Add Field</option>
120 <option class="optionclass">Add Phone</option> 120 <option class="optionclass">Add Phone</option>
121 <option class="optionclass">Add Email</option> 121 <option class="optionclass">Add Email</option>
122 </select> 122 </select>
123 </div> 123 </div>
124 <div> 124 <div>
125 <p style="margin-bottom: 0;"><b>Company Notes</b> <input type="checkbox"></p> 125 <p style="margin-bottom: 0;"><b>Company Notes</b> <input type="checkbox"></p>
126 <p>This is the test data. note will be written in this</p> 126 <p>This is the test data. note will be written in this</p>
127 </div> 127 </div>
128 <div class="dis"> 128 <div class="dis">
129 <button type="button" class="btn btn-primary">Distribute Price to Company Contacts</button> 129 <button type="button" class="btn btn-primary">Distribute Price to Company Contacts</button>
130 </div> 130 </div>
131 <div><button type="button" class="btn btn-info">Setup Fuel</button></div> 131 <div><button type="button" class="btn btn-info">Setup Fuel</button></div>
132 </div> 132 </div>
133 </div> 133 </div>
134 </div> 134 </div>
135 <div class="col-md-6"> 135 <div class="col-md-6">
136 <div class="widget"> 136 <div class="widget">
137 <div class="widget-header"> 137 <div class="widget-header">
138 <i class="fa fa-plane"></i> 138 <i class="fa fa-plane"></i>
139 <h3>Aircraft List</h3> 139 <h3>Aircraft List</h3>
140 <div class="pull-right"> 140 <div class="pull-right">
141 <button type="submit" class="btn btn-success btn-sm" ng-click="open()" style="margin-top: 4px; margin-right: 9px;"><i class="icon-ok"></i>+ &nbsp Add Aircraft</button> 141 <button type="submit" class="btn btn-success btn-sm" ng-click="open()" style="margin-top: 4px; margin-right: 9px;"><i class="icon-ok"></i>+ &nbsp Add Aircraft</button>
142 </div> 142 </div>
143 </div> 143 </div>
144 <div class="widget-content" style="padding:0px"> 144 <div class="widget-content" style="padding:0px">
145 <div class="table-responsive"> 145 <div class="table-responsive">
146 <table class="table table-bordered table-hover table-striped"> 146 <table class="table table-bordered table-hover table-striped">
147 <thead> 147 <thead>
148 <tr> 148 <tr>
149 <th>Trial #</th> 149 <th>Trial #</th>
150 <th>Make</th> 150 <th>Make</th>
151 <th>Model</th> 151 <th>Model</th>
152 <th>JET-A</th> 152 <th>JET-A</th>
153 <th>All in</th> 153 <th>All in</th>
154 <th>AVGAS</th> 154 <th>AVGAS</th>
155 <th>All in</th> 155 <th>All in</th>
156 <th></th> 156 <th></th>
157 </tr> 157 </tr>
158 </thead> 158 </thead>
159 <tbody> 159 <tbody>
160 <tr> 160 <tr>
161 <td>N817C6</td> 161 <td>N817C6</td>
162 <td>Mark</td> 162 <td>Mark</td>
163 <td>V</td> 163 <td>V</td>
164 <td> 164 <td>
165 <select class="form-control" style="height:31px;"> 165 <select class="form-control" style="height:31px;">
166 <option>Margin1</option> 166 <option>Margin1</option>
167 <option>Margin2</option> 167 <option>Margin2</option>
168 </select> 168 </select>
169 </td> 169 </td>
170 <td style="color:#55AF8B;">$3659</td> 170 <td style="color:#55AF8B;">$3659</td>
171 <td> 171 <td>
172 <select class="form-control" style="height:31px;"> 172 <select class="form-control" style="height:31px;">
173 <option>Margin1</option> 173 <option>Margin1</option>
174 <option>Margin2</option> 174 <option>Margin2</option>
175 </select> 175 </select>
176 </td> 176 </td>
177 <td style="color:#55AF8B;">$3659</td> 177 <td style="color:#55AF8B;">$3659</td>
178 <td></td> 178 <td></td>
179 </tr> 179 </tr>
180 <tr> 180 <tr>
181 <td>N817C6</td> 181 <td>N817C6</td>
182 <td>Mark</td> 182 <td>Mark</td>
183 <td>V</td> 183 <td>V</td>
184 <td> 184 <td>
185 <select class="form-control" style="height:31px;"> 185 <select class="form-control" style="height:31px;">
186 <option>Margin1</option> 186 <option>Margin1</option>
187 <option>Margin2</option> 187 <option>Margin2</option>
188 </select> 188 </select>
189 </td> 189 </td>
190 <td style="color:#55AF8B;">$3659</td> 190 <td style="color:#55AF8B;">$3659</td>
191 <td> 191 <td>
192 <select class="form-control" style="height:31px;"> 192 <select class="form-control" style="height:31px;">
193 <option>Margin1</option> 193 <option>Margin1</option>
194 <option>Margin2</option> 194 <option>Margin2</option>
195 </select> 195 </select>
196 </td> 196 </td>
197 <td style="color:#55AF8B;">$3659</td> 197 <td style="color:#55AF8B;">$3659</td>
198 <td></td> 198 <td></td>
199 </tr> 199 </tr>
200 <tr> 200 <tr>
201 <td>N817C6</td> 201 <td>N817C6</td>
202 <td>Mark</td> 202 <td>Mark</td>
203 <td>V</td> 203 <td>V</td>
204 <td> 204 <td>
205 <select class="form-control" style="height:31px;"> 205 <select class="form-control" style="height:31px;">
206 <option>Margin1</option> 206 <option>Margin1</option>
207 <option>Margin2</option> 207 <option>Margin2</option>
208 </select> 208 </select>
209 </td> 209 </td>
210 <td style="color:#55AF8B;">$3659</td> 210 <td style="color:#55AF8B;">$3659</td>
211 <td> 211 <td>
212 <select class="form-control" style="height:31px;"> 212 <select class="form-control" style="height:31px;">
213 <option>Margin1</option> 213 <option>Margin1</option>
214 <option>Margin2</option> 214 <option>Margin2</option>
215 </select> 215 </select>
216 </td> 216 </td>
217 <td style="color:#55AF8B;">$3659</td> 217 <td style="color:#55AF8B;">$3659</td>
218 <td></td> 218 <td></td>
219 </tr> 219 </tr>
220 <tr> 220 <tr>
221 <td>N817C6</td> 221 <td>N817C6</td>
222 <td>Mark</td> 222 <td>Mark</td>
223 <td>V</td> 223 <td>V</td>
224 <td> 224 <td>
225 <select class="form-control" style="height:31px;"> 225 <select class="form-control" style="height:31px;">
226 <option>Margin1</option> 226 <option>Margin1</option>
227 <option>Margin2</option> 227 <option>Margin2</option>
228 </select> 228 </select>
229 </td> 229 </td>
230 <td style="color:#55AF8B;">$3659</td> 230 <td style="color:#55AF8B;">$3659</td>
231 <td> 231 <td>
232 <select class="form-control" style="height:31px;"> 232 <select class="form-control" style="height:31px;">
233 <option>Margin1</option> 233 <option>Margin1</option>
234 <option>Margin2</option> 234 <option>Margin2</option>
235 </select> 235 </select>
236 </td> 236 </td>
237 <td style="color:#55AF8B;">$3659</td> 237 <td style="color:#55AF8B;">$3659</td>
238 <td></td> 238 <td></td>
239 </tr> 239 </tr>
240 </tbody> 240 </tbody>
241 </table> 241 </table>
242 </div> 242 </div>
243 </div> 243 </div>
244 </div> 244 </div>
245 </div> 245 </div>
246 </div> 246 </div>
247 <div class="row" style="margin-left:0px"> 247 <div class="row" style="margin-left:0px">
248 <div class="col-md-6"> 248 <div class="col-md-6">
249 <div class="widget"> 249 <div class="widget">
250 <div class="widget-header"> 250 <div class="widget-header">
251 <i class="fa fa-user"></i> 251 <i class="fa fa-user"></i>
252 <h3>Contact List</h3> 252 <h3>Contact List</h3>
253 <div class="pull-right"> 253 <div class="pull-right">
254 <button type="submit" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="icon-ok"></i>+ &nbsp Add Contact</button> 254 <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="icon-ok"></i>+ &nbsp Add Contact</button>
255 </div> 255 </div>
256 </div> 256 </div>
257 <div class="widget-content" style="padding:0px"> 257 <div class="widget-content" style="padding:0px">
258 <div class="table-responsive"> 258 <div class="table-responsive">
259 <table class="table table-bordered table-hover table-striped"> 259 <table class="table table-bordered table-hover table-striped">
260 <thead> 260 <thead>
261 <tr> 261 <tr>
262 <th>Price Email</th> 262 <th>Price Email</th>
263 <th>First Name</th> 263 <th>First Name</th>
264 <th>Last Name</th> 264 <th>Last Name</th>
265 <th>Title</th> 265 <th>Title</th>
266 </tr> 266 </tr>
267 </thead> 267 </thead>
268 <tbody> 268 <tbody>
269 <tr> 269 <tr>
270 <td><input id="toggle-one1" checked type="checkbox" data-size="mini" data-toggle="toggle"></td> 270 <td><input id="toggle-one1" checked type="checkbox" data-size="mini" data-toggle="toggle"></td>
271 <td>Mark</td> 271 <td>Mark</td>
272 <td>Otto</td> 272 <td>Otto</td>
273 <td>Dispatcher</td> 273 <td>Dispatcher</td>
274 </tr> 274 </tr>
275 <tr> 275 <tr>
276 <td><input id="toggle-two" checked type="checkbox" data-size="mini" data-toggle="toggle"></td> 276 <td><input id="toggle-two" checked type="checkbox" data-size="mini" data-toggle="toggle"></td>
277 <td>Mark</td> 277 <td>Mark</td>
278 <td>Otto</td> 278 <td>Otto</td>
279 <td>Dispatcher</td> 279 <td>Dispatcher</td>
280 </tr> 280 </tr>
281 <tr> 281 <tr>
282 <td><input id="toggle-three" checked type="checkbox" data-size="mini" data-toggle="toggle"></td> 282 <td><input id="toggle-three" checked type="checkbox" data-size="mini" data-toggle="toggle"></td>
283 <td>Mark</td> 283 <td>Mark</td>
284 <td>Otto</td> 284 <td>Otto</td>
285 <td>Dispatcher</td> 285 <td>Dispatcher</td>
286 </tr> 286 </tr>
287 <tr> 287 <tr>
288 <td><input id="toggle-four" checked type="checkbox" data-size="mini" data-toggle="toggle"></td> 288 <td><input id="toggle-four" checked type="checkbox" data-size="mini" data-toggle="toggle"></td>
289 <td>Mark</td> 289 <td>Mark</td>
290 <td>Otto</td> 290 <td>Otto</td>
291 <td>Dispatcher</td> 291 <td>Dispatcher</td>
292 </tr> 292 </tr>
293 </tbody> 293 </tbody>
294 </table> 294 </table>
295 </div> 295 </div>
296 </div> 296 </div>
297 </div> 297 </div>
298 </div> 298 </div>
299 <div class="col-md-6"> 299 <div class="col-md-6">
300 <div class="widget"> 300 <div class="widget">
301 <div class="widget-header"> 301 <div class="widget-header">
302 <i class="fa fa-pencil"></i> 302 <i class="fa fa-pencil"></i>
303 <h3>Price Manager Reference</h3> 303 <h3>Price Manager Reference</h3>
304 </div> 304 </div>
305 <div class="widget-content"> 305 <div class="widget-content">
306 <div class="table-responsive"> 306 <div class="table-responsive">
307 <table class="table table-hover table-striped"> 307 <table class="table table-hover table-striped">
308 <thead> 308 <thead>
309 <tr> 309 <tr>
310 <th>Omit</th> 310 <th>Omit</th>
311 <th>Product</th> 311 <th>Product</th>
312 <th>Cost</th> 312 <th>Cost</th>
313 <th>PAP (Margin)</th> 313 <th>PAP (Margin)</th>
314 <th>PAP (Total)</th> 314 <th>PAP (Total)</th>
315 <th style="color:#F90">Expires</th> 315 <th style="color:#F90">Expires</th>
316 </tr> 316 </tr>
317 </thead> 317 </thead>
318 <tbody> 318 <tbody>
319 <tr> 319 <tr>
320 <td><input type="checkbox"></td> 320 <td><input type="checkbox"></td>
321 <td>Jet-A Full Service</td> 321 <td>Jet-A Full Service</td>
322 <td>$2.123</td> 322 <td>$2.123</td>
323 <td>$23000</td> 323 <td>$23000</td>
324 <td style="color:#55AF8B;">$3659</td> 324 <td style="color:#55AF8B;">$3659</td>
325 <td style="color:#F90">3/15/2017</td> 325 <td style="color:#F90">3/15/2017</td>
326 </tr> 326 </tr>
327 <tr> 327 <tr>
328 <td><input type="checkbox"></td> 328 <td><input type="checkbox"></td>
329 <td>Jet-A Full Service</td> 329 <td>Jet-A Full Service</td>
330 <td>$2.123</td> 330 <td>$2.123</td>
331 <td>$23000</td> 331 <td>$23000</td>
332 <td style="color:#55AF8B;">$3659</td> 332 <td style="color:#55AF8B;">$3659</td>
333 <td style="color:#F90">3/15/2017</td> 333 <td style="color:#F90">3/15/2017</td>
334 </tr> 334 </tr>
335 <tr> 335 <tr>
336 <tr> 336 <tr>
337 <td><input type="checkbox"></td> 337 <td><input type="checkbox"></td>
338 <td>Jet-A Full Service</td> 338 <td>Jet-A Full Service</td>
339 <td>$2.123</td> 339 <td>$2.123</td>
340 <td>$23000</td> 340 <td>$23000</td>
341 <td style="color:#55AF8B;">$3659</td> 341 <td style="color:#55AF8B;">$3659</td>
342 <td style="color:#F90">3/15/2017</td> 342 <td style="color:#F90">3/15/2017</td>
343 </tr> 343 </tr>
344 <tr> 344 <tr>
345 <td><input type="checkbox"></td> 345 <td><input type="checkbox"></td>
346 <td>Jet-A Full Service</td> 346 <td>Jet-A Full Service</td>
347 <td>$2.123</td> 347 <td>$2.123</td>
348 <td>$23000</td> 348 <td>$23000</td>
349 <td style="color:#55AF8B;">$3659</td> 349 <td style="color:#55AF8B;">$3659</td>
350 <td style="color:#F90">3/15/2017</td> 350 <td style="color:#F90">3/15/2017</td>
351 </tr> 351 </tr>
352 </tbody> 352 </tbody>
353 </table> 353 </table>
354 </div> 354 </div>
355 </div> 355 </div>
356 </div> 356 </div>
357 </div> 357 </div>
358 </div> 358 </div>
359 </div> 359 </div>
360 <!-- /widget-content --> 360 <!-- /widget-content -->
361 </div> 361 </div>
362 <!-- /widget --> 362 <!-- /widget -->
363 </div> 363 </div>
364 <!-- /span6 --> 364 <!-- /span6 -->
365 </div> 365 </div>
366 <!-- /widget --> 366 <!-- /widget -->
367 </div> 367 </div>
368 <!-- /container --> 368 <!-- /container -->
369 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
370 <div class="modal-dialog modal-lg">
371 <div class="modal-content">
372 <div class="modal-body step-1" data-step="1" style="padding: 0;">
373 <div>
374 <div class="row" style="margin: 0;">
375 <div>
376 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
377 <div class="widget-header">
378 <i class="icon-pencil"></i>
379 <i class="fa fa-tasks" aria-hidden="true"></i>
380 <h3>Add a New Contact</h3>
381 <div class="clearfix"></div>
382 </div>
383 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
384 <div class="col-xs-12">
385 <div class="col-md-6">
386 <div class="pull-left" style="width: 110px;">
387 <label class="new-input-label"><b>First Name</b></label>
388 </div>
389 <div class="pull-left" style="margin-left: 15px;">
390 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
391 </div>
392 <div class="clearfix"></div>
393 </div>
394 <div class="col-md-6">
395
396 <div class="pull-left" style="width: 110px;">
397 <label class="new-input-label"><b>Last Name</b></label>
398 </div>
399 <div class="pull-left" style="margin-left: 15px;">
400 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
401 </div>
402 <div class="clearfix"></div>
403 </div>
404 </div>
405 <div class="clearfix"></div><br>
406 <div class="col-xs-12">
407 <div class="col-md-6">
408 <div class="pull-left" style="width: 110px;">
409 <label class="new-input-label"><b>Title</b></label>
410 </div>
411 <div class="pull-left" style="margin-left: 15px;">
412 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
413 </div>
414 <div class="clearfix"></div>
415 </div>
416 <div class="col-md-6">
417
418 <div class="pull-left" style="width: 110px;">
419 <label class="new-input-label"><b>Email</b></label>
420 </div>
421 <div class="pull-left" style="margin-left: 15px;">
422 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
423 </div>
424 <div class="clearfix"></div>
425 </div>
426 </div>
427 <div class="clearfix"></div><br>
428 <div class="col-xs-12">
429 <div class="col-md-6">
430 <div class="pull-left" style="width: 110px;">
431 <label class="new-input-label"><b>Username</b></label>
432 </div>
433 <div class="pull-left" style="margin-left: 15px;">
434 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
435 </div>
436 <div class="clearfix"></div>
437 </div>
438 <div class="col-md-6">
439
440 <div class="pull-left" style="width: 110px;">
441 <label class="new-input-label"><b>Password</b></label>
442 </div>
443 <div class="pull-left" style="margin-left: 15px;">
444 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
445 </div>
446 <div class="clearfix"></div>
447 </div>
448 </div>
449 <div class="clearfix"></div><br>
450 <div class="col-xs-12">
451 <div class="col-md-6">
452 <div class="pull-left" style="width: 110px;">
453 <label class="new-input-label"><b>Work Phone</b></label>
454 </div>
455 <div class="pull-left" style="margin-left: 15px;">
456 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
457 </div>
458 <div class="clearfix"></div>
459 </div>
460 <div class="col-md-6">
461
462 <div class="pull-left" style="width: 110px;">
463 <label class="new-input-label"><b>Mobile Phone</b></label>
464 </div>
465 <div class="pull-left" style="margin-left: 15px;">
466 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
467 </div>
468 <div class="clearfix"></div>
469 </div>
470 </div>
471 <div class="clearfix"></div><br>
472 <div class="col-xs-12">
473 <div class="col-md-12">
474 <div class="pull-left" style="width: 110px;">
475 <label class="new-input-label"><b>Address</b></label>
476 </div>
477 <div class="pull-right" style="width: calc(100% - 123px);">
478 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
479 </div>
480 <div class="clearfix"></div>
481 </div>
482 </div>
483 <div class="clearfix"></div>
484 <br/>
485 <div class="col-xs-12">
486 <div class="col-md-3">
487 <div class="pull-left my-toggle-switch">
488 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
489 <input id="price-one2" checked type="checkbox" data-size="mini" data-width="55" data-toggle="toggle" data-on="On" data-off="Off">
490 </div>
491 </div>
492 <div class="clearfix"></div>
493 </div>
494 <div class="col-md-3">
495 <div class="pull-left my-toggle-switch">
496 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
497 <input type="checkbox" ng-model="data.primaryContact">
498 </div>
499 </div>
500 <div class="clearfix"></div>
501 </div>
502 <div class="col-md-6">
503 <div class="pull-left" style="width: 110px;">
504 <label class="new-input-label"><b>Internal Note</b></label>
505 </div>
506 <div class="pull-left" style="width: calc(100% - 110px);">
507 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
508 </div>
509 </div>
510 <div class="clearfix"></div>
511 </div>
512 <div class="clearfix"></div><br>
513 </div>
514 </div>
515 <div class="clearfix"></div>
516 </div>
517 </div>
518 </div>
519 </div>
520 <div class="modal-footer" style="border-top: 0;">
521 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
522 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
523 </div>
524 </div>
525 </div>
526 </form>
369 <div class="clearfix"></div> 527 <div class="clearfix"></div>
370 <!-- Le javascript 528 <!-- Le javascript
371 ================================================== --> 529 ================================================== -->
372 <!-- Placed at the end of the document so the pages load faster --> 530 <!-- Placed at the end of the document so the pages load faster -->
373 <!-- <script 531 <!-- <script
374 CKEDITOR.replace( 'editor2', { 532 CKEDITOR.replace( 'editor2', {
375 height: 250, 533 height: 250,
376 extraPlugins: 'divarea' 534 extraPlugins: 'divarea'
377 } ); 535 } );
378 </script> -->
536 </script> -->
app/partials/viewCompany/viewCompany.service.js
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 angular.module('acufuel') 3 angular.module('acufuel')
4 .service('viewCompanyService', ['$q', '$http', 'BE', viewCompanyService]); 4 .service('ViewCompanyService', ['$q', '$http', 'BASE_URL', ViewCompanyService]);
5
6 function viewCompanyService($q, $http, BE) {
7 var temp = {};
8 5
6 function ViewCompanyService($q, $http, BASE_URL) {
9 7
8 this.getCompany = function(id) {
9
10 var deferred = $q.defer();
11 $http({
12 method : 'GET',
13 url : BASE_URL.url +'/company/'+id,
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.getContact = function(id) {
25
26 var deferred = $q.defer();
27 $http({
28 method : 'GET',
29 url : BASE_URL.url +'/company/contact/'+id,
30 headers : {'Content-Type': 'application/json'},
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.addContact = function(data) {
41
42 var deferred = $q.defer();
43 $http({
44 method : 'POST',
45 url : BASE_URL.url +'/company/add/contact',
46 data : data,
47 headers : {'Content-Type': 'application/json'},
48 })
49 .then(function (result){
50 deferred.resolve(result.data);
51 },function (result){
52 deferred.resolve(result.data);
53 })
54 return deferred.promise;
55 }
10 56