viithiisys / Acufuel

Download as
Browse Code ยป

Commit 1926e07b600cfa54b0d82ab33fcf9961f6e24489

Authored by Anchal Midha
1 parent 9fabc0d405
Exists in master

implement fuel vendor api

Showing 3 changed files with 558 additions and 12 deletions   Show diff stats
app/partials/FuelVendors/FuelVendors.controller.js
Diff comments   View file @1926e07
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('FuelVendorsController', ['$scope',function($scope) { 6 .controller('FuelVendorsController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'FuelVendorsService', 'CustomersService', FuelVendorsController]);
7
8 function FuelVendorsController($scope, $rootScope, $uibModal, $filter, $http, FuelVendorsService, CustomersService) {
7 9
8 $scope.vendorList = [{ 10 $scope.vendorList = [{
9 "companyName": "Name and inc", 11 "companyName": "Name and inc",
10 "phone":"1010101010", 12 "phone":"1010101010",
11 "contact":"jimmy", 13 "contact":"jimmy",
12 "status":'Active', 14 "status":'Active',
13 "source": "tenant", 15 "source": "tenant",
14 "allIn" : "$123" 16 "allIn" : "$123"
15 },{ 17 },{
16 "companyName": "Name and inc", 18 "companyName": "Name and inc",
17 "phone":"1010101010", 19 "phone":"1010101010",
18 "contact":"jimmy", 20 "contact":"jimmy",
19 "status":'Active', 21 "status":'Active',
20 "source": "tenant", 22 "source": "tenant",
21 "allIn" : "$123" 23 "allIn" : "$123"
22 },{ 24 },{
23 "companyName": "Name and inc", 25 "companyName": "Name and inc",
24 "Fleet": 3, 26 "Fleet": 3,
25 "phone":"1010101010", 27 "phone":"1010101010",
26 "contact":"jimmy", 28 "contact":"jimmy",
27 "Base":"Kiad", 29 "Base":"Kiad",
28 "status":'Inactive', 30 "status":'Inactive',
29 "source": "tenant", 31 "source": "tenant",
30 "allIn" : "$123" 32 "allIn" : "$123"
31 },{ 33 },{
32 "companyName": "Name and inc", 34 "companyName": "Name and inc",
33 "phone":"1010101010", 35 "phone":"1010101010",
34 "contact":"jimmy", 36 "contact":"jimmy",
35 "status":'Active', 37 "status":'Active',
36 "source": "tenant", 38 "source": "tenant",
37 "allIn" : "$123" 39 "allIn" : "$123"
40 },{
41 "companyName": "Name and inc",
42 "phone":"1010101010",
43 "contact":"kuldeep",
44 "Base":"Kiad",
45 "status":'Inactive',
46 "source": "tenant",
47 "allIn" : "$123"
38 }] 48 }]
39 49
40 }]);
50
51 $(document).ready(function() {
52 $('#example').DataTable();
53 });
54 $scope.data = {};
55 $scope.aircraft = {};
56 $scope.data.activate = true;
57
58 // FuelVendorsService.getAllVendor().then(function(result) {
59 // console.log(result)
60 // $scope.vendorList = result;
61 // })
62
63 $(function() {
64 $('#vendor-toggle-one2').bootstrapToggle();
65 $('#vendor-toggle-one2').change(function() {
66 $('#console-event').html('Toggle: ' + $(this).prop('checked'));
67 $scope.data.activate = $(this).prop('checked');
68 })
69 })
70
71 getData();
72 function getData(){
73 CustomersService.getAircraftMake().then(function(result) {
74 $scope.aircraftMakeList = result;
75 })
76 }
77
78 $scope.addFirstData = function(sel, step){
79 // console.log($scope.data)
80
81 var vendorData = "vendorName=" + $scope.data.vendorName + "&masterMargin=" + $scope.data.masterMargin
82 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state="
83 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote="
84 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant
85 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor
86 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao;
87
88 FuelVendorsService.addVendor(vendorData).then(function(result) {
89 console.log("result",result)
90 $scope.vendorId = result;
91 console.log("$scope.vendorId",$scope.vendorId)
92 $scope.aircraft.vendorId = $scope.vendorId;
93 console.log("$scope.aircraft.vendorId",$scope.aircraft.vendorId);
94 })
95 $(sel).trigger('next.m.' + step);
96 getData();
97 }
98
99 $scope.aircraftDetails = [{
100 'tail':'',
101 'make': '',
102 'model': '',
103 'sizeId' : ''
104 }];
105
106 $scope.addNew = function(){
107 $scope.aircraftDetails.push({
108 'tail':'',
109 'make': '',
110 'model': '',
111 'sizeId' : ''
112 });
113 console.log($scope.aircraftDetails)
114 };
115
116 $scope.getModal = function(makeId, index){
117 $scope.aircraft.make = makeId;
118 //var makeId = makeId;
119 CustomersService.getModal($scope.aircraft.make).then(function(result) {
120 $scope.aircraftDetails[index].aircraftModalList = result;
121 //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0];
122 })
123 }
124
125 $scope.getSize = function(model, index){
126 CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) {
127 console.log("result",result)
128 $scope.aircraftDetails[index].aircraftSizeList = result;
129 //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0];
130 console.log($scope.aircraftDetails[index].size)
131 })
132 }
133
134 $scope.aircraftListData = {};
135 $scope.addData = [];
136 $scope.saveVendorData = function(){
137 for(var i=0; i<$scope.aircraftDetails.length;i++){
138 $scope.addData.push({
139 'tail': $scope.aircraftDetails[i].tail,
140 'make': $scope.aircraftDetails[i].make,
141 'model': $scope.aircraftDetails[i].model,
142 'sizeId' : $scope.aircraftDetails[i].sizeId
143 });
144 }
145 $scope.aircraftListData.aircraftList = $scope.addData;
146 $scope.aircraftListData.vendorId = $scope.aircraft.vendorId;
147
148 CustomersService.addAircraft($scope.aircraftListData).then(function(result) {
149 console.log(result)
150 if(result != null && result.success){
151 toastr.success(''+result.success+'', {
152 closeButton: true
153 })
154 $('#demo-modal-3').modal('hide');
155 }else{
156 toastr.error(''+result.statusText+'', {
157 closeButton: true
158 })
159 }
160 });
161 }
app/partials/FuelVendors/FuelVendors.html
Diff comments   View file @1926e07
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
6 .button1 {
7 display: inline-block;
8 height: 35px;
9 line-height: 35px;
10 padding-right: 15px;
11 padding-left: 50px;
12 position: relative;
13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255);
15 text-decoration: none;
16 text-transform: uppercase;
17 letter-spacing: 1px;
18 margin-bottom: 15px;
19 border: 0;
20
21
22 border-radius: 5px;
23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 }
35
36 .button1 span {
37 position: absolute;
38 left: 0;
39 top: 0;
40 width: 35px;
41 background-color:rgba(0,0,0,0.5);
42
43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15);
50 }
51
52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3);
55 }
56
57 .button1:active {
58 margin-top: 2px;
59 margin-bottom: 13px;
60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 }
67
68 .button1.turquoise {
69 background: #449d44;
70 }
71
5 </style> 72 </style>
6 <div class="main"> 73 <div class="main">
7 <div class="container"> 74 <div class="container">
8 <div class="row"> 75 <div class="row">
9 <div class="col-md-12"> 76 <div class="col-md-12">
10 <div class="widget stacked "> 77 <div class="widget stacked ">
11 <div class="widget-content"> 78 <div class="widget-content">
12 <div class="tabbable"> 79 <div class="tabbable">
13 <ul class="nav nav-tabs"> 80 <ul class="nav nav-tabs">
14 <li> 81 <li>
15 <a ui-sref="app.customers">Company View 82 <a ui-sref="app.customers">Company View
16 <i class="fa fa-caret-down" aria-hidden="true"></i> 83 <i class="fa fa-caret-down" aria-hidden="true"></i>
17 </a> 84 </a>
18 </li> 85 </li>
19 <li> 86 <li>
20 <a ui-sref="app.ContactView">Contact View 87 <a ui-sref="app.ContactView">Contact View
21 <i class="fa fa-caret-down" aria-hidden="true"></i> 88 <i class="fa fa-caret-down" aria-hidden="true"></i>
22 </a> 89 </a>
23 </li> 90 </li>
24 <li class="active"> 91 <li class="active">
25 <a ui-sref="app.FuelVendors">Fuel Vendors 92 <a ui-sref="app.FuelVendors">Fuel Vendors
26 <i class="fa fa-caret-down" aria-hidden="true"></i> 93 <i class="fa fa-caret-down" aria-hidden="true"></i>
27 </a> 94 </a>
28 </li> 95 </li>
29 <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>
30 <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>
31 <li style="float:right"><button type="submit" 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 Vendor</button></li>
32 </ul> 99 </ul>
33 <br> 100 <br>
34 <div class="tab-content customer-table" style="margin:0px"> 101 <div class="tab-content customer-table" style="margin:0px">
35 <div class="tab-pane active" id="companyView"> 102 <div class="tab-pane active" id="companyView">
36 <table class="table table-striped"> 103 <table class="table table-striped">
37 <thead> 104 <thead>
38 <tr> 105 <tr>
39 <th> 106 <th>
40 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 107 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
41 <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>
42 </th> 109 </th>
43 110
44 <th> 111 <th>
45 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 112 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
46 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 113 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
47 </th> 114 </th>
48 <th> 115 <th>
49 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 116 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
50 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label> 117 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
51 </th> 118 </th>
52 119
53 <th> 120 <th>
54 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 121 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
55 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label> 122 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
56 <th> 123 <th>
57 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 124 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
58 <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label> 125 <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label>
59 </th> 126 </th>
60 <th> 127 <th>
61 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 128 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
62 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label> 129 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
63 </th> 130 </th>
64 <th> 131 <th>
65 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 132 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
66 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label> 133 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
67 </th> 134 </th>
68 </tr> 135 </tr>
69 </thead> 136 </thead>
70 <tbody> 137 <tbody>
71 <tr ng-repeat="vendor in vendorList"> 138 <tr ng-repeat="vendor in vendorList">
72 <td class="font-company">{{vendor.companyName}}</td> 139 <td class="font-company">{{vendor.companyName}}</td>
73 <td class="font-company">{{vendor.phone}}</td> 140 <td class="font-company">{{vendor.phone}}</td>
74 <td class="font-company">{{vendor.contact}}</td> 141 <td class="font-company">{{vendor.contact}}</td>
75 <td class="font-company"> 142 <td class="font-company">
76 <button type="button" ng-if="vendor.status == 'Active'" class="btn btn-success btn-xs">{{vendor.status}}</button> 143 <button type="button" ng-if="vendor.status == 'Active'" class="btn btn-success btn-xs">{{vendor.status}}</button>
77 <button type="button" ng-if="vendor.status == 'Inactive'" class="btn btn-warning btn-xs">{{vendor.status}}</button> 144 <button type="button" ng-if="vendor.status == 'Inactive'" class="btn btn-warning btn-xs">{{vendor.status}}</button>
78 </td> 145 </td>
79 <td class="font-company">{{vendor.source}}</td> 146 <td class="font-company">{{vendor.source}}</td>
80 <td class="font-company"> 147 <td class="font-company">
81 <select class="form-control" style="height:31px;"> 148 <select class="form-control" style="height:31px;">
82 <option>Margin1</option> 149 <option>Margin1</option>
83 <option>Margin2</option> 150 <option>Margin2</option>
84 </select> 151 </select>
85 </td> 152 </td>
86 <td class="font-company">{{vendor.allIn}}</td> 153 <td class="font-company">{{vendor.allIn}}</td>
87 </tr> 154 </tr>
88 </tbody> 155 </tbody>
89 </table> 156 </table>
90 <div class="row" style="margin-left: 0px;"> 157 <div class="row" style="margin-left: 0px;">
91 <div class="col-md-2"> 158 <div class="col-md-2">
92 <button type="button" class="btn btn-warning">Export Customers</button> 159 <button type="button" class="btn btn-warning">Export Customers</button>
93 </div> 160 </div>
94 <div class="col-md-10"> 161 <div class="col-md-10">
95 <div class="row" style="margin-left: 0px;"> 162 <div class="row" style="margin-left: 0px;">
96 <div class="col-md-6"> 163 <div class="col-md-6">
97 </div> 164 </div>
98 <div class="col-md-2"> 165 <div class="col-md-2">
99 <select class="form-control"> 166 <select class="form-control">
100 <option>20 Records Per Page</option> 167 <option>20 Records Per Page</option>
101 <option>50 Records Per Page</option> 168 <option>50 Records Per Page</option>
102 <option>100 Records Per Page</option> 169 <option>100 Records Per Page</option>
103 </select> 170 </select>
104 </div> 171 </div>
105 <div class="col-md-4"> 172 <div class="col-md-4">
106 <ul class="pagination" style="margin:0px"> 173 <ul class="pagination" style="margin:0px">
107 <li><a href="javascript:;">ยซ</a></li> 174 <li><a href="javascript:;">ยซ</a></li>
108 <li class="active"><a href="#">1</a></li> 175 <li class="active"><a href="#">1</a></li>
109 <li><a href="javascript:;">2</a></li> 176 <li><a href="javascript:;">2</a></li>
110 <li><a href="javascript:;">3</a></li> 177 <li><a href="javascript:;">3</a></li>
111 <li><a href="javascript:;">4</a></li> 178 <li><a href="javascript:;">4</a></li>
112 <li><a href="javascript:;">5</a></li> 179 <li><a href="javascript:;">5</a></li>
113 <li><a href="javascript:;">ยป</a></li> 180 <li><a href="javascript:;">ยป</a></li>
114 </ul> 181 </ul>
115 </div> 182 </div>
116 </div> 183 </div>
117 </div> 184 </div>
118 </div> 185 </div>
119 </div> 186 </div>
120 <div class="tab-pane" id="contactView"> 187 <div class="tab-pane" id="contactView">
121 <table class="table table-striped"> 188 <table class="table table-striped">
122 <thead> 189 <thead>
123 <tr> 190 <tr>
124 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name"> Last Name</th> 191 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name"> Last Name</th>
125 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">First Name</th> 192 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">First Name</th>
126 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Company Name</th> 193 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Company Name</th>
127 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Work Phone</th> 194 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Work Phone</th>
128 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Mobile Phone</th> 195 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Mobile Phone</th>
129 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Title</th> 196 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Title</th>
130 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Pricing Email</th> 197 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Pricing Email</th>
131 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Username</th> 198 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Username</th>
132 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Password</th> 199 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Password</th>
133 <th></th> 200 <th></th>
134 <th></th> 201 <th></th>
135 </tr> 202 </tr>
136 </thead> 203 </thead>
137 <tbody> 204 <tbody>
138 <tr> 205 <tr>
139 <td>Name and inc.</td> 206 <td>Name and inc.</td>
140 <td>3</td> 207 <td>3</td>
141 <td>03423233</td> 208 <td>03423233</td>
142 <td>Jemmy</td> 209 <td>Jemmy</td>
143 <td>KIAD</td> 210 <td>KIAD</td>
144 <td></td> 211 <td></td>
145 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td> 212 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td>
146 <td></td> 213 <td></td>
147 <td>$123</td> 214 <td>$123</td>
148 <td></td> 215 <td></td>
149 <td></td> 216 <td></td>
150 </tr> 217 </tr>
151 <tr> 218 <tr>
152 <td>Name and inc.</td> 219 <td>Name and inc.</td>
153 <td>3</td> 220 <td>3</td>
154 <td>03423233</td> 221 <td>03423233</td>
155 <td>Jemmy</td> 222 <td>Jemmy</td>
156 <td>KIAD</td> 223 <td>KIAD</td>
157 <td></td> 224 <td></td>
158 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td> 225 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td>
159 <td></td> 226 <td></td>
160 <td>$123</td> 227 <td>$123</td>
161 <td></td> 228 <td></td>
162 <td></td> 229 <td></td>
163 </tr> 230 </tr>
164 </tbody> 231 </tbody>
165 </table> 232 </table>
166 <div class="row" style="margin-left: 0px;"> 233 <div class="row" style="margin-left: 0px;">
167 <div class="col-md-2"> 234 <div class="col-md-2">
168 <button type="button" class="btn btn-info">Export CSV</button> 235 <button type="button" class="btn btn-info">Export CSV</button>
169 </div> 236 </div>
170 <div class="col-md-10"> 237 <div class="col-md-10">
171 <div class="row" style="margin-left: 0px;"> 238 <div class="row" style="margin-left: 0px;">
172 <div class="col-md-6"> 239 <div class="col-md-6">
173 </div> 240 </div>
174 <div class="col-md-2"> 241 <div class="col-md-2">
175 <select class="form-control"> 242 <select class="form-control">
176 <option>20 Records Per Page</option> 243 <option>20 Records Per Page</option>
177 <option>50 Records Per Page</option> 244 <option>50 Records Per Page</option>
178 <option>100 Records Per Page</option> 245 <option>100 Records Per Page</option>
179 </select> 246 </select>
180 </div> 247 </div>
181 <div class="col-md-4"> 248 <div class="col-md-4">
182 <ul class="pagination" style="margin:0px"> 249 <ul class="pagination" style="margin:0px">
183 <li><a href="javascript:;">ยซ</a></li> 250 <li><a href="javascript:;">ยซ</a></li>
184 <li class="active"><a href="#">1</a></li> 251 <li class="active"><a href="#">1</a></li>
185 <li><a href="javascript:;">2</a></li> 252 <li><a href="javascript:;">2</a></li>
186 <li><a href="javascript:;">3</a></li> 253 <li><a href="javascript:;">3</a></li>
187 <li><a href="javascript:;">4</a></li> 254 <li><a href="javascript:;">4</a></li>
188 <li><a href="javascript:;">5</a></li> 255 <li><a href="javascript:;">5</a></li>
189 <li><a href="javascript:;">ยป</a></li> 256 <li><a href="javascript:;">ยป</a></li>
190 </ul> 257 </ul>
191 </div> 258 </div>
192 </div> 259 </div>
193 </div> 260 </div>
194 </div> 261 </div>
195 </div> 262 </div>
196 <div class="tab-pane" id="fuelVendors"> 263 <div class="tab-pane" id="fuelVendors">
197 <table class="table table-striped table-bordered"> 264 <table class="table table-striped table-bordered">
198 <thead> 265 <thead>
199 <tr> 266 <tr>
200 <th>Engine</th> 267 <th>Engine</th>
201 <th>Browser</th> 268 <th>Browser</th>
202 <th class="td-actions"></th> 269 <th class="td-actions"></th>
203 </tr> 270 </tr>
204 </thead> 271 </thead>
205 <tbody> 272 <tbody>
206 </tbody> 273 </tbody>
207 </table> 274 </table>
208 </div> 275 </div>
209 </div> 276 </div>
210 </div> 277 </div>
211 </div> 278 </div>
212 <!-- /widget-content --> 279 <!-- /widget-content -->
213 </div> 280 </div>
214 <!-- /widget --> 281 <!-- /widget -->
215 </div> 282 </div>
216 <!-- /span8 --> 283 <!-- /span8 -->
217 </div> 284 </div>
218 <!-- /row --> 285 <!-- /row -->
219 </div> 286 </div>
220 <!-- /container --> 287 <!-- /container -->
221 </div> 288 </div>
222 <!-- /main -->
289 <!-- /main -->
290
291 <form class="modal multi-step" id="demo-modal-3" name="vendorForm">
292 <div class="modal-dialog modal-lg">
293 <div class="modal-content">
294 <div class="modal-body step-1" data-step="1" style="padding: 0;">
295 <div>
296 <div class="row" style="margin: 0;">
297 <div>
298 <div class="widget" style="margin-bottom: 0;">
299 <div class="widget-header">
300 <i class="icon-pencil"></i>
301 <i class="fa fa-tasks" aria-hidden="true"></i>
302 <h3>Add a New Vendor</h3>
303 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
304 <div style="color: #ff9a01;">Activate &nbsp &nbsp
305 <input id="vendor-toggle-one2" checked type="checkbox" data-size="mini" data-width="55" data-toggle="toggle" data-on="On" data-off="Off">
306 </div>
307 </div>
308 <div class="clearfix"></div>
309 </div>
310 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
311 <div class="col-xs-12">
312 <div class="col-md-8">
313 <div class="pull-left">
314 <label class="new-input-label"><b>Vendor Name</b></label>
315 </div>
316 <div class="pull-left" style="margin-left: 15px;">
317 <input type="text" ng-model="data.vendorName" class="form-control" id="Address" placeholder="">
318 </div>
319 <div class="clearfix"></div>
320 </div>
321 <div class="col-md-4">
322
323 <div class="pull-right">
324 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" id="Address" placeholder="">
325 </div>
326 <div class="pull-right">
327 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
328 </div>
329 <div class="clearfix"></div>
330 </div>
331 </div>
332 <div class="clearfix"></div><br>
333 <div class="col-xs-12">
334 <div class="col-md-8">
335 <div class="pull-left">
336 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
337 </div>
338 <div class="pull-left" style="margin-left: 32px;">
339 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
340 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
341 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
342 </div>
343 <div class="clearfix"></div>
344 </div>
345 </div>
346 <div class="clearfix"></div>
347 <br/>
348 <div class="col-xs-12">
349 <div class="col-md-6">
350 <div class="pull-left" style="width: 110px;">
351 <b>Master Margin</b>
352 </div>
353 <div class="pull-left">
354 <select required class="form-control" style="max-width: 250px;" ng-model="data.masterMargin">
355 <option value="" disabled selected hidden>Select </option>
356 <option value="margin1">Margin1</option>
357 <option value="margin2">Margin2</option>
358 <option value="vendorsonly">Vendors Only</option>
359 <option value="margintenants">Margin Tenants</option>
360 </select>
361 </div>
362 <div class="clearfix"></div>
363 </div>
364
365 <div class="col-md-3 Airport" style="text-align: right;">
366 <b>Certificate Type</b>
367 </div>
368 <div class="col-md-3 Airport">
369 <select required class="form-control" ng-model="data.certificateType">
370 <option value="" disabled selected hidden>Select </option>
371 <option value="corporate">Part 91 (Corporate)</option>
372 <option value="charter">Part 135 (Charter)</option>
373 <option value="scheduled">Part 121 (Scheduled)</option>
374 <option value="military">Military</option>
375 <option value="government">Government</option>
376 </select>
377 </div>
378 </div>
379 <div class="clearfix"></div>
380 <br/>
381 <div class="col-xs-12">
382 <div class="col-md-12">
383 <div class="pull-left" style="width: 110px;">
384 <label class="new-input-label"><b>Address</b></label>
385 </div>
386 <div class="pull-left" style="width: calc(100% - 110px);">
387 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder="">
388 </div>
389 <div class="clearfix"></div>
390 </div>
391 </div>
392 <div class="clearfix"></div>
393 <br/>
394 <div class="col-xs-12">
395 <div class="col-md-12">
396 <div class="pull-left" style="width: 110px;">
397 <label class="new-input-label"><b>Address2</b></label>
398 </div>
399 <div class="pull-left" style="width: calc(100% - 110px);">
400 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder="">
401 </div>
402 <div class="clearfix"></div>
403 </div>
404 </div>
405 <div class="clearfix"></div>
406 <br/>
407 <div class="col-xs-12">
408
409 <div class="col-md-6">
410 <div class="pull-left" style="width: 110px;">
411 <label class="new-input-label"><b>City</b></label>
412 </div>
413 <div class="pull-left" style="width: calc(100% - 110px);">
414 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder="">
415 </div>
416 <div class="clearfix"></div>
417 </div>
418 <div class="col-md-3">
419 <div class="pull-left" style="width: 40px;">
420 <label class="new-input-label"><b>State</b></label>
421 </div>
422 <div class="pull-left" style="width: calc(100% - 110px);">
423 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder="">
424 </div>
425 <div class="clearfix"></div>
426 </div>
427 <div class="col-md-3">
428 <div class="pull-left">
429 <label class="new-input-label"><b>Zip Code</b></label>
430 </div>
431 <div class="pull-right" style="width: calc(100% - 60px);">
432 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder="">
433 </div>
434 <div class="clearfix"></div>
435 </div>
436 </div>
437 <div class="clearfix"></div>
438 <br/>
439 <div class="col-xs-12">
440
441 <div class="col-md-6">
442 <div class="pull-left" style="width: 110px;">
443 <label class="new-input-label"><b>Country</b></label>
444 </div>
445 <div class="pull-left" style="width: calc(100% - 110px);">
446 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder="">
447 </div>
448 <div class="clearfix"></div>
449 </div>
450 <div class="col-md-6">
451 <div class="pull-left" style="width: 110px;">
452 <label class="new-input-label"><b>Internal Note</b></label>
453 </div>
454 <div class="pull-left" style="width: calc(100% - 110px);">
455 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
456 </div>
457 <div class="clearfix"></div>
458 </div>
459 </div>
460 <div class="clearfix"></div>
461 <!-- <br/>
462 <div class="col-xs-12">
463 <div class="col-md-2 Airport"></div>
464 <div class="col-md-10 Airport">
465 <div class="pull-right">
466 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
467 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
468 </div>
469 </div>
470 </div> -->
471 </div>
472 </div>
473 <div class="clearfix"></div>
474 </div>
475 </div>
476 </div>
477 </div>
478 <div class="modal-body step-2" data-step="2" style="padding: 0;">
479 <div>
480 <div class="row" style="margin: 0;">
481 <div>
482 <div class="widget" style="margin-bottom: 0;">
483 <div class="widget-header">
484 <i class="icon-pencil"></i>
485 <i class="fa fa-tasks" aria-hidden="true"></i>
486 <h3>Add a New Vendor</h3>
487 <div class="clearfix"></div>
488 </div>
489 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
490 <div class="col-xs-12">
491 <div class="widget-header">
492 <i class="fa fa-list"></i>
493 <h3>Aircraft List</h3>
494 </div>
495 <div class="widget-content" style="padding:0px;border: 0px; ">
496 <div class="table-responsive">
497 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
498 <thead>
499 <tr>
500 <th>Tail</th>
501 <th>Make</th>
502 <th>Model</th>
503 <th>Size</th>
504 <th>Margin</th>
505 </tr>
506 </thead>
507 <tbody>
508 <tr>
509 <td>
510 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
511 </td>
512 <td style="width: 25%;">
513 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
514 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
515 </select>
516 </td>
517 <td style="width: 20%;">
518 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
519 <option ng-repeat="model in aircraftModalList">{{model}}</option>
520 </select>
521 </td>
522 <td style="width: 25%;">
523 <select class="form-control" ng-model="aircraft.size">
524 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
525 </select>
526 </td>
527 <td>
528 <select class="form-control">
529 <option>Margin1</option>
530 <option>Margin2</option>
531 </select>
532 </td>
533 </tr>
534 </tbody>
535
536 </table> -->
537 <table class="table table-striped table-bordered">
538 <thead>
539 <tr>
540 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
541 <th>Tail</th>
542 <th>Make</th>
543 <th>Model</th>
544 <th>Size</th>
545 </tr>
546 </thead>
547 <tbody>
548 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
549 <!-- <td>
550 <input type="checkbox" ng-model="aircraftData.selected"/>
551 </td> -->
552 <td style="width: 20%">
553 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
554 </td>
555 <td style="width: 20%">
556 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
557 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
558 </select>
559 </td>
560 <td style="width: 20%">
561 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
562 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
563 </select>
564 </td>
565 <td style="width: 20%">
566 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select>
567 <!-- <select class="form-control" ng-model="aircraftData.size">
568 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
569 </select> -->
570 </td>
571 </tr>
572 </tbody>
573 </table>
574 </div>
575 <div class="clearfix"></div>
576 </div>
577 </div>
578 <div class="clearfix"></div>
579 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
580 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
581 </div>
582 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
583 <div class="pull-right">
584 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
585 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
586 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
587 </div>
588 </div> -->
589 </div>
590 </div>
591 <div class="clearfix"></div>
592 </div>
593 </div>
594 </div>
595 </div>
596 <!-- <div class="modal-body step-3" data-step="3">
597 This is the final step.
598 </div> -->
599 <div class="modal-footer" style="border-top: 0;">
600 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
601 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
602 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
603 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
604 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveVendorData()">Save</button>
605 </div>
606 </div>
607 </div>
608 </form>
609
610 <script src="js/multi-step-modal.js"></script>
611 <script>
612 sendEvent = function(sel, step) {
613 $(sel).trigger('next.m.' + step);
614 }
app/partials/FuelVendors/FuelVendors.service.js
Diff comments   View file @1926e07
1 (function(){ 1 (function(){
2 'use strict'; 2 'use strict';
3 angular.module('acufuel') 3 angular.module('acufuel')
4 .service('FuelVendorsService', ['$q', '$http', 'BE', FuelVendorsService]); 4 .service('FuelVendorsService', ['$q', '$http','BASE_URL', FuelVendorsService]);
5 5
6 function FuelVendorsService($q, $http, BE) { 6 function FuelVendorsService($q, $http, BASE_URL) {
7 var temp = {}; 7
8 this.getAllVendor = function() {
9
10 var deferred = $q.defer();
11 $http({
12 method : 'GET',
13 url : BASE_URL.url +'/user/allVendors',
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
25 this.addVendor = function(data) {
26 console.log("data",data);
27
28 var deferred = $q.defer();
29 $http({
30 method : 'POST',
31 url : BASE_URL.url +'/vendor/add/aircrafts',
32 headers : {'Content-Type': 'application/json'},
33 data: data
34 })
35 .then(function (result){
36 deferred.resolve(result.data);
37 },function (result){
38 deferred.resolve(result.data);
39 })
40 return deferred.promise;
41 }
42 }
8 43
9