Commit 55e075d7ef13a48e3f4e378acfe35e6f77f17ecc
1 parent
38429fc584
Exists in
master
add contact, add company with aircraft functionality implemented
Showing
8 changed files
with
421 additions
and
252 deletions
Show diff stats
app/js/app.js
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> </th> | 142 | <th> </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     | 318 | <div style="color: #ff9a01;">Activate     |
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 </b></label> | 350 | <label class="new-input-label"><b>Relationship </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 | © 2012-13 Jumpstart UI. | 175 | © 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>+   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>+   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>+   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>+   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     | ||
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     | ||
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 |