viithiisys / Acufuel

Download as
Browse Code ยป

Commit a7a7cfeca7d51ea363d2c320341b5fb24af42180

Authored by Rishav Singla
1 parent c95befcd3a
Exists in master

fuel vendor page implementation

Showing 7 changed files with 192 additions and 392 deletions   Show diff stats
app/partials/FuelVendors/FuelVendors.controller.js
Diff comments   View file @a7a7cfe
1 'use strict'; 1 'use strict';
2 2
3 //Load controller 3 //Load controller
4 angular.module('acufuel') 4 angular.module('acufuel')
5 5
6 .controller('FuelVendorsController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'FuelVendorsService', 'CustomersService', 'ViewFuelVendorService', FuelVendorsController]); 6 .controller('FuelVendorsController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'FuelVendorsService', 'CustomersService', 'ViewFuelVendorService', FuelVendorsController]);
7 7
8 function FuelVendorsController($scope, $rootScope, $uibModal, $filter, $http, FuelVendorsService, CustomersService, ViewFuelVendorService) { 8 function FuelVendorsController($scope, $rootScope, $uibModal, $filter, $http, FuelVendorsService, CustomersService, ViewFuelVendorService) {
9 9
10 $(document).ready(function() { 10 $(document).ready(function() {
11 $('#example').DataTable(); 11 $('#example').DataTable();
12 }); 12 });
13 13 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId'))
14 $scope.reset = function(){ 14 $scope.reset = function(){
15 $("input").val(""); 15 $("input").val("");
16 } 16 }
17 17
18 $scope.data = {}; 18 $scope.data = {};
19 $scope.aircraft = {};
20 $scope.data.activate = true; 19 $scope.data.activate = true;
21 $scope.showLoader = false; 20 $scope.showLoader = false;
22 getAllVendor(); 21 getAllVendor();
23 22
24 function getAllVendor(){ 23 function getAllVendor(){
25 FuelVendorsService.getAllVendor().then(function(result) { 24 FuelVendorsService.getAllVendor().then(function(result) {
26 console.log(result) 25 console.log(result)
27 $scope.vendorList = result; 26 $scope.vendorList = result;
28 for(var i=0; i<$scope.vendorList.length; i++){ 27 for(var i=0; i<$scope.vendorList.length; i++){
29 $scope.vendorList[i].masterMargin = $scope.vendorList[i].margin.id; 28 $scope.vendorList[i].masterMargin = $scope.vendorList[i].margin.id;
30 } 29 }
31 }) 30 })
32 } 31 }
33 32
34 $scope.editMargin = function(vendor){ 33 $scope.editMargin = function(vendor){
35 console.log(vendor.masterMargin) 34 console.log(vendor.masterMargin)
36 35
37 var companyMargin = "vendorName=" + vendor.vendorName + "&masterMargin=" + vendor.masterMargin 36 var companyMargin = "vendorName=" + vendor.vendorName + "&masterMargin=" + vendor.masterMargin
38 + "&addressOne=" + vendor.addressOne + "&addressTwo=" + vendor.addressTwo + "&city=" + vendor.city + "&state=" 37 + "&addressOne=" + vendor.addressOne + "&addressTwo=" + vendor.addressTwo + "&city=" + vendor.city + "&state="
39 + vendor.state + "&country=" + vendor.country + "&zipcode=" + vendor.zipcode + "&internalNote=" 38 + vendor.state + "&country=" + vendor.country + "&zipcode=" + vendor.zipcode + "&internalNote="
40 + vendor.internalNote + "&certificateType=" + vendor.certificateType + "&baseTenant=" + vendor.baseTenant 39 + vendor.internalNote + "&certificateType=" + vendor.certificateType + "&baseTenant=" + vendor.baseTenant
41 + "&fuelerlinxvendor=" + vendor.fuelerlinxvendor + "&contractFuelVendor=" + vendor.contractFuelVendor 40 + "&fuelerlinxvendor=" + vendor.fuelerlinxvendor + "&contractFuelVendor=" + vendor.contractFuelVendor
42 + "&activate=" + vendor.activate + "&baseIcao=" + vendor.baseIcao + "&vendorId=" + vendor.id; 41 + "&activate=" + vendor.activate + "&baseIcao=" + vendor.baseIcao + "&vendorId=" + vendor.id;
43 42
44 ViewFuelVendorService.updateContact(companyMargin).then(function(result) { 43 ViewFuelVendorService.updateContact(companyMargin).then(function(result) {
45 if(result != null && result.success){ 44 if(result != null && result.success){
46 toastr.success(''+result.success+'', { 45 toastr.success(''+result.success+'', {
47 closeButton: true 46 closeButton: true
48 }) 47 })
49 }else{ 48 }else{
50 toastr.error(''+result.statusText+'', { 49 toastr.error(''+result.statusText+'', {
51 closeButton: true 50 closeButton: true
52 }) 51 })
53 } 52 }
54 }) 53 })
55 } 54 }
56 55
57 getData(); 56 // CustomersService.getMargin().then(function(result) {
58 function getData(){ 57 // $scope.marginList = result;
59 CustomersService.getAircraftMake().then(function(result) { 58 // })
60 $scope.aircraftMakeList = result; 59
61 }) 60 CustomersService.getJetMargin($scope.userProfileId).then(function(result) {
62 } 61 $scope.jetMarginList = result;
63 62 })
64 CustomersService.getMargin().then(function(result) { 63
65 $scope.marginList = result; 64 CustomersService.getAvgMargin($scope.userProfileId).then(function(result) {
65 $scope.avgsMarginList = result;
66 }) 66 })
67 67
68 $scope.showCompanyError = false; 68 $scope.showCompanyError = false;
69 $scope.showMarginError = false; 69 $scope.showMarginError = false;
70 70
71 $scope.removeValidation = function(){ 71 $scope.removeValidation = function(){
72 $scope.showCompanyError = false; 72 $scope.showCompanyError = false;
73 $('.companyNameInput').removeClass('customErrorInput'); 73 $('.companyNameInput').removeClass('customErrorInput');
74 } 74 }
75 75
76 $scope.removeMarginValidation = function(){ 76 $scope.removeMarginValidation = function(){
77 $scope.showMarginError = false; 77 $scope.showMarginError = false;
78 $('.marginSelectBox').removeClass('customErrorInput'); 78 $('.marginSelectBox').removeClass('customErrorInput');
79 } 79 }
80 80
81 $scope.addFirstData = function(sel, step){ 81 $scope.addFirstData = function(sel, step){
82 // console.log($scope.data) 82 // console.log($scope.data)
83 if($scope.data.vendorName == undefined){ 83 if($scope.data.vendorName == undefined){
84 $scope.showCompanyError = true; 84 $scope.showCompanyError = true;
85 $('.companyNameInput').addClass('customErrorInput'); 85 $('.companyNameInput').addClass('customErrorInput');
86 }else if($scope.data.masterMargin == undefined){ 86 }else if($scope.data.masterMargin == undefined){
87 $scope.showMarginError = true; 87 $scope.showMarginError = true;
88 $('.marginSelectBox').addClass('customErrorInput'); 88 $('.marginSelectBox').addClass('customErrorInput');
89 }else{ 89 }else{
90 var vendorData = "vendorName=" + $scope.data.vendorName + "&masterMargin=" + $scope.data.masterMargin 90 var vendorData = "vendorName=" + $scope.data.vendorName + "&masterMargin=" + $scope.data.masterMargin
91 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state=" 91 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state="
92 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote=" 92 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote="
93 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant 93 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant
94 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor 94 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor
95 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao; 95 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao;
96 96
97 FuelVendorsService.addVendor(vendorData).then(function(result) { 97 FuelVendorsService.addVendor(vendorData).then(function(result) {
98 console.log("result",result) 98 console.log("result",result)
99 $scope.accountId = result; 99 $scope.accountId = result;
100 $scope.aircraft.accountId = $scope.accountId;
101 }) 100 })
102 $(sel).trigger('next.m.' + step);
103 getData();
104 } 101 }
102 $('#vendor-modal-3').modal('hide');
105 } 103 }
106 104
107 $scope.aircraftDetails = [{
108 'tail':'',
109 'make': '',
110 'model': '',
111 'sizeId' : '',
112 'marginId': $scope.data.masterMargin
113 }];
114
115 $scope.addNew = function(){
116 $scope.aircraftDetails.push({
117 'tail':'',
118 'make': '',
119 'model': '',
120 'sizeId' : '',
121 'marginId': ''
122 });
123 console.log($scope.aircraftDetails)
124 };
125
126 $scope.getModal = function(makeId, index){
127 $scope.showLoader = true;
128 $scope.aircraft.make = makeId;
129 //var makeId = makeId;
130 CustomersService.getModal($scope.aircraft.make).then(function(result) {
131 $scope.showLoader = false;
132 $scope.aircraftDetails[index].aircraftModalList = result;
133 //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0];
134 })
135 }
136
137 $scope.getSize = function(model, index){
138 $scope.showLoader = true;
139 CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) {
140 $scope.showLoader = false;
141 console.log("result",result)
142 $scope.aircraftDetails[index].aircraftSizeList = result;
143 //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0];
144 console.log($scope.aircraftDetails[index].size)
145 })
146 }
147
148 $scope.aircraftListData = {};
149 $scope.addData = [];
150 $scope.saveVendorData = function(){
151 for(var i=0; i<$scope.aircraftDetails.length;i++){
152 $scope.addData.push({
153 'tail': $scope.aircraftDetails[i].tail,
154 'make': $scope.aircraftDetails[i].make,
155 'model': $scope.aircraftDetails[i].model,
156 'sizeId' : $scope.aircraftDetails[i].sizeId,
157 'marginId': $scope.aircraftDetails[i].marginId
158 });
159 }
160 $scope.aircraftListData.aircraftList = $scope.addData;
161 $scope.aircraftListData.accountId = $scope.aircraft.accountId;
162
163 FuelVendorsService.addVendorAicraft($scope.aircraftListData).then(function(result) {
164 console.log(result)
165
166 if(result != null && result.success){
167 toastr.success(''+result.success+'', {
168 closeButton: true
169 })
170 $('#vendor-modal-3').modal('hide');
171 getAllVendor();
172 }else{
173 toastr.error(''+result.statusText+'', {
174 closeButton: true
175 })
176 }
177 });
app/partials/FuelVendors/FuelVendors.html
Diff comments   View file @a7a7cfe
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> 81 <li>
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 class="active"> 91 <li class="active">
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="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</button></li> 98 <li style="float:right"><button type="submit" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</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 class="table table-striped"> 103 <table class="table table-striped">
104 <thead> 104 <thead>
105 <tr> 105 <tr>
106 <th> 106 <th>
107 <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">
108 <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label> 108 <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label>
109 </th> 109 </th>
110 110
111 <th> 111 <th>
112 <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">
113 <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>
114 </th> 114 </th>
115 <th> 115 <th>
116 <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">
117 <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>
118 </th> 118 </th>
119 119
120 <th> 120 <th>
121 <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">
122 <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>
123 <th> 123 <th>
124 <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">
125 <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>
126 </th> 126 </th>
127 <th> 127 <th>
128 <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">
129 <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>
130 </th> 130 </th>
131 <th> 131 <th>
132 <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">
133 <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>
134 </th> 134 </th>
135 </tr> 135 </tr>
136 </thead> 136 </thead>
137 <tbody> 137 <tbody>
138 <tr ng-repeat="vendor in vendorList"> 138 <tr ng-repeat="vendor in vendorList">
139 <td class="font-company"> 139 <td class="font-company">
140 <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a> 140 <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a>
141 </td> 141 </td>
142 <td class="font-company">{{vendor.phone}}</td> 142 <td class="font-company">{{vendor.phone}}</td>
143 <td class="font-company">{{vendor.contact}}</td> 143 <td class="font-company">{{vendor.contact}}</td>
144 <td class="font-company"> 144 <td class="font-company">
145 <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button> 145 <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button>
146 <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button> 146 <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button>
147 </td> 147 </td>
148 <td class="font-company">{{vendor.source}}</td> 148 <td class="font-company">{{vendor.source}}</td>
149 <td class="font-company"> 149 <td class="font-company">
150 <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select> 150 <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
151 151
152 <!-- <select class="form-control" style="height:31px;"> 152 <!-- <select class="form-control" style="height:31px;">
153 <option>Margin1</option> 153 <option>Margin1</option>
154 <option>Margin2</option> 154 <option>Margin2</option>
155 </select> --> 155 </select> -->
156 </td> 156 </td>
157 <td class="font-company">{{vendor.allIn}}</td> 157 <td class="font-company">{{vendor.allIn}}</td>
158 </tr> 158 </tr>
159 </tbody> 159 </tbody>
160 </table> 160 </table>
161 <div class="row" style="margin-left: 0px;"> 161 <div class="row" style="margin-left: 0px;">
162 <div class="col-md-2"> 162 <div class="col-md-2">
163 <button type="button" class="btn btn-warning">Export Customers</button> 163 <button type="button" class="btn btn-warning">Export Customers</button>
164 </div> 164 </div>
165 <div class="col-md-10"> 165 <div class="col-md-10">
166 <div class="row" style="margin-left: 0px;"> 166 <div class="row" style="margin-left: 0px;">
167 <div class="col-md-6"> 167 <div class="col-md-6">
168 </div> 168 </div>
169 <div class="col-md-2"> 169 <div class="col-md-2">
170 <select class="form-control"> 170 <select class="form-control">
171 <option>20 Records Per Page</option> 171 <option>20 Records Per Page</option>
172 <option>50 Records Per Page</option> 172 <option>50 Records Per Page</option>
173 <option>100 Records Per Page</option> 173 <option>100 Records Per Page</option>
174 </select> 174 </select>
175 </div> 175 </div>
176 <div class="col-md-4"> 176 <div class="col-md-4">
177 <ul class="pagination" style="margin:0px"> 177 <ul class="pagination" style="margin:0px">
178 <li><a href="javascript:;">ยซ</a></li> 178 <li><a href="javascript:;">ยซ</a></li>
179 <li class="active"><a href="#">1</a></li> 179 <li class="active"><a href="#">1</a></li>
180 <li><a href="javascript:;">2</a></li> 180 <li><a href="javascript:;">2</a></li>
181 <li><a href="javascript:;">3</a></li> 181 <li><a href="javascript:;">3</a></li>
182 <li><a href="javascript:;">4</a></li> 182 <li><a href="javascript:;">4</a></li>
183 <li><a href="javascript:;">5</a></li> 183 <li><a href="javascript:;">5</a></li>
184 <li><a href="javascript:;">ยป</a></li> 184 <li><a href="javascript:;">ยป</a></li>
185 </ul> 185 </ul>
186 </div> 186 </div>
187 </div> 187 </div>
188 </div> 188 </div>
189 </div> 189 </div>
190 </div> 190 </div>
191 <div class="tab-pane" id="contactView"> 191 <div class="tab-pane" id="contactView">
192 <table class="table table-striped"> 192 <table class="table table-striped">
193 <thead> 193 <thead>
194 <tr> 194 <tr>
195 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name"> Last Name</th> 195 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name"> Last Name</th>
196 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">First Name</th> 196 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">First Name</th>
197 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Company Name</th> 197 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Company Name</th>
198 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Work Phone</th> 198 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Work Phone</th>
199 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Mobile Phone</th> 199 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Mobile Phone</th>
200 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Title</th> 200 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Title</th>
201 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Pricing Email</th> 201 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Pricing Email</th>
202 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Username</th> 202 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Username</th>
203 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Password</th> 203 <th> <input type="text" class="form-control" style="height:31px;" name="name" id="name">Password</th>
204 <th></th> 204 <th></th>
205 <th></th> 205 <th></th>
206 </tr> 206 </tr>
207 </thead> 207 </thead>
208 <tbody> 208 <tbody>
209 <tr> 209 <tr>
210 <td>Name and inc.</td> 210 <td>Name and inc.</td>
211 <td>3</td> 211 <td>3</td>
212 <td>03423233</td> 212 <td>03423233</td>
213 <td>Jemmy</td> 213 <td>Jemmy</td>
214 <td>KIAD</td> 214 <td>KIAD</td>
215 <td></td> 215 <td></td>
216 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td> 216 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td>
217 <td></td> 217 <td></td>
218 <td>$123</td> 218 <td>$123</td>
219 <td></td> 219 <td></td>
220 <td></td> 220 <td></td>
221 </tr> 221 </tr>
222 <tr> 222 <tr>
223 <td>Name and inc.</td> 223 <td>Name and inc.</td>
224 <td>3</td> 224 <td>3</td>
225 <td>03423233</td> 225 <td>03423233</td>
226 <td>Jemmy</td> 226 <td>Jemmy</td>
227 <td>KIAD</td> 227 <td>KIAD</td>
228 <td></td> 228 <td></td>
229 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td> 229 <td><input type="checkbox" data-toggle="toggle" data-size="mini"></td>
230 <td></td> 230 <td></td>
231 <td>$123</td> 231 <td>$123</td>
232 <td></td> 232 <td></td>
233 <td></td> 233 <td></td>
234 </tr> 234 </tr>
235 </tbody> 235 </tbody>
236 </table> 236 </table>
237 <div class="row" style="margin-left: 0px;"> 237 <div class="row" style="margin-left: 0px;">
238 <div class="col-md-2"> 238 <div class="col-md-2">
239 <button type="button" class="btn btn-info">Export CSV</button> 239 <button type="button" class="btn btn-info">Export CSV</button>
240 </div> 240 </div>
241 <div class="col-md-10"> 241 <div class="col-md-10">
242 <div class="row" style="margin-left: 0px;"> 242 <div class="row" style="margin-left: 0px;">
243 <div class="col-md-6"> 243 <div class="col-md-6">
244 </div> 244 </div>
245 <div class="col-md-2"> 245 <div class="col-md-2">
246 <select class="form-control"> 246 <select class="form-control">
247 <option>20 Records Per Page</option> 247 <option>20 Records Per Page</option>
248 <option>50 Records Per Page</option> 248 <option>50 Records Per Page</option>
249 <option>100 Records Per Page</option> 249 <option>100 Records Per Page</option>
250 </select> 250 </select>
251 </div> 251 </div>
252 <div class="col-md-4"> 252 <div class="col-md-4">
253 <ul class="pagination" style="margin:0px"> 253 <ul class="pagination" style="margin:0px">
254 <li><a href="javascript:;">ยซ</a></li> 254 <li><a href="javascript:;">ยซ</a></li>
255 <li class="active"><a href="#">1</a></li> 255 <li class="active"><a href="#">1</a></li>
256 <li><a href="javascript:;">2</a></li> 256 <li><a href="javascript:;">2</a></li>
257 <li><a href="javascript:;">3</a></li> 257 <li><a href="javascript:;">3</a></li>
258 <li><a href="javascript:;">4</a></li> 258 <li><a href="javascript:;">4</a></li>
259 <li><a href="javascript:;">5</a></li> 259 <li><a href="javascript:;">5</a></li>
260 <li><a href="javascript:;">ยป</a></li> 260 <li><a href="javascript:;">ยป</a></li>
261 </ul> 261 </ul>
262 </div> 262 </div>
263 </div> 263 </div>
264 </div> 264 </div>
265 </div> 265 </div>
266 </div> 266 </div>
267 <div class="tab-pane" id="fuelVendors"> 267 <div class="tab-pane" id="fuelVendors">
268 <table class="table table-striped table-bordered"> 268 <table class="table table-striped table-bordered">
269 <thead> 269 <thead>
270 <tr> 270 <tr>
271 <th>Engine</th> 271 <th>Engine</th>
272 <th>Browser</th> 272 <th>Browser</th>
273 <th class="td-actions"></th> 273 <th class="td-actions"></th>
274 </tr> 274 </tr>
275 </thead> 275 </thead>
276 <tbody> 276 <tbody>
277 </tbody> 277 </tbody>
278 </table> 278 </table>
279 </div> 279 </div>
280 </div> 280 </div>
281 </div> 281 </div>
282 </div> 282 </div>
283 <!-- /widget-content --> 283 <!-- /widget-content -->
284 </div> 284 </div>
285 <!-- /widget --> 285 <!-- /widget -->
286 </div> 286 </div>
287 <!-- /span8 --> 287 <!-- /span8 -->
288 </div> 288 </div>
289 <!-- /row --> 289 <!-- /row -->
290 </div> 290 </div>
291 <!-- /container --> 291 <!-- /container -->
292 </div> 292 </div>
293 <!-- /main --> 293 <!-- /main -->
294 294
295 <form class="modal multi-step" id="vendor-modal-3" name="vendorForm"> 295 <form class="modal multi-step" id="vendor-modal-3" name="vendorForm">
296 <div class="modal-dialog modal-lg"> 296 <div class="modal-dialog modal-lg">
297 <div class="modal-content"> 297 <div class="modal-content">
298 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 298 <div class="modal-body step-1" data-step="1" style="padding: 0;">
299 <div> 299 <div>
300 <div class="row" style="margin: 0;"> 300 <div class="row" style="margin: 0;">
301 <div> 301 <div>
302 <div class="widget" style="margin-bottom: 0;"> 302 <div class="widget" style="margin-bottom: 0;">
303 <div class="widget-header"> 303 <div class="widget-header">
304 <i class="icon-pencil"></i> 304 <i class="icon-pencil"></i>
305 <i class="fa fa-tasks" aria-hidden="true"></i> 305 <i class="fa fa-tasks" aria-hidden="true"></i>
306 <h3>Add a New Vendor</h3> 306 <h3>Add a New Vendor</h3>
307 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 307 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
308 <div style="color: #ff9a01;">Activate &nbsp &nbsp 308 <div style="color: #ff9a01;">Activate &nbsp &nbsp
309 <toggle ng-model="data.activate" size="customToogle"></toggle> 309 <toggle ng-model="data.activate" size="customToogle"></toggle>
310 </div> 310 </div>
311 </div> 311 </div>
312 <div class="clearfix"></div> 312 <div class="clearfix"></div>
313 </div> 313 </div>
314 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 314 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
315 <div class="col-xs-12"> 315 <div class="col-xs-12">
316 <div class="col-md-8"> 316 <div class="col-md-8">
317 <div class="pull-left"> 317 <div class="pull-left">
318 <label class="new-input-label"><b>Vendor Name</b></label> 318 <label class="new-input-label"><b>Vendor Name</b></label>
319 </div> 319 </div>
320 <div class="pull-left" style="margin-left: 15px;"> 320 <div class="pull-left" style="margin-left: 15px;">
321 <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> 321 <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
322 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 322 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
323 </div> 323 </div>
324 <div class="clearfix"></div> 324 <div class="clearfix"></div>
325 </div> 325 </div>
326 <div class="col-md-4"> 326 <div class="col-md-4">
327 327
328 <div class="pull-right"> 328 <div class="pull-right">
329 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" id="Address" placeholder=""> 329 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" id="Address" placeholder="">
330 </div> 330 </div>
331 <div class="pull-right"> 331 <div class="pull-right">
332 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 332 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
333 </div> 333 </div>
334 <div class="clearfix"></div> 334 <div class="clearfix"></div>
335 </div> 335 </div>
336 </div> 336 </div>
337 <div class="clearfix"></div><br> 337 <div class="clearfix"></div><br>
338 <div class="col-xs-12"> 338 <div class="col-xs-12">
339 <div class="col-md-8"> 339 <div class="col-md-7">
340 <div class="pull-left"> 340 <div class="pull-left">
341 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 341 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
342 </div> 342 </div>
343 <div class="pull-left" style="margin-left: 32px;"> 343 <div class="pull-left" style="margin-left: 32px;">
344 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 344 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
345 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 345 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
346 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 346 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
347 </div> 347 </div>
348 <div class="clearfix"></div> 348 <div class="clearfix"></div>
349 </div> 349 </div>
350 <div class="col-md-2 Airport" style="text-align: right;">
351 <b>Certificate Type</b>
352 </div>
353 <div class="col-md-3 Airport">
354 <select required class="form-control" ng-model="data.certificateType">
355 <option value="" disabled selected hidden>Select...</option>
356 <option value="corporate">Part 91 (Corporate)</option>
357 <option value="charter">Part 135 (Charter)</option>
358 <option value="scheduled">Part 121 (Scheduled)</option>
359 <option value="military">Military</option>
360 <option value="government">Government</option>
361 </select>
362 </div>
363 <div class="clearfix"></div>
350 </div> 364 </div>
351 <div class="clearfix"></div> 365 <div class="clearfix"></div>
352 <br/> 366 <br/>
353 <div class="col-xs-12"> 367 <div class="col-xs-12">
354 <div class="col-md-6"> 368 <div class="col-md-6">
355 <div class="pull-left" style="width: 110px;"> 369 <div class="pull-left" style="width: 110px;">
356 <b>Master Margin</b> 370 <b>JET A Margin</b>
357 </div> 371 </div>
358 <div class="pull-left"> 372 <div class="pull-left">
359 <!-- <select required class="form-control" style="max-width: 250px;" ng-model="data.masterMargin"> 373 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
360 <option value="" disabled selected hidden>Select </option> 374 <option value="" disabled>Select...</option>
361 <option value="margin1">Margin1</option> 375 </select>
362 <option value="margin2">Margin2</option>
363 <option value="vendorsonly">Vendors Only</option>
364 <option value="margintenants">Margin Tenants</option>
365 </select> -->
366 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required ng-change="removeMarginValidation()"></select>
367 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 376 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
368 </div> 377 </div>
369 <div class="clearfix"></div> 378 <div class="clearfix"></div>
370 </div> 379 </div>
371 380
372 <div class="col-md-3 Airport" style="text-align: right;"> 381 <div class="col-md-3 Airport" style="text-align: right;">
373 <b>Certificate Type</b> 382 <b>AVGAS 100LL Margin</b>
374 </div> 383 </div>
375 <div class="col-md-3 Airport"> 384 <div class="col-md-3 Airport">
376 <select required class="form-control" ng-model="data.certificateType"> 385 <select class="form-control marginSelectBox" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
377 <option value="" disabled selected hidden>Select </option> 386 <option value="" disabled>Select...</option>
378 <option value="corporate">Part 91 (Corporate)</option>
379 <option value="charter">Part 135 (Charter)</option>
380 <option value="scheduled">Part 121 (Scheduled)</option>
381 <option value="military">Military</option>
382 <option value="government">Government</option>
383 </select> 387 </select>
384 </div> 388 </div>
389 <div class="clearfix"></div>
385 </div> 390 </div>
386 <div class="clearfix"></div> 391 <div class="clearfix"></div>
387 <br/> 392 <br/>
388 <div class="col-xs-12"> 393 <div class="col-xs-12">
389 <div class="col-md-12"> 394 <div class="col-md-12">
390 <div class="pull-left" style="width: 110px;"> 395 <div class="pull-left" style="width: 110px;">
391 <label class="new-input-label"><b>Address</b></label> 396 <label class="new-input-label"><b>Address</b></label>
392 </div> 397 </div>
393 <div class="pull-left" style="width: calc(100% - 110px);"> 398 <div class="pull-left" style="width: calc(100% - 110px);">
394 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder=""> 399 <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder="">
395 </div> 400 </div>
396 <div class="clearfix"></div> 401 <div class="clearfix"></div>
397 </div> 402 </div>
398 </div> 403 </div>
399 <div class="clearfix"></div> 404 <div class="clearfix"></div>
400 <br/> 405 <br/>
401 <div class="col-xs-12"> 406 <div class="col-xs-12">
402 <div class="col-md-12"> 407 <div class="col-md-12">
403 <div class="pull-left" style="width: 110px;"> 408 <div class="pull-left" style="width: 110px;">
404 <label class="new-input-label"><b>Address2</b></label> 409 <label class="new-input-label"><b>Address2</b></label>
405 </div> 410 </div>
406 <div class="pull-left" style="width: calc(100% - 110px);"> 411 <div class="pull-left" style="width: calc(100% - 110px);">
407 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder=""> 412 <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder="">
408 </div> 413 </div>
409 <div class="clearfix"></div> 414 <div class="clearfix"></div>
410 </div> 415 </div>
411 </div> 416 </div>
412 <div class="clearfix"></div> 417 <div class="clearfix"></div>
413 <br/> 418 <br/>
414 <div class="col-xs-12"> 419 <div class="col-xs-12">
415 420
416 <div class="col-md-6"> 421 <div class="col-md-6">
417 <div class="pull-left" style="width: 110px;"> 422 <div class="pull-left" style="width: 110px;">
418 <label class="new-input-label"><b>City</b></label> 423 <label class="new-input-label"><b>City</b></label>
419 </div> 424 </div>
420 <div class="pull-left" style="width: calc(100% - 110px);"> 425 <div class="pull-left" style="width: calc(100% - 110px);">
421 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder=""> 426 <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder="">
422 </div> 427 </div>
423 <div class="clearfix"></div> 428 <div class="clearfix"></div>
424 </div> 429 </div>
425 <div class="col-md-3"> 430 <div class="col-md-3">
426 <div class="pull-left" style="width: 40px;"> 431 <div class="pull-left" style="width: 40px;">
427 <label class="new-input-label"><b>State</b></label> 432 <label class="new-input-label"><b>State</b></label>
428 </div> 433 </div>
429 <div class="pull-left" style="width: calc(100% - 110px);"> 434 <div class="pull-left" style="width: calc(100% - 110px);">
430 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder=""> 435 <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder="">
431 </div> 436 </div>
432 <div class="clearfix"></div> 437 <div class="clearfix"></div>
433 </div> 438 </div>
434 <div class="col-md-3"> 439 <div class="col-md-3">
435 <div class="pull-left"> 440 <div class="pull-left">
436 <label class="new-input-label"><b>Zip Code</b></label> 441 <label class="new-input-label"><b>Zip Code</b></label>
437 </div> 442 </div>
438 <div class="pull-right" style="width: calc(100% - 60px);"> 443 <div class="pull-right" style="width: calc(100% - 60px);">
439 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder=""> 444 <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder="">
440 </div> 445 </div>
441 <div class="clearfix"></div> 446 <div class="clearfix"></div>
442 </div> 447 </div>
443 </div> 448 </div>
444 <div class="clearfix"></div> 449 <div class="clearfix"></div>
445 <br/> 450 <br/>
446 <div class="col-xs-12"> 451 <div class="col-xs-12">
447 452
448 <div class="col-md-6"> 453 <div class="col-md-6">
449 <div class="pull-left" style="width: 110px;"> 454 <div class="pull-left" style="width: 110px;">
450 <label class="new-input-label"><b>Country</b></label> 455 <label class="new-input-label"><b>Country</b></label>
451 </div> 456 </div>
452 <div class="pull-left" style="width: calc(100% - 110px);"> 457 <div class="pull-left" style="width: calc(100% - 110px);">
453 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder=""> 458 <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder="">
454 </div> 459 </div>
455 <div class="clearfix"></div> 460 <div class="clearfix"></div>
456 </div> 461 </div>
457 <div class="col-md-6"> 462 <div class="col-md-6">
458 <div class="pull-left" style="width: 110px;"> 463 <div class="pull-left" style="width: 110px;">
459 <label class="new-input-label"><b>Internal Note</b></label> 464 <label class="new-input-label"><b>Internal Note</b></label>
460 </div> 465 </div>
461 <div class="pull-left" style="width: calc(100% - 110px);"> 466 <div class="pull-left" style="width: calc(100% - 110px);">
462 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 467 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
463 </div> 468 </div>
464 <div class="clearfix"></div> 469 <div class="clearfix"></div>
465 </div> 470 </div>
466 </div> 471 </div>
467 <div class="clearfix"></div> 472 <div class="clearfix"></div>
468 <!-- <br/>
469 <div class="col-xs-12">
470 <div class="col-md-2 Airport"></div>
471 <div class="col-md-10 Airport">
472 <div class="pull-right">
473 <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>
475 </div>
476 </div>
477 </div> -->
478 </div>
479 </div>
480 <div class="clearfix"></div>
481 </div>
482 </div>
483 </div>
484 </div>
485 <div class="modal-body step-2" data-step="2" style="padding: 0;">
486 <div>
487 <div class="row" style="margin: 0;">
488 <div>
489 <div class="widget" style="margin-bottom: 0;">
490 <div class="widget-header">
491 <i class="icon-pencil"></i>
492 <i class="fa fa-tasks" aria-hidden="true"></i>
493 <h3>Add a New Vendor</h3>
494 <div class="clearfix"></div>
495 </div>
496 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
497 <div class="col-xs-12">
498 <div class="widget-header">
499 <i class="fa fa-list"></i>
500 <h3>Aircraft List</h3>
501 </div>
502 <div class="widget-content" style="padding:0px;border: 0px; ">
503 <div class="table-responsive">
504 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
505 <thead>
506 <tr>
507 <th>Tail</th>
508 <th>Make</th>
509 <th>Model</th>
510 <th>Size</th>
511 <th>Margin</th>
512 </tr>
513 </thead>
514 <tbody>
515 <tr>
516 <td>
517 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
518 </td>
519 <td style="width: 25%;">
520 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
521 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
522 </select>
523 </td>
524 <td style="width: 20%;">
525 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
526 <option ng-repeat="model in aircraftModalList">{{model}}</option>
527 </select>
528 </td>
529 <td style="width: 25%;">
530 <select class="form-control" ng-model="aircraft.size">
531 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
532 </select>
533 </td>
534 <td>
535 <select class="form-control">
536 <option>Margin1</option>
537 <option>Margin2</option>
538 </select>
539 </td>
540 </tr>
541 </tbody>
542
543 </table> -->
544 <table class="table table-striped table-bordered">
545 <thead>
546 <tr>
547 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
548 <th>Tail</th>
549 <th>Make</th>
550 <th>Model</th>
551 <th>Size</th>
552 <th>Margin</th>
553 </tr>
554 </thead>
555 <tbody>
556 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
557 <!-- <td>
558 <input type="checkbox" ng-model="aircraftData.selected"/>
559 </td> -->
560 <td style="width: 20%">
561 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
562 </td>
563 <td style="width: 20%">
564 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
565 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
566 </select>
567 </td>
568 <td style="width: 20%">
569 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
570 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
571 </select>
572 </td>
573 <td style="width: 20%">
574 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select>
575 <!-- <select class="form-control" ng-model="aircraftData.size">
576 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
577 </select> -->
578 </td>
579 <td>
580 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in marginList"></select>
581 </td>
582 </tr>
583 </tbody>
584 </table>
585 </div>
586 <div class="clearfix"></div>
587 </div>
588 </div>
589 <div class="clearfix"></div>
590 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
591 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
592 </div>
593 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
594 <div class="pull-right">
595 <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>
597 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
598 </div>
599 </div> -->
600 </div> 473 </div>
601 </div> 474 </div>
602 <div class="clearfix"></div> 475 <div class="clearfix"></div>
603 </div> 476 </div>
604 </div> 477 </div>
605 </div> 478 </div>
606 </div> 479 </div>
607 <!-- <div class="modal-body step-3" data-step="3">
608 This is the final step.
609 </div> -->
610 <div class="modal-footer" style="border-top: 0;"> 480 <div class="modal-footer" style="border-top: 0;">
611 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> 481 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
612 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#vendor-modal-3', 2)">Next: Add Aircraft</button> 482 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button>
613 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#vendor-modal-3', 1)">Go Back</button>
app/partials/customers/customers.controller.js
Diff comments   View file @a7a7cfe
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', '$http', '$state', 'CustomersService', 'ViewCompanyService', 'NgTableParams', customersController]); 5 .controller('customersController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', '$state', 'CustomersService', 'ViewCompanyService', 'NgTableParams', customersController]);
6 6
7 function customersController($scope, $rootScope, $uibModal, $filter, $http, $state, CustomersService, ViewCompanyService, NgTableParams) { 7 function customersController($scope, $rootScope, $uibModal, $filter, $http, $state, CustomersService, ViewCompanyService, NgTableParams) {
8 $(document).ready(function() { 8 $(document).ready(function() {
9 $('#example').DataTable(); 9 $('#example').DataTable();
10 }); 10 });
11 11 $scope.userProfileId = JSON.parse(localStorage.getItem('userProfileId'))
12 $scope.reset2 = function(){ 12 $scope.reset2 = function(){
13 $("input").val(""); 13 $("input").val("");
14 } 14 }
15 15
16 $scope.data = {}; 16 $scope.data = {};
17 $scope.aircraft = {}; 17 $scope.aircraft = {};
18 $scope.data.activate = true; 18 $scope.data.activate = true;
19 $scope.showLoader = false; 19 $scope.showLoader = false;
20 getAllCompanies(); 20 getAllCompanies();
21 21
22 /*function getAllCompanies(){ 22 /*function getAllCompanies(){
23 CustomersService.getAllCompanies().then(function(result) { 23 CustomersService.getAllCompanies().then(function(result) {
24 $scope.companyList = result; 24 $scope.companyList = result;
25 for(var i=0; i<$scope.companyList.length; i++){ 25 for(var i=0; i<$scope.companyList.length; i++){
26 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id; 26 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id;
27 } 27 }
28 }) 28 })
29 29
30 }*/ 30 }*/
31 31
32 $scope.statusFilter = [ 32 $scope.statusFilter = [
33 {id: "", title: "Show All"}, 33 {id: "", title: "Show All"},
34 {id: "true", title: "Active"}, 34 {id: "true", title: "Active"},
35 {id: "false", title: "Inactive"} 35 {id: "false", title: "Inactive"}
36 ] 36 ]
37 37
38 /*function getAllCompanies(){ 38 /*function getAllCompanies(){
39 $scope.displayCompanyList = new NgTableParams({ 39 $scope.displayCompanyList = new NgTableParams({
40 page: 1, 40 page: 1,
41 count: 10 41 count: 10
42 }, { 42 }, {
43 total: 0, 43 total: 0,
44 getData: function($defer, params) { 44 getData: function($defer, params) {
45 CustomersService.getAllCompanies().then(function(result) { 45 CustomersService.getAllCompanies().then(function(result) {
46 $scope.companyList = result; 46 $scope.companyList = result;
47 for(var i=0; i<$scope.companyList.length; i++){ 47 for(var i=0; i<$scope.companyList.length; i++){
48 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id; 48 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id;
49 } 49 }
50 var filteredData = params.filter() ? 50 var filteredData = params.filter() ?
51 $filter('filter')($scope.companyList, params.filter()) : $scope.companyList; 51 $filter('filter')($scope.companyList, params.filter()) : $scope.companyList;
52 var orderedData = params.sorting() ? 52 var orderedData = params.sorting() ?
53 $filter('orderBy')(filteredData, params.orderBy()) : $scope.companyList; 53 $filter('orderBy')(filteredData, params.orderBy()) : $scope.companyList;
54 54
55 params.total(orderedData.length); 55 params.total(orderedData.length);
56 $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); 56 $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
57 }) 57 })
58 } 58 }
59 }); 59 });
60 }*/ 60 }*/
61 61
62 function getAllCompanies(){ 62 function getAllCompanies(){
63 CustomersService.getAllCompanies().then(function(result) { 63 CustomersService.getAllCompanies().then(function(result) {
64 console.log('log', result); 64 console.log('log', result);
65 $scope.companyList = result; 65 $scope.companyList = result;
66 for (var i = 0; i < $scope.companyList.length; i++) { 66 for (var i = 0; i < $scope.companyList.length; i++) {
67 if ($scope.companyList[i].companyContact != null) { 67 if ($scope.companyList[i].companyContact != null) {
68 if ($scope.companyList[i].companyContact.contactNumber != null || $scope.companyList[i].companyContact.contactNumber != undefined) { 68 if ($scope.companyList[i].companyContact.contactNumber != null || $scope.companyList[i].companyContact.contactNumber != undefined) {
69 $scope.companyList[i].newContactNumber = $scope.companyList[i].companyContact.contactNumber; 69 $scope.companyList[i].newContactNumber = $scope.companyList[i].companyContact.contactNumber;
70 } 70 }
71 } 71 }
72 if ($scope.companyList[i].primaryContact != null) { 72 if ($scope.companyList[i].primaryContact != null) {
73 if ($scope.companyList[i].primaryContact.firstName != null && $scope.companyList[i].primaryContact.lastName != null) { 73 if ($scope.companyList[i].primaryContact.firstName != null && $scope.companyList[i].primaryContact.lastName != null) {
74 $scope.companyList[i].primaryContactName = $scope.companyList[i].primaryContact.firstName + ' ' + $scope.companyList[i].primaryContact.lastName; 74 $scope.companyList[i].primaryContactName = $scope.companyList[i].primaryContact.firstName + ' ' + $scope.companyList[i].primaryContact.lastName;
75 } 75 }
76 } 76 }
77 if ($scope.companyList[i].margin != null) { 77 if ($scope.companyList[i].margin != null) {
78 if ($scope.companyList[i].margin.marginName != null) { 78 if ($scope.companyList[i].margin.marginName != null) {
79 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id; 79 $scope.companyList[i].masterMargin = $scope.companyList[i].margin.id;
80 } 80 }
81 } 81 }
82 } 82 }
83 $scope.displayCompanyList = new NgTableParams({ 83 $scope.displayCompanyList = new NgTableParams({
84 page: 1, 84 page: 1,
85 count: 10, 85 count: 10,
86 }, { 86 }, {
87 data: $scope.companyList 87 data: $scope.companyList
88 }); 88 });
89 }) 89 })
90 } 90 }
91 91
92 $scope.editMargin = function(customer){ 92 $scope.editMargin = function(customer){
93 console.log('customer', customer); 93 console.log('customer', customer);
94 event.stopPropagation(); 94 event.stopPropagation();
95 95
96 var companyMargin = "companyName=" + customer.companyName + "&masterMargin=" + customer.masterMargin 96 var companyMargin = "companyName=" + customer.companyName + "&masterMargin=" + customer.masterMargin
97 + "&addressOne=" + customer.addressOne + "&addressTwo=" + customer.addressTwo + "&city=" + customer.city + "&state=" 97 + "&addressOne=" + customer.addressOne + "&addressTwo=" + customer.addressTwo + "&city=" + customer.city + "&state="
98 + customer.state + "&country=" + customer.country + "&zipcode=" + customer.zipcode + "&internalNote=" 98 + customer.state + "&country=" + customer.country + "&zipcode=" + customer.zipcode + "&internalNote="
99 + customer.internalNote + "&certificateType=" + customer.certificateType + "&baseTenant=" + customer.baseTenant 99 + customer.internalNote + "&certificateType=" + customer.certificateType + "&baseTenant=" + customer.baseTenant
100 + "&fuelerlinxCustomer=" + customer.fuelerlinxCustomer + "&contractFuelVendor=" + customer.contractFuelVendor 100 + "&fuelerlinxCustomer=" + customer.fuelerlinxCustomer + "&contractFuelVendor=" + customer.contractFuelVendor
101 + "&activate=" + customer.activate + "&baseIcao=" + customer.baseIcao + "&companyId=" + customer.id; 101 + "&activate=" + customer.activate + "&baseIcao=" + customer.baseIcao + "&companyId=" + customer.id;
102 102
103 ViewCompanyService.updateContact(companyMargin).then(function(result) { 103 ViewCompanyService.updateContact(companyMargin).then(function(result) {
104 if(result != null && result.success){ 104 if(result != null && result.success){
105 toastr.success(''+result.success+'', { 105 toastr.success(''+result.success+'', {
106 closeButton: true 106 closeButton: true
107 }) 107 })
108 }else{ 108 }else{
109 toastr.error(''+result.statusText+'', { 109 toastr.error(''+result.statusText+'', {
110 closeButton: true 110 closeButton: true
111 }) 111 })
112 } 112 }
113 }) 113 })
114 } 114 }
115 115
116 116
117 117
118 getData(); 118 getData();
119 function getData(){ 119 function getData(){
120 CustomersService.getAircraftMake().then(function(result) { 120 CustomersService.getAircraftMake().then(function(result) {
121 $scope.aircraftMakeList = result; 121 $scope.aircraftMakeList = result;
122 }) 122 })
123 } 123 }
124 124
125 $scope.marginFilterOptions = []; 125
126 CustomersService.getMargin().then(function(result) { 126 // CustomersService.getMargin().then(function(result) {
127 $scope.marginList = result; 127 // $scope.marginList = result;
128 // })
129 $scope.marginFilterOptions = [];
130 CustomersService.getJetMargin($scope.userProfileId).then(function(result) {
131 $scope.jetMarginList = result;
128 $scope.marginFilterOptions.push({ 132 $scope.marginFilterOptions.push({
129 'id': '', 'title': 'Show All' 133 'id': '', 'title': 'Show All'
130 }); 134 });
131 for (var i = 0; i < result.length; i++) { 135 for (var i = 0; i < result.length; i++) {
132 $scope.marginFilterOptions.push({ 136 $scope.marginFilterOptions.push({
133 'id': result[i].id, 137 'id': result[i].id,
134 'title': result[i].marginName 138 'title': result[i].marginName
135 }) 139 })
136 } 140 }
137 console.log('$scope.marginFilterOptions', $scope.marginFilterOptions); 141 })
138 142
139 //$scope.marginFilter = $scope.marginList; 143 CustomersService.getAvgMargin($scope.userProfileId).then(function(result) {
144 $scope.avgsMarginList = result;
140 }) 145 })
146
147
141 $scope.showCompanyError = false; 148 $scope.showCompanyError = false;
142 $scope.showMarginError = false; 149 $scope.showMarginError = false;
143 150
144 $scope.removeValidation = function(){ 151 $scope.removeValidation = function(){
145 $scope.showCompanyError = false; 152 $scope.showCompanyError = false;
146 $('.companyNameInput').removeClass('customErrorInput'); 153 $('.companyNameInput').removeClass('customErrorInput');
147 } 154 }
148 155
149 $scope.removeMarginValidation = function(){ 156 $scope.removeMarginValidation = function(){
150 $scope.showMarginError = false; 157 $scope.showMarginError = false;
151 $('.marginSelectBox').removeClass('customErrorInput'); 158 $('.marginSelectBox').removeClass('customErrorInput');
152 } 159 }
153 160
154 $scope.addFirstData = function(sel, step){ 161 $scope.addFirstData = function(sel, step){
155 if($scope.data.companyName == undefined){ 162 if($scope.data.companyName == undefined){
156 $scope.showCompanyError = true; 163 $scope.showCompanyError = true;
157 $('.companyNameInput').addClass('customErrorInput'); 164 $('.companyNameInput').addClass('customErrorInput');
158 }else if($scope.data.masterMargin == undefined){ 165 }else if($scope.data.masterMargin == undefined){
159 $scope.showMarginError = true; 166 $scope.showMarginError = true;
160 $('.marginSelectBox').addClass('customErrorInput'); 167 $('.marginSelectBox').addClass('customErrorInput');
161 }else{ 168 }else{
162 var companyData = "companyName=" + $scope.data.companyName + "&masterMargin=" + $scope.data.masterMargin 169 var companyData = "companyName=" + $scope.data.companyName + "&masterMargin=" + $scope.data.masterMargin
163 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state=" 170 + "&addressOne=" + $scope.data.addressOne + "&addressTwo=" + $scope.data.addressTwo + "&city=" + $scope.data.city + "&state="
164 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote=" 171 + $scope.data.state + "&country=" + $scope.data.country + "&zipcode=" + $scope.data.zipcode + "&internalNote="
165 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant 172 + $scope.data.internalNote + "&certificateType=" + $scope.data.certificateType + "&baseTenant=" + $scope.data.baseTenant
166 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor 173 + "&fuelerlinxCustomer=" + $scope.data.fuelerlinxCustomer + "&contractFuelVendor=" + $scope.data.contractFuelVendor
167 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao; 174 + "&activate=" + $scope.data.activate + "&baseIcao=" + $scope.data.baseIcao + "&avgasMargin=" + $scope.data.avgasMargin;
168 175
169 CustomersService.addCompany(companyData).then(function(result) { 176 CustomersService.addCompany(companyData).then(function(result) {
170 $scope.accountId = result; 177 $scope.accountId = result;
171 $scope.aircraft.accountId = $scope.accountId; 178 $scope.aircraft.accountId = $scope.accountId;
172 }) 179 })
173 $(sel).trigger('next.m.' + step); 180 $(sel).trigger('next.m.' + step);
174 getData(); 181 getData();
175 } 182 }
176 } 183 }
177 184
178 $scope.aircraftDetails = [{ 185 $scope.aircraftDetails = [{
179 'tail':'', 186 'tail':'',
180 'make': '', 187 'make': '',
181 'model': '', 188 'model': '',
182 'sizeId' : '', 189 'sizeId' : '',
183 'marginId': $scope.data.masterMargin 190 'marginId': $scope.data.masterMargin,
191 'avgasMarginId': $scope.data.avgasMargin
184 }]; 192 }];
185 193
186 $scope.addNew = function(){ 194 $scope.addNew = function(){
187 $scope.aircraftDetails.push({ 195 $scope.aircraftDetails.push({
188 'tail':'', 196 'tail':'',
189 'make': '', 197 'make': '',
190 'model': '', 198 'model': '',
191 'sizeId' : '', 199 'sizeId' : '',
192 'marginId': '' 200 'marginId': $scope.data.masterMargin,
201 'avgasMarginId': $scope.data.avgasMargin
193 }); 202 });
194 }; 203 };
195 204
196 $scope.getModal = function(makeId, index){ 205 $scope.getModal = function(makeId, index){
197 $scope.showLoader = true; 206 $scope.showLoader = true;
198 $scope.aircraft.make = makeId; 207 $scope.aircraft.make = makeId;
199 //var makeId = makeId; 208 //var makeId = makeId;
200 CustomersService.getModal($scope.aircraft.make).then(function(result) { 209 CustomersService.getModal($scope.aircraft.make).then(function(result) {
201 $scope.showLoader = false; 210 $scope.showLoader = false;
202 $scope.aircraftDetails[index].aircraftModalList = result; 211 $scope.aircraftDetails[index].aircraftModalList = result;
203 //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0]; 212 //$scope.aircraftDetails[index].model = $scope.aircraftModalList[0];
204 }) 213 })
205 } 214 }
206 215
207 $scope.getSize = function(model, index){ 216 $scope.getSize = function(model, index){
208 $scope.showLoader = true; 217 $scope.showLoader = true;
209 CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) { 218 CustomersService.getAircraftSize($scope.aircraft.make, model).then(function(result) {
210 $scope.showLoader = false; 219 $scope.showLoader = false;
211 $scope.aircraftDetails[index].aircraftSizeList = result; 220 $scope.aircraftDetails[index].aircraftSizeList = result;
212 //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0]; 221 //$scope.aircraftDetails[index].size = $scope.aircraftSizeList[0];
213 }) 222 })
214 } 223 }
215 224
216 $scope.aircraftListData = {}; 225 $scope.aircraftListData = {};
217 $scope.addData = []; 226 $scope.addData = [];
218 $scope.saveCompanyData = function(){ 227 $scope.saveCompanyData = function(){
219 for(var i=0; i<$scope.aircraftDetails.length;i++){ 228 for(var i=0; i<$scope.aircraftDetails.length;i++){
220 $scope.addData.push({ 229 $scope.addData.push({
221 'tail': $scope.aircraftDetails[i].tail, 230 'tail': $scope.aircraftDetails[i].tail,
222 'make': $scope.aircraftDetails[i].make, 231 'make': $scope.aircraftDetails[i].make,
223 'model': $scope.aircraftDetails[i].model, 232 'model': $scope.aircraftDetails[i].model,
224 'sizeId' : $scope.aircraftDetails[i].sizeId, 233 'sizeId' : $scope.aircraftDetails[i].sizeId,
225 'marginId': $scope.aircraftDetails[i].marginId 234 'marginId': $scope.aircraftDetails[i].marginId,
235 'avgasMarginId': $scope.aircraftDetails[i].avgasMarginId
226 }); 236 });
227 } 237 }
228 $scope.aircraftListData.aircraftList = $scope.addData; 238 $scope.aircraftListData.aircraftList = $scope.addData;
229 $scope.aircraftListData.accountId = $scope.aircraft.accountId; 239 $scope.aircraftListData.accountId = $scope.aircraft.accountId;
230 240
231 CustomersService.addAircraft($scope.aircraftListData).then(function(result) { 241 CustomersService.addAircraft($scope.aircraftListData).then(function(result) {
232 242
233 if(result != null && result.success){ 243 if(result != null && result.success){
234 toastr.success(''+result.success+'', { 244 toastr.success(''+result.success+'', {
235 closeButton: true 245 closeButton: true
236 }) 246 })
237 $('#demo-modal-3').modal('hide'); 247 $('#demo-modal-3').modal('hide');
238 getAllCompanies(); 248 getAllCompanies();
239 }else{ 249 }else{
240 toastr.error(''+result.statusText+'', { 250 toastr.error(''+result.statusText+'', {
241 closeButton: true 251 closeButton: true
242 }) 252 })
243 } 253 }
244 }); 254 });
245 255
246 } 256 }
247 257
248 // $scope.appendText = function() { 258 // $scope.appendText = function() {
249 // getData(); 259 // getData();
250 // 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>'); 260 // 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>');
251 // $('table.addRow').append(newRow); 261 // $('table.addRow').append(newRow);
252 // } 262 // }
253 263
254 $scope.setFuel = function(){ 264 $scope.setFuel = function(){
255 event.stopPropagation(); 265 event.stopPropagation();
256 $state.go('app.updateFuelManager'); 266 $state.go('app.updateFuelManager');
257 } 267 }
258 268
259 /* ng table */ 269 /* ng table */
260 270
261 271
262 } 272 }
app/partials/customers/customers.html
Diff comments   View file @a7a7cfe
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 5
6 .button1 { 6 .button1 {
7 display: inline-block; 7 display: inline-block;
8 height: 35px; 8 height: 35px;
9 line-height: 35px; 9 line-height: 35px;
10 padding-right: 15px; 10 padding-right: 15px;
11 padding-left: 50px; 11 padding-left: 50px;
12 position: relative; 12 position: relative;
13 background-color:rgb(41,127,184); 13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255); 14 color:rgb(255,255,255);
15 text-decoration: none; 15 text-decoration: none;
16 text-transform: uppercase; 16 text-transform: uppercase;
17 letter-spacing: 1px; 17 letter-spacing: 1px;
18 margin-bottom: 15px; 18 margin-bottom: 15px;
19 border: 0; 19 border: 0;
20 20
21 21
22 border-radius: 5px; 22 border-radius: 5px;
23 -moz-border-radius: 5px; 23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px; 24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28 28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 } 34 }
35 35
36 .button1 span { 36 .button1 span {
37 position: absolute; 37 position: absolute;
38 left: 0; 38 left: 0;
39 top: 0; 39 top: 0;
40 width: 35px; 40 width: 35px;
41 background-color:rgba(0,0,0,0.5); 41 background-color:rgba(0,0,0,0.5);
42 42
43 -webkit-border-top-left-radius: 5px; 43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px; 44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px; 45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px; 46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px; 47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px; 48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15); 49 border-right: 1px solid rgba(0,0,0,0.15);
50 } 50 }
51 51
52 .button1:hover span, .button1.active span { 52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26); 53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3); 54 border-right: 1px solid rgba(0,0,0,0.3);
55 } 55 }
56 56
57 .button1:active { 57 .button1:active {
58 margin-top: 2px; 58 margin-top: 2px;
59 margin-bottom: 13px; 59 margin-bottom: 13px;
60 60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 } 66 }
67 67
68 .button1.turquoise { 68 .button1.turquoise {
69 background: #449d44; 69 background: #449d44;
70 } 70 }
71 </style> 71 </style>
72 72
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 ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true"> 103 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true">
104 <tr ng-repeat="row in $data track by row.id"> 104 <tr ng-repeat="row in $data track by row.id">
105 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'"> 105 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'">
106 {{row.companyName}} 106 {{row.companyName}}
107 </td> 107 </td>
108 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'"> 108 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'">
109 {{row.companyAircraftSize}} 109 {{row.companyAircraftSize}}
110 </td> 110 </td>
111 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'"> 111 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'">
112 {{row.newContactNumber}} 112 {{row.newContactNumber}}
113 </td> 113 </td>
114 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'"> 114 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'">
115 {{row.primaryContactName}} 115 {{row.primaryContactName}}
116 </td> 116 </td>
117 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'"> 117 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'">
118 {{row.baseIcao}} 118 {{row.baseIcao}}
119 </td> 119 </td>
120 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'"> 120 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'">
121 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 121 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
122 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 122 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
123 </td> 123 </td>
124 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 124 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
125 <select class="form-control" ng-click="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in marginList" required></select> 125 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
126 </td> 126 </td>
127 <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'"> 127 <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'">
128 {{row.allIn}} 128 {{row.allIn}}
129 </td> 129 </td>
130 <td data-title="''"> 130 <td data-title="''">
131 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 131 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
132 </td> 132 </td>
133 </tr> 133 </tr>
134 </table> 134 </table>
135 135
136 <!-- 136 <!--
137 <table class="table table-striped"> 137 <table class="table table-striped">
138 <thead> 138 <thead>
139 <tr> 139 <tr>
140 <th> 140 <th>
141 <input type="text" class="form-control" name="name" id="name"> 141 <input type="text" class="form-control" name="name" id="name">
142 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> 142 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
143 </th> 143 </th>
144 <th> 144 <th>
145 <input type="text" class="form-control" name="name" id="name"> 145 <input type="text" class="form-control" name="name" id="name">
146 <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label> 146 <label class="font-company">Fleet <i class="fa fa-sort" aria-hidden="true"></i></label>
147 </th> 147 </th>
148 <th> 148 <th>
149 <input type="text" class="form-control" name="name" id="name"> 149 <input type="text" class="form-control" name="name" id="name">
150 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 150 <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
151 </th> 151 </th>
152 <th> 152 <th>
153 <input type="text" class="form-control" name="name" id="name"> 153 <input type="text" class="form-control" name="name" id="name">
154 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label> 154 <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
155 </th> 155 </th>
156 <th> 156 <th>
157 <input type="text" class="form-control" name="name" id="name"> 157 <input type="text" class="form-control" name="name" id="name">
158 <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label> 158 <label class="font-company">Base <i class="fa fa-sort" aria-hidden="true"></i></label>
159 </th> 159 </th>
160 <th> 160 <th>
161 <select class="form-control"> 161 <select class="form-control">
162 <option value="showAll" selected>Show All</option> 162 <option value="showAll" selected>Show All</option>
163 </select> 163 </select>
164 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label> 164 <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
165 </th> 165 </th>
166 <th> 166 <th>
167 <select class="form-control"> 167 <select class="form-control">
168 <option value="showAll" selected>Show All</option> 168 <option value="showAll" selected>Show All</option>
169 </select> 169 </select>
170 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label> 170 <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
171 </th> 171 </th>
172 <th> 172 <th>
173 <input type="text" class="form-control" name="name" id="name"> 173 <input type="text" class="form-control" name="name" id="name">
174 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label> 174 <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
175 </th> 175 </th>
176 <th> &nbsp; </th> 176 <th> &nbsp; </th>
177 </thead> 177 </thead>
178 <tbody> 178 <tbody>
179 <tr ng-repeat="customer in companyList" style="cursor: pointer;" ui-sref="app.viewCompany({id : customer.id})"> 179 <tr ng-repeat="customer in companyList" style="cursor: pointer;" ui-sref="app.viewCompany({id : customer.id})">
180 <td class="font-company"> 180 <td class="font-company">
181 {{customer.companyName}} 181 {{customer.companyName}}
182 </td> 182 </td>
183 <td class="font-company">{{customer.companyAircraftSize}}</td> 183 <td class="font-company">{{customer.companyAircraftSize}}</td>
184 <td class="font-company">{{customer.companyCustomContacts[0].contactNumber}}</td> 184 <td class="font-company">{{customer.companyCustomContacts[0].contactNumber}}</td>
185 <td class="font-company">{{customer.companyPrimaryContacts[0].firstName}} {{customer.companyPrimaryContacts[0].lastName}}</td> 185 <td class="font-company">{{customer.companyPrimaryContacts[0].firstName}} {{customer.companyPrimaryContacts[0].lastName}}</td>
186 <td class="font-company">{{customer.baseIcao}}</td> 186 <td class="font-company">{{customer.baseIcao}}</td>
187 <td class="font-company"> 187 <td class="font-company">
188 <button type="button" ng-if="customer.activate == true" class="btn btn-success btn-xs">Active</button> 188 <button type="button" ng-if="customer.activate == true" class="btn btn-success btn-xs">Active</button>
189 <button type="button" ng-if="customer.activate == false" class="btn btn-warning btn-xs">InActive</button> 189 <button type="button" ng-if="customer.activate == false" class="btn btn-warning btn-xs">InActive</button>
190 </td> 190 </td>
191 <td class="font-company"> 191 <td class="font-company">
192 <select class="form-control" ng-click="editMargin(customer)" style="height:31px;" ng-model="customer.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select> 192 <select class="form-control" ng-click="editMargin(customer)" style="height:31px;" ng-model="customer.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
193 </td> 193 </td>
194 <td class="font-company">{{customer.allIn}}</td> 194 <td class="font-company">{{customer.allIn}}</td>
195 <td> 195 <td>
196 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 196 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
197 </td> 197 </td>
198 </tr> 198 </tr>
199 </tbody> 199 </tbody>
200 </table> 200 </table>
201 <div class="row" style="margin-left: 0px;"> 201 <div class="row" style="margin-left: 0px;">
202 <div class="col-md-2"> 202 <div class="col-md-2">
203 <button type="button" class="btn btn-warning">Export Customers</button> 203 <button type="button" class="btn btn-warning">Export Customers</button>
204 </div> 204 </div>
205 <div class="col-md-10"> 205 <div class="col-md-10">
206 <div class="row" style="margin-left: 0px;"> 206 <div class="row" style="margin-left: 0px;">
207 <div class="col-md-6"> 207 <div class="col-md-6">
208 </div> 208 </div>
209 <div class="col-md-2"> 209 <div class="col-md-2">
210 <select class="form-control"> 210 <select class="form-control">
211 <option>20 Records Per Page</option> 211 <option>20 Records Per Page</option>
212 <option>50 Records Per Page</option> 212 <option>50 Records Per Page</option>
213 <option>100 Records Per Page</option> 213 <option>100 Records Per Page</option>
214 </select> 214 </select>
215 </div> 215 </div>
216 <div class="col-md-4"> 216 <div class="col-md-4">
217 <ul class="pagination" style="margin:0px"> 217 <ul class="pagination" style="margin:0px">
218 <li><a href="javascript:;">ยซ</a></li> 218 <li><a href="javascript:;">ยซ</a></li>
219 <li class="active"><a href="#">1</a></li> 219 <li class="active"><a href="#">1</a></li>
220 <li><a href="javascript:;">2</a></li> 220 <li><a href="javascript:;">2</a></li>
221 <li><a href="javascript:;">3</a></li> 221 <li><a href="javascript:;">3</a></li>
222 <li><a href="javascript:;">4</a></li> 222 <li><a href="javascript:;">4</a></li>
223 <li><a href="javascript:;">5</a></li> 223 <li><a href="javascript:;">5</a></li>
224 <li><a href="javascript:;">ยป</a></li> 224 <li><a href="javascript:;">ยป</a></li>
225 </ul> 225 </ul>
226 </div> 226 </div>
227 </div> 227 </div>
228 </div> 228 </div>
229 </div> 229 </div>
230 --></div> 230 --></div>
231 </div> 231 </div>
232 </div> 232 </div>
233 </div> 233 </div>
234 <!-- /widget-content --> 234 <!-- /widget-content -->
235 </div> 235 </div>
236 <!-- /widget --> 236 <!-- /widget -->
237 </div> 237 </div>
238 <!-- /span8 --> 238 <!-- /span8 -->
239 </div> 239 </div>
240 <!-- /row --> 240 <!-- /row -->
241 </div> 241 </div>
242 <!-- /container --> 242 <!-- /container -->
243 </div> 243 </div>
244 <!-- /main --> 244 <!-- /main -->
245 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 245 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
246 <div class="modal-dialog modal-lg"> 246 <div class="modal-dialog modal-lg">
247 <div class="modal-content"> 247 <div class="modal-content">
248 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 248 <div class="modal-body step-1" data-step="1" style="padding: 0;">
249 <div> 249 <div>
250 <div class="row" style="margin: 0;"> 250 <div class="row" style="margin: 0;">
251 <div> 251 <div>
252 <div class="widget" style="margin-bottom: 0;"> 252 <div class="widget" style="margin-bottom: 0;">
253 <div class="widget-header"> 253 <div class="widget-header">
254 <i class="icon-pencil"></i> 254 <i class="icon-pencil"></i>
255 <i class="fa fa-tasks" aria-hidden="true"></i> 255 <i class="fa fa-tasks" aria-hidden="true"></i>
256 <h3>Add a New Company</h3> 256 <h3>Add a New Company</h3>
257 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 257 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
258 <div style="color: #ff9a01;">Activate &nbsp &nbsp 258 <div style="color: #ff9a01;">Activate &nbsp &nbsp
259 <toggle ng-model="data.activate" size="customToogle"></toggle> 259 <toggle ng-model="data.activate" size="customToogle"></toggle>
260 </div> 260 </div>
261 </div> 261 </div>
262 <div class="clearfix"></div> 262 <div class="clearfix"></div>
263 </div> 263 </div>
264 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 264 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
265 <div class="col-xs-12"> 265 <div class="col-xs-12">
266 <div class="col-md-8"> 266 <div class="col-md-8">
267 <div class="pull-left"> 267 <div class="pull-left">
268 <label class="new-input-label"><b>Company Name</b></label> 268 <label class="new-input-label"><b>Company Name</b></label>
269 </div> 269 </div>
270 <div class="pull-left" style="margin-left: 15px;"> 270 <div class="pull-left" style="margin-left: 15px;">
271 <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> 271 <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
272 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 272 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
273 </div> 273 </div>
274 <div class="clearfix"></div> 274 <div class="clearfix"></div>
275 </div> 275 </div>
276 <div class="col-md-4"> 276 <div class="col-md-4">
277 277
278 <div class="pull-right"> 278 <div class="pull-right">
279 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 279 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
280 </div> 280 </div>
281 <div class="pull-right"> 281 <div class="pull-right">
282 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 282 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
283 </div> 283 </div>
284 <div class="clearfix"></div> 284 <div class="clearfix"></div>
285 </div> 285 </div>
286 </div> 286 </div>
287 <div class="clearfix"></div><br> 287 <div class="clearfix"></div><br>
288 <div class="col-xs-12"> 288 <div class="col-xs-12">
289 <div class="col-md-8"> 289 <div class="col-md-7">
290 <div class="pull-left"> 290 <div class="pull-left">
291 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 291 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
292 </div> 292 </div>
293 <div class="pull-left" style="margin-left: 32px;"> 293 <div class="pull-left" style="margin-left: 32px;">
294 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 294 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
295 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 295 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
296 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 296 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
297 </div> 297 </div>
298 <div class="clearfix"></div> 298 <div class="clearfix"></div>
299 </div> 299 </div>
300 <div class="col-md-2 Airport" style="text-align: right;">
301 <b>Certificate Type</b>
302 </div>
303 <div class="col-md-3 Airport">
304 <select required class="form-control" ng-model="data.certificateType">
305 <option value="" disabled selected hidden>Select...</option>
306 <option value="corporate">Part 91 (Corporate)</option>
307 <option value="charter">Part 135 (Charter)</option>
308 <option value="scheduled">Part 121 (Scheduled)</option>
309 <option value="military">Military</option>
310 <option value="government">Government</option>
311 </select>
312 </div>
313 <div class="clearfix"></div>
300 </div> 314 </div>
301 <div class="clearfix"></div> 315 <div class="clearfix"></div>
302 <br/> 316 <br/>
303 <div class="col-xs-12"> 317 <div class="col-xs-12">
304 <div class="col-md-6"> 318 <div class="col-md-6">
305 <div class="pull-left" style="width: 110px;"> 319 <div class="pull-left" style="width: 110px;">
306 <b>Master Margin</b> 320 <b>JET A Margin</b>
307 </div> 321 </div>
308 <div class="pull-left"> 322 <div class="pull-left">
309 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required ng-change="removeMarginValidation()"></select> 323 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
310 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 324 <option value="" disabled>Select...</option>
325 </select>
326 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
311 327
312 <!-- <select required class="form-control" style="max-width: 250px;" ng-model="data.masterMargin"> 328 <div class="clearfix"></div>
313 <option value="" disabled selected hidden>Select </option>
314 <option value="margin1">Margin1</option>
315 <option value="margin2">Margin2</option>
316 <option value="vendorsonly">Vendors Only</option>
317 <option value="margintenants">Margin Tenants</option>
318 </select> -->
319 </div> 329 </div>
320 <div class="clearfix"></div> 330 </div>
321 </div>
322 331
323 <div class="col-md-3 Airport" style="text-align: right;"> 332 <div class="col-md-3 Airport" style="text-align: right;">
324 <b>Certificate Type</b> 333 <b>AVGAS 100LL Margin</b>
325 </div> 334 </div>
326 <div class="col-md-3 Airport"> 335 <div class="col-md-3 Airport">
327 <select required class="form-control" ng-model="data.certificateType"> 336 <select class="form-control marginSelectBox" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
328 <option value="" disabled selected hidden>Select </option> 337 <option value="" disabled>Select...</option>
329 <option value="corporate">Part 91 (Corporate)</option>
330 <option value="charter">Part 135 (Charter)</option>
331 <option value="scheduled">Part 121 (Scheduled)</option>
332 <option value="military">Military</option>
333 <option value="government">Government</option>
334 </select> 338 </select>
335 </div> 339 </div>
340 <div class="clearfix"></div>
336 </div> 341 </div>
337 <div class="clearfix"></div> 342 <div class="clearfix"></div>
338 <br/> 343 <br/>
339 <div class="col-xs-12"> 344 <div class="col-xs-12">
340 <div class="col-md-12"> 345 <div class="col-md-12">
341 <div class="pull-left" style="width: 110px;"> 346 <div class="pull-left" style="width: 110px;">
342 <label class="new-input-label"><b>Address</b></label> 347 <label class="new-input-label"><b>Address</b></label>
343 </div> 348 </div>
344 <div class="pull-left" style="width: calc(100% - 110px);"> 349 <div class="pull-left" style="width: calc(100% - 110px);">
345 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 350 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
346 </div> 351 </div>
347 <div class="clearfix"></div> 352 <div class="clearfix"></div>
348 </div> 353 </div>
349 </div> 354 </div>
350 <div class="clearfix"></div> 355 <div class="clearfix"></div>
351 <br/> 356 <br/>
352 <div class="col-xs-12"> 357 <div class="col-xs-12">
353 <div class="col-md-12"> 358 <div class="col-md-12">
354 <div class="pull-left" style="width: 110px;"> 359 <div class="pull-left" style="width: 110px;">
355 <label class="new-input-label"><b>Address2</b></label> 360 <label class="new-input-label"><b>Address2</b></label>
356 </div> 361 </div>
357 <div class="pull-left" style="width: calc(100% - 110px);"> 362 <div class="pull-left" style="width: calc(100% - 110px);">
358 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 363 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
359 </div> 364 </div>
360 <div class="clearfix"></div> 365 <div class="clearfix"></div>
361 </div> 366 </div>
362 </div> 367 </div>
363 <div class="clearfix"></div> 368 <div class="clearfix"></div>
364 <br/> 369 <br/>
365 <div class="col-xs-12"> 370 <div class="col-xs-12">
366 371
367 <div class="col-md-6"> 372 <div class="col-md-6">
368 <div class="pull-left" style="width: 110px;"> 373 <div class="pull-left" style="width: 110px;">
369 <label class="new-input-label"><b>City</b></label> 374 <label class="new-input-label"><b>City</b></label>
370 </div> 375 </div>
371 <div class="pull-left" style="width: calc(100% - 110px);"> 376 <div class="pull-left" style="width: calc(100% - 110px);">
372 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 377 <input type="text" ng-model="data.city" class="form-control" placeholder="">
373 </div> 378 </div>
374 <div class="clearfix"></div> 379 <div class="clearfix"></div>
375 </div> 380 </div>
376 <div class="col-md-3"> 381 <div class="col-md-3">
377 <div class="pull-left" style="width: 40px;"> 382 <div class="pull-left" style="width: 40px;">
378 <label class="new-input-label"><b>State</b></label> 383 <label class="new-input-label"><b>State</b></label>
379 </div> 384 </div>
380 <div class="pull-left" style="width: calc(100% - 110px);"> 385 <div class="pull-left" style="width: calc(100% - 110px);">
381 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 386 <input type="text" ng-model="data.state" class="form-control" placeholder="">
382 </div> 387 </div>
383 <div class="clearfix"></div> 388 <div class="clearfix"></div>
384 </div> 389 </div>
385 <div class="col-md-3"> 390 <div class="col-md-3">
386 <div class="pull-left"> 391 <div class="pull-left">
387 <label class="new-input-label"><b>Zip Code</b></label> 392 <label class="new-input-label"><b>Zip Code</b></label>
388 </div> 393 </div>
389 <div class="pull-right" style="width: calc(100% - 60px);"> 394 <div class="pull-right" style="width: calc(100% - 60px);">
390 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 395 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
391 </div> 396 </div>
392 <div class="clearfix"></div> 397 <div class="clearfix"></div>
393 </div> 398 </div>
394 </div> 399 </div>
395 <div class="clearfix"></div> 400 <div class="clearfix"></div>
396 <br/> 401 <br/>
397 <div class="col-xs-12"> 402 <div class="col-xs-12">
398 403
399 <div class="col-md-6"> 404 <div class="col-md-6">
400 <div class="pull-left" style="width: 110px;"> 405 <div class="pull-left" style="width: 110px;">
401 <label class="new-input-label"><b>Country</b></label> 406 <label class="new-input-label"><b>Country</b></label>
402 </div> 407 </div>
403 <div class="pull-left" style="width: calc(100% - 110px);"> 408 <div class="pull-left" style="width: calc(100% - 110px);">
404 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 409 <input type="text" ng-model="data.country" class="form-control" placeholder="">
405 </div> 410 </div>
406 <div class="clearfix"></div> 411 <div class="clearfix"></div>
407 </div> 412 </div>
408 <div class="col-md-6"> 413 <div class="col-md-6">
409 <div class="pull-left" style="width: 110px;"> 414 <div class="pull-left" style="width: 110px;">
410 <label class="new-input-label"><b>Internal Note</b></label> 415 <label class="new-input-label"><b>Internal Note</b></label>
411 </div> 416 </div>
412 <div class="pull-left" style="width: calc(100% - 110px);"> 417 <div class="pull-left" style="width: calc(100% - 110px);">
413 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 418 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
414 </div> 419 </div>
415 <div class="clearfix"></div> 420 <div class="clearfix"></div>
416 </div> 421 </div>
417 </div> 422 </div>
418 <div class="clearfix"></div> 423 <div class="clearfix"></div>
419 <!-- <br/> 424 <!-- <br/>
420 <div class="col-xs-12"> 425 <div class="col-xs-12">
421 <div class="col-md-2 Airport"></div> 426 <div class="col-md-2 Airport"></div>
422 <div class="col-md-10 Airport"> 427 <div class="col-md-10 Airport">
423 <div class="pull-right"> 428 <div class="pull-right">
424 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 429 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
425 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 430 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
426 </div> 431 </div>
427 </div> 432 </div>
428 </div> --> 433 </div> -->
429 </div> 434 </div>
430 </div> 435 </div>
431 <div class="clearfix"></div> 436 <div class="clearfix"></div>
432 </div> 437 </div>
433 </div> 438 </div>
434 </div> 439 </div>
435 </div> 440 </div>
436 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 441 <div class="modal-body step-2" data-step="2" style="padding: 0;">
437 <div> 442 <div>
438 <div class="row" style="margin: 0;"> 443 <div class="row" style="margin: 0;">
439 <div> 444 <div>
440 <div class="widget" style="margin-bottom: 0;"> 445 <div class="widget" style="margin-bottom: 0;">
441 <div class="widget-header"> 446 <div class="widget-header">
442 <i class="icon-pencil"></i> 447 <i class="icon-pencil"></i>
443 <i class="fa fa-tasks" aria-hidden="true"></i> 448 <i class="fa fa-tasks" aria-hidden="true"></i>
444 <h3>Add a New Company</h3> 449 <h3>Add a New Company</h3>
445 <div class="clearfix"></div> 450 <div class="clearfix"></div>
446 </div> 451 </div>
447 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 452 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
448 <div class="col-xs-12"> 453 <div class="col-xs-12">
449 <div class="widget-header"> 454 <div class="widget-header">
450 <i class="fa fa-list"></i> 455 <i class="fa fa-list"></i>
451 <h3>Aircraft List</h3> 456 <h3>Aircraft List</h3>
452 </div> 457 </div>
453 <div class="widget-content" style="padding:0px;border: 0px; "> 458 <div class="widget-content" style="padding:0px;border: 0px; ">
454 <div class="table-responsive"> 459 <div class="table-responsive">
455 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 460 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
456 <thead> 461 <thead>
457 <tr> 462 <tr>
458 <th>Tail</th> 463 <th>Tail</th>
459 <th>Make</th> 464 <th>Make</th>
460 <th>Model</th> 465 <th>Model</th>
461 <th>Size</th> 466 <th>Size</th>
462 <th>Margin</th> 467 <th>Margin</th>
463 </tr> 468 </tr>
464 </thead> 469 </thead>
465 <tbody> 470 <tbody>
466 <tr> 471 <tr>
467 <td> 472 <td>
468 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 473 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
469 </td> 474 </td>
470 <td style="width: 25%;"> 475 <td style="width: 25%;">
471 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 476 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
472 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 477 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
473 </select> 478 </select>
474 </td> 479 </td>
475 <td style="width: 20%;"> 480 <td style="width: 20%;">
476 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 481 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
477 <option ng-repeat="model in aircraftModalList">{{model}}</option> 482 <option ng-repeat="model in aircraftModalList">{{model}}</option>
478 </select> 483 </select>
479 </td> 484 </td>
480 <td style="width: 25%;"> 485 <td style="width: 25%;">
481 <select class="form-control" ng-model="aircraft.size"> 486 <select class="form-control" ng-model="aircraft.size">
482 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 487 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
483 </select> 488 </select>
484 </td> 489 </td>
485 <td> 490 <td>
486 <select class="form-control"> 491 <select class="form-control">
487 <option>Margin1</option> 492 <option>Margin1</option>
488 <option>Margin2</option> 493 <option>Margin2</option>
489 </select> 494 </select>
490 </td> 495 </td>
491 </tr> 496 </tr>
492 </tbody> 497 </tbody>
493 498
494 </table> --> 499 </table> -->
495 <table class="table table-striped table-bordered"> 500 <table class="table table-striped table-bordered">
496 <thead> 501 <thead>
497 <tr> 502 <tr>
498 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 503 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
499 <th>Tail</th> 504 <th>Tail</th>
500 <th>Make</th> 505 <th>Make</th>
501 <th>Model</th> 506 <th>Model</th>
502 <th>Size</th> 507 <th>Size</th>
503 <th>Margin</th> 508 <th>JET A Margin</th>
509 <th>AVGS 100LL Margin</th>
504 </tr> 510 </tr>
505 </thead> 511 </thead>
506 <tbody> 512 <tbody>
507 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 513 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
508 <!-- <td> 514 <!-- <td>
509 <input type="checkbox" ng-model="aircraftData.selected"/> 515 <input type="checkbox" ng-model="aircraftData.selected"/>
510 </td> --> 516 </td> -->
511 <td style="width: 20%"> 517 <td style="width: 15%">
512 <input type="text" class="form-control" ng-model="aircraftData.tail" required/> 518 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
513 </td> 519 </td>
514 <td style="width: 20%"> 520 <td style="width: 17%">
515 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 521 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
516 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 522 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
523 <option value="" disabled>Select...</option>
517 </select> 524 </select>
518 </td> 525 </td>
519 <td style="width: 20%"> 526 <td style="width: 17%">
520 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 527 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
521 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 528 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
529 <option value="" disabled>Select...</option>
522 </select> 530 </select>
523 </td> 531 </td>
524 <td style="width: 20%"> 532 <td style="width: 17%">
525 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> 533 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList">
534 <option value="" disabled>Select...</option>
535 </select>
526 <!-- <select class="form-control" ng-model="aircraftData.size"> 536 <!-- <select class="form-control" ng-model="aircraftData.size">
527 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 537 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
528 </select> --> 538 </select> -->
529 </td> 539 </td>
530 <td> 540 <td style="width: 17%">
531 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in marginList"></select> 541 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList">
542 <option value="" disabled>Select...</option>
543 </select>
544 </td>
545 <td style="width: 17%">
546 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
547 <option value="" disabled>Select...</option>
548 </select>
532 </td> 549 </td>
533 </tr> 550 </tr>
534 </tbody> 551 </tbody>
535 </table> 552 </table>
536 </div> 553 </div>
537 <div class="clearfix"></div> 554 <div class="clearfix"></div>
538 </div> 555 </div>
539 </div> 556 </div>
540 <div class="clearfix"></div> 557 <div class="clearfix"></div>
541 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 558 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
542 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 559 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
543 </div> 560 </div>
544 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 561 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
545 <div class="pull-right"> 562 <div class="pull-right">
546 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 563 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
547 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 564 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
548 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 565 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
549 </div> 566 </div>
550 </div> --> 567 </div> -->
551 </div> 568 </div>
552 </div> 569 </div>
553 <div class="clearfix"></div> 570 <div class="clearfix"></div>
554 </div> 571 </div>
555 </div> 572 </div>
556 </div> 573 </div>
557 </div> 574 </div>
558 <!-- <div class="modal-body step-3" data-step="3"> 575 <!-- <div class="modal-body step-3" data-step="3">
559 This is the final step. 576 This is the final step.
560 </div> --> 577 </div> -->
561 <div class="modal-footer" style="border-top: 0;"> 578 <div class="modal-footer" style="border-top: 0;">
562 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 579 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
563 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 580 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
564 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 581 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
565 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> 582 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
566 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 583 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
567 </div> 584 </div>
568 </div> 585 </div>
app/partials/customers/customers.service.js
Diff comments   View file @a7a7cfe
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() { 8 this.getAllCompanies = function() {
9 9
10 var deferred = $q.defer(); 10 var deferred = $q.defer();
11 $http({ 11 $http({
12 method : 'GET', 12 method : 'GET',
13 url : BASE_URL.url +'/user/allCompanies', 13 url : BASE_URL.url +'/user/allCompanies',
14 headers : {'Content-Type': 'application/json'}, 14 headers : {'Content-Type': 'application/json'},
15 }) 15 })
16 .then(function (result){ 16 .then(function (result){
17 deferred.resolve(result.data); 17 deferred.resolve(result.data);
18 },function (result){ 18 },function (result){
19 deferred.resolve(result.data); 19 deferred.resolve(result.data);
20 }) 20 })
21 return deferred.promise; 21 return deferred.promise;
22 } 22 }
23 23
24 this.getMargin = function() { 24 this.getMargin = function() {
25 25
26 var deferred = $q.defer(); 26 var deferred = $q.defer();
27 $http({ 27 $http({
28 method : 'GET', 28 method : 'GET',
29 url : BASE_URL.url +'/user/margins', 29 url : BASE_URL.url +'/user/margins',
30 headers : {'Content-Type': 'application/json'}, 30 headers : {'Content-Type': 'application/json'},
31 }) 31 })
32 .then(function (result){ 32 .then(function (result){
33 deferred.resolve(result.data); 33 deferred.resolve(result.data);
34 },function (result){ 34 },function (result){
35 deferred.resolve(result.data); 35 deferred.resolve(result.data);
36 }) 36 })
37 return deferred.promise; 37 return deferred.promise;
38 } 38 }
39 39
40 this.getJetMargin = function(id){
41 var deferred = $q.defer();
42 $http({
43 method : 'GET',
44 url : BASE_URL.url +'/margin/getJetAType/'+id,
45 headers : {'Content-Type': 'application/json'},
46 })
47 .then(function (result){
48 deferred.resolve(result.data);
49 },function (result){
50 deferred.resolve(result.data);
51 })
52 return deferred.promise;
53 }
54
55 this.getAvgMargin = function(id){
56 var deferred = $q.defer();
57 $http({
58 method : 'GET',
59 url : BASE_URL.url +'/margin/getAVGASType/'+id,
60 headers : {'Content-Type': 'application/json'},
61 })
62 .then(function (result){
63 deferred.resolve(result.data);
64 },function (result){
65 deferred.resolve(result.data);
66 })
67 return deferred.promise;
68 }
69
40 this.addCompany = function(data) { 70 this.addCompany = function(data) {
41 71
42 var deferred = $q.defer(); 72 var deferred = $q.defer();
43 $http({ 73 $http({
44 method : 'POST', 74 method : 'POST',
45 url : BASE_URL.url +'/company', 75 url : BASE_URL.url +'/company',
46 headers : {'Content-Type': 'application/json'}, 76 headers : {'Content-Type': 'application/json'},
47 data: data 77 data: data
48 }) 78 })
49 .then(function (result){ 79 .then(function (result){
50 deferred.resolve(result.data); 80 deferred.resolve(result.data);
51 },function (result){ 81 },function (result){
52 deferred.resolve(result.data); 82 deferred.resolve(result.data);
53 }) 83 })
54 return deferred.promise; 84 return deferred.promise;
55 } 85 }
56 86
57 this.getAircraftMake = function(){ 87 this.getAircraftMake = function(){
58 var deferred = $q.defer(); 88 var deferred = $q.defer();
59 $http({ 89 $http({
60 method : 'GET', 90 method : 'GET',
61 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftMake', 91 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftMake',
62 headers : {'Content-Type': 'application/json'}, 92 headers : {'Content-Type': 'application/json'},
63 }) 93 })
64 .then(function (result){ 94 .then(function (result){
65 deferred.resolve(result.data); 95 deferred.resolve(result.data);
66 },function (result){ 96 },function (result){
67 console.log(result) 97 console.log(result)
68 deferred.resolve(result.data); 98 deferred.resolve(result.data);
69 }) 99 })
70 return deferred.promise; 100 return deferred.promise;
71 } 101 }
72 102
73 this.getAircraftSize = function(makeId, modelId){ 103 this.getAircraftSize = function(makeId, modelId){
74 var deferred = $q.defer(); 104 var deferred = $q.defer();
75 $http({ 105 $http({
76 method : 'GET', 106 method : 'GET',
77 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftSize/' +makeId + '/' +modelId, 107 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftSize/' +makeId + '/' +modelId,
78 headers : {'Content-Type': 'application/json'}, 108 headers : {'Content-Type': 'application/json'},
79 }) 109 })
80 .then(function (result){ 110 .then(function (result){
81 deferred.resolve(result.data); 111 deferred.resolve(result.data);
82 },function (result){ 112 },function (result){
83 console.log(result) 113 console.log(result)
84 deferred.resolve(result.data); 114 deferred.resolve(result.data);
85 }) 115 })
86 return deferred.promise; 116 return deferred.promise;
87 } 117 }
88 118
89 this.getModal = function(id){ 119 this.getModal = function(id){
90 var deferred = $q.defer(); 120 var deferred = $q.defer();
91 $http({ 121 $http({
92 method : 'GET', 122 method : 'GET',
93 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftModel/' + id, 123 url : BASE_URL.url +'/fuelerlinx/acufuel/getAircraftModel/' + id,
94 headers : {'Content-Type': 'application/json'}, 124 headers : {'Content-Type': 'application/json'},
95 }) 125 })
96 .then(function (result){ 126 .then(function (result){
97 deferred.resolve(result.data); 127 deferred.resolve(result.data);
98 },function (result){ 128 },function (result){
99 console.log(result) 129 console.log(result)
100 deferred.resolve(result.data); 130 deferred.resolve(result.data);
101 }) 131 })
102 return deferred.promise; 132 return deferred.promise;
103 } 133 }
104 134
105 this.addAircraft = function(data){ 135 this.addAircraft = function(data){
106 var deferred = $q.defer(); 136 var deferred = $q.defer();
107 $http({ 137 $http({
108 method : 'POST', 138 method : 'POST',
109 url : BASE_URL.url +'/company/add/aircrafts', 139 url : BASE_URL.url +'/company/add/aircrafts',
110 headers : {'Content-Type': 'application/json'}, 140 headers : {'Content-Type': 'application/json'},
111 data: data 141 data: data
112 }) 142 })
113 .then(function (result){ 143 .then(function (result){
114 deferred.resolve(result.data); 144 deferred.resolve(result.data);
115 },function (result){ 145 },function (result){
116 console.log(result) 146 console.log(result)
117 deferred.resolve(result.data); 147 deferred.resolve(result.data);
118 }) 148 })
119 return deferred.promise; 149 return deferred.promise;
120 } 150 }
121 151
122 152
123 153
124 } 154 }
125 155
126 })(); 156 })();
app/partials/viewCompany/viewCompany.html
Diff comments   View file @a7a7cfe
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 .widget-content{ 5 .widget-content{
6 padding: 10px !important; 6 padding: 10px !important;
7 } 7 }
8 .widget-content input[type="text"], .widget-content select{ 8 .widget-content input[type="text"], .widget-content select{
9 height: 31px; 9 height: 31px;
10 padding: 0; 10 padding: 0;
11 } 11 }
12 .new-label span{ 12 .new-label span{
13 float: left; 13 float: left;
14 line-height: 31px; 14 line-height: 31px;
15 } 15 }
16 .new-label span:first-child{ 16 .new-label span:first-child{
17 margin-right: 5px; 17 margin-right: 5px;
18 font-weight: bold; 18 font-weight: bold;
19 } 19 }
20 .new-label span:last-child{ 20 .new-label span:last-child{
21 margin-left: 5px; 21 margin-left: 5px;
22 } 22 }
23 .new-label select{ 23 .new-label select{
24 display: -webkit-inline-box; 24 display: -webkit-inline-box;
25 display: inline-box; 25 display: inline-box;
26 float: left; 26 float: left;
27 } 27 }
28 .new-address p{ 28 .new-address p{
29 margin-bottom: 0; 29 margin-bottom: 0;
30 } 30 }
31 .new-add-select{ 31 .new-add-select{
32 padding-left: 15px; 32 padding-left: 15px;
33 margin: 10px 0; 33 margin: 10px 0;
34 } 34 }
35 .new-add-select select{ 35 .new-add-select select{
36 width: 100px; 36 width: 100px;
37 } 37 }
38 .widget{ 38 .widget{
39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
42 } 42 }
43 .optionclass { 43 .optionclass {
44 background: #fff; 44 background: #fff;
45 } 45 }
46 .timess { 46 .timess {
47 float: right !important; 47 float: right !important;
48 margin-top: 10px !important; 48 margin-top: 10px !important;
49 margin-right: 10px !important; 49 margin-right: 10px !important;
50 color: #999 !important; 50 color: #999 !important;
51 cursor: pointer !important; 51 cursor: pointer !important;
52 } 52 }
53 53
54 .button1 { 54 .button1 {
55 display: inline-block; 55 display: inline-block;
56 height: 35px; 56 height: 35px;
57 line-height: 35px; 57 line-height: 35px;
58 padding-right: 15px; 58 padding-right: 15px;
59 padding-left: 50px; 59 padding-left: 50px;
60 position: relative; 60 position: relative;
61 background-color:rgb(41,127,184); 61 background-color:rgb(41,127,184);
62 color:rgb(255,255,255); 62 color:rgb(255,255,255);
63 text-decoration: none; 63 text-decoration: none;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 letter-spacing: 1px; 65 letter-spacing: 1px;
66 margin-bottom: 15px; 66 margin-bottom: 15px;
67 border: 0; 67 border: 0;
68 68
69 69
70 border-radius: 5px; 70 border-radius: 5px;
71 -moz-border-radius: 5px; 71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px; 72 -webkit-border-radius: 5px;
73 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 73 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
76 76
77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
79 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 79 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
82 } 82 }
83 83
84 .button1 span { 84 .button1 span {
85 position: absolute; 85 position: absolute;
86 left: 0; 86 left: 0;
87 top: 0; 87 top: 0;
88 width: 35px; 88 width: 35px;
89 background-color:rgba(0,0,0,0.5); 89 background-color:rgba(0,0,0,0.5);
90 90
91 -webkit-border-top-left-radius: 5px; 91 -webkit-border-top-left-radius: 5px;
92 -webkit-border-bottom-left-radius: 5px; 92 -webkit-border-bottom-left-radius: 5px;
93 -moz-border-radius-topleft: 5px; 93 -moz-border-radius-topleft: 5px;
94 -moz-border-radius-bottomleft: 5px; 94 -moz-border-radius-bottomleft: 5px;
95 border-top-left-radius: 5px; 95 border-top-left-radius: 5px;
96 border-bottom-left-radius: 5px; 96 border-bottom-left-radius: 5px;
97 border-right: 1px solid rgba(0,0,0,0.15); 97 border-right: 1px solid rgba(0,0,0,0.15);
98 } 98 }
99 99
100 .button1:hover span, .button1.active span { 100 .button1:hover span, .button1.active span {
101 background-color:rgb(0,102,26); 101 background-color:rgb(0,102,26);
102 border-right: 1px solid rgba(0,0,0,0.3); 102 border-right: 1px solid rgba(0,0,0,0.3);
103 } 103 }
104 104
105 .button1:active { 105 .button1:active {
106 margin-top: 2px; 106 margin-top: 2px;
107 margin-bottom: 13px; 107 margin-bottom: 13px;
108 108
109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
111 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 111 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
114 } 114 }
115 115
116 .button1.turquoise { 116 .button1.turquoise {
117 background: #449d44; 117 background: #449d44;
118 } 118 }
119 119
120 </style> 120 </style>
121 121
122 <div class="myLoader" ng-show="showLoader"> 122 <div class="myLoader" ng-show="showLoader">
123 <img src="../img/hourglass.gif" width="50px;"> 123 <img src="../img/hourglass.gif" width="50px;">
124 </div> 124 </div>
125 125
126 <div class="col-xs-12 col-md-11"> 126 <div class="col-xs-12 col-md-11">
127 <div class="row" style="margin-left:0px"> 127 <div class="row" style="margin-left:0px">
128 <div class="col-md-12"> 128 <div class="col-md-12">
129 <div class="widget"> 129 <div class="widget">
130 <div class="widget-header"> 130 <div class="widget-header">
131 <i class="fa fa-building-o" aria-hidden="true"></i> 131 <i class="fa fa-building-o" aria-hidden="true"></i>
132 <h3>Antioch Flight Department</h3> 132 <h3>Antioch Flight Department</h3>
133 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i> 133 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i>
134 </div> 134 </div>
135 <!-- /widget-header --> 135 <!-- /widget-header -->
136 <div class="widget-content"> 136 <div class="widget-content">
137 <div class="row" style="margin-left:0px"> 137 <div class="row" style="margin-left:0px">
138 <div class="col-md-6"> 138 <div class="col-md-6">
139 <div class="widget"> 139 <div class="widget">
140 <div class="widget-header"> 140 <div class="widget-header">
141 <i class="fa fa-building-o" aria-hidden="true"></i> 141 <i class="fa fa-building-o" aria-hidden="true"></i>
142 <h3>Company Details</h3> 142 <h3>Company Details</h3>
143 <label>BASE ICAO</label> 143 <label>BASE ICAO</label>
144 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 50px;padding: 0px 9px;" /> 144 <input type="tel" ng-model="companyData.baseIcao" ng-click="base()" style="line-height: 18px;width: 50px;padding: 0px 9px;" />
145 145
146 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 146 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
147 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Dactive"></toggle> 147 <toggle ng-model="companyData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Dactive"></toggle>
148 </div> 148 </div>
149 149
150 </div> 150 </div>
151 <div class="widget-content"> 151 <div class="widget-content">
152 <div class="row" style="margin-left:0px;"> 152 <div class="row" style="margin-left:0px;">
153 <div class="col-md-7" style="padding-left: 0;"> 153 <div class="col-md-7" style="padding-left: 0;">
154 <h4 ng-show="showCompanyName"> 154 <h4 ng-show="showCompanyName">
155 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 155 <b style="color:#F90;">{{companyData.companyName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
156 </h4> 156 </h4>
157 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/> 157 <input type="tel" ng-hide="showCompanyName" ng-model="companyData.companyName" class="form-control"/>
158 </div> 158 </div>
159 <div class="col-md-5"> 159 <div class="col-md-5">
160 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType"> 160 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="companyData.certificateType">
161 <option class="optionclass" disabled selected>Certificate Type</option> 161 <option class="optionclass" disabled selected>Certificate Type</option>
162 <option class="optionclass" value="corporate">Part 91 (Corporate)</option> 162 <option class="optionclass" value="corporate">Part 91 (Corporate)</option>
163 <option class="optionclass" value="charter">Part 135 (Charter)</option> 163 <option class="optionclass" value="charter">Part 135 (Charter)</option>
164 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option> 164 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option>
165 <option class="optionclass" value="military">Military</option> 165 <option class="optionclass" value="military">Military</option>
166 <option class="optionclass" value="government">Government</option> 166 <option class="optionclass" value="government">Government</option>
167 </select> 167 </select>
168 </div> 168 </div>
169 </div> 169 </div>
170 <div> 170 <div>
171 <p class="new-label"> 171 <p class="new-label">
172 <span>Master Margin Setting </span> 172 <span>Master Margin Setting </span>
173 <!-- <select class="form-control" ng-model="companyData.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList"></select> --> 173 <!-- <select class="form-control" ng-model="companyData.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList"></select> -->
174 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-model="companyData.masterMargin"> 174 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-model="companyData.masterMargin">
175 <option ng-repeat="margin in marginList" value="{{margin.id}}">{{margin.marginName}}</option> 175 <option ng-repeat="margin in marginList" value="{{margin.id}}">{{margin.marginName}}</option>
176 </select> 176 </select>
177 <span>&nbsp;See Aircrart List</span> 177 <span>&nbsp;See Aircrart List</span>
178 <div class="clearfix"></div> 178 <div class="clearfix"></div>
179 </p> 179 </p>
180 </div> 180 </div>
181 <div class="row" style="margin-left:0px;"> 181 <div class="row" style="margin-left:0px;">
182 <div class="col-md-5" style="padding-left: 0;"> 182 <div class="col-md-5" style="padding-left: 0;">
183 <input type="checkbox" name="" ng-model="companyData.baseTenant"> Tenant/Base Customer 183 <input type="checkbox" name="" ng-model="companyData.baseTenant"> Tenant/Base Customer
184 </div> 184 </div>
185 <div class="col-md-5" style="padding-left: 0;"> 185 <div class="col-md-5" style="padding-left: 0;">
186 <input type="checkbox" name="" ng-model="companyData.fuelerlinxCustomer"> FuelerLinx Customer 186 <input type="checkbox" name="" ng-model="companyData.fuelerlinxCustomer"> FuelerLinx Customer
187 </div> 187 </div>
188 </div> 188 </div>
189 <div> 189 <div>
190 <input type="checkbox" name="" ng-model="companyData.contractFuelVendor"> CAA Member 190 <input type="checkbox" name="" ng-model="companyData.contractFuelVendor"> CAA Member
191 </div> 191 </div>
192 </br> 192 </br>
193 <div class="new-address"> 193 <div class="new-address">
194 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{companyData.addressOne}} {{companyData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p> 194 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> {{companyData.addressOne}} {{companyData.addressTwo}} &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p>
195 195
196 <div ng-hide="showAddress"> 196 <div ng-hide="showAddress">
197 <label>Address1</label> 197 <label>Address1</label>
198 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressOne" class="form-control" /> 198 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressOne" class="form-control" />
199 <label>Address2</label> 199 <label>Address2</label>
200 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressTwo" class="form-control" /> 200 <input type="tel" style="width: 50%;" ng-hide="showAddress" ng-model="companyData.addressTwo" class="form-control" />
201 </div> 201 </div>
202 202
203 <!-- <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null"> 203 <!-- <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null">
204 <i class="fa fa-phone" ng-hide="showEditContact"></i> 204 <i class="fa fa-phone" ng-hide="showEditContact"></i>
205 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 205 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
206 <i ng-click="showEditContact = ! showEditContact" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 206 <i ng-click="showEditContact = ! showEditContact" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
207 207
208 <input type="tel" class="form-control" placeholder="min" ng-model="data.contactNumber" style="width: 50%;" ng-show="showEditContact"> 208 <input type="tel" class="form-control" placeholder="min" ng-model="data.contactNumber" style="width: 50%;" ng-show="showEditContact">
209 <span ng-show="showEditContact"></br></span> 209 <span ng-show="showEditContact"></br></span>
210 </p> --> 210 </p> -->
211 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null"> 211 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.contactNumber != null">
212 <i class="fa fa-phone" ng-hide="showEditContact"></i> 212 <i class="fa fa-phone" ng-hide="showEditContact"></i>
213 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span> 213 <span ng-hide="showEditContact">{{data.contactNumber}} &nbsp;</span>
214 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i> 214 <i ng-click="showContact(data, 'phone')" ng-hide="showEditContact" class="fa fa-pencil-square-o" aria-hidden="true"></i>
215 215
216 <!-- <input type="tel" class="form-control" placeholder="min" ng-model="data.contactNumber" style="width: 50%;" ng-show="showEditContact"> 216 <!-- <input type="tel" class="form-control" placeholder="min" ng-model="data.contactNumber" style="width: 50%;" ng-show="showEditContact">
217 <span ng-show="showEditContact"></br></span> --> 217 <span ng-show="showEditContact"></br></span> -->
218 </p> 218 </p>
219 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.email != null"> 219 <p ng-repeat="data in companyData.companyCustomContacts" ng-if="data.email != null">
220 <i class="fa fa-envelope" ng-hide="showEditEmail"></i> 220 <i class="fa fa-envelope" ng-hide="showEditEmail"></i>
221 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span> 221 <span ng-hide="showEditEmail">{{data.email}} &nbsp;</span>
222 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i> 222 <i ng-click="showContact(data, 'email')" ng-hide="showEditEmail" class="fa fa-pencil-square-o" aria-hidden="true"></i>
223 223
224 <!-- <input type="tel" style="width: 50%;" class="form-control" placeholder="min" ng-model="data.email" ng-show="showEditEmail"> --> 224 <!-- <input type="tel" style="width: 50%;" class="form-control" placeholder="min" ng-model="data.email" ng-show="showEditEmail"> -->
225 </p> 225 </p>
226 </div> 226 </div>
227 <div class="new-add-select"> 227 <div class="new-add-select">
228 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;"> 228 <select class="form-control" ng-model="value" ng-click="addCustom(value)" style="background: #ebebeb;padding: 4px 8px;width: 115px;">
229 <option disabled selected>Add Field</option> 229 <option disabled selected>Add Field</option>
230 <option value="phone" class="optionclass">Add Phone</option> 230 <option value="phone" class="optionclass">Add Phone</option>
231 <option value="email" class="optionclass">Add Email</option> 231 <option value="email" class="optionclass">Add Email</option>
232 </select> 232 </select>
233 </div> 233 </div>
234 <div> 234 <div>
235 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 235 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
236 <p ng-show="showNoteData">{{companyData.internalNote}}</p> 236 <p ng-show="showNoteData">{{companyData.internalNote}}</p>
237 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea> 237 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="companyData.internalNote" rows="4" cols="34"></textarea>
238 </div> 238 </div>
239 <div class="pull-left"> 239 <div class="pull-left">
240 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button> 240 <button ng-click="editData()" ng-show="showUpdateBtn" class="btn btn-success">Save</button>
241 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button> 241 <button ng-click="cancelData()" ng-show="showUpdateBtn" class="btn btn-default">Cancel</button>
242 </div> 242 </div>
243 <div class="pull-right"> 243 <div class="pull-right">
244 <button type="button" ng-click="openConfirmMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 244 <button type="button" ng-click="openConfirmMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
245 <button type="button" class="btn btn-info" ui-sref="app.updateFuelManager">Setup Fuel</button> 245 <button type="button" class="btn btn-info" ui-sref="app.updateFuelManager">Setup Fuel</button>
246 </div> 246 </div>
247 <div class="clearfix"></div> 247 <div class="clearfix"></div>
248 </div> 248 </div>
249 </div> 249 </div>
250 </div> 250 </div>
251 <div class="col-md-6"> 251 <div class="col-md-6">
252 <div class="widget"> 252 <div class="widget">
253 <div class="widget-header"> 253 <div class="widget-header">
254 <i class="fa fa-plane"></i> 254 <i class="fa fa-plane"></i>
255 <h3>Aircraft List</h3> 255 <h3>Aircraft List</h3>
256 <div class="pull-right"> 256 <div class="pull-right">
257 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft</button> 257 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft</button>
258 </div> 258 </div>
259 </div> 259 </div>
260 <div class="widget-content" style="padding:0px"> 260 <div class="widget-content" style="padding:0px">
261 <div class="table-responsive"> 261 <div class="table-responsive">
262 <table class="table table-bordered table-hover table-striped"> 262 <table class="table table-bordered table-hover table-striped">
263 <thead> 263 <thead>
264 <tr> 264 <tr>
265 <th>Tail #</th> 265 <th>Tail #</th>
266 <th>Make</th> 266 <th>Make</th>
267 <th>Model</th> 267 <th>Model</th>
268 <th>JET-A</th> 268 <th>JET-A</th>
269 <th>All in</th> 269 <th>All in</th>
270 <th>AVGAS</th> 270 <th>AVGAS</th>
271 <th>All in</th> 271 <th>All in</th>
272 <th></th> 272 <th></th>
273 </tr> 273 </tr>
274 </thead> 274 </thead>
275 <tbody> 275 <tbody>
276 <tr ng-repeat="aircraft in contactAircraftList"> 276 <tr ng-repeat="aircraft in contactAircraftList">
277 <td>{{aircraft.tail}}</td> 277 <td>{{aircraft.tail}}</td>
278 <td>{{aircraft.make}}</td> 278 <td>{{aircraft.make}}</td>
279 <td>{{aircraft.model}}</td> 279 <td>{{aircraft.model}}</td>
280 <td> 280 <td>
281 <select class="form-control" style="height:31px;"> 281 <select class="form-control" style="height:31px;">
282 <option>Margin1</option> 282 <option>Margin1</option>
283 <option>Margin2</option> 283 <option>Margin2</option>
284 </select> 284 </select>
285 </td> 285 </td>
286 <td style="color:#55AF8B;">$3659</td> 286 <td style="color:#55AF8B;">$3659</td>
287 <td> 287 <td>
288 <select class="form-control" style="height:31px;"> 288 <select class="form-control" style="height:31px;">
289 <option>Margin1</option> 289 <option>Margin1</option>
290 <option>Margin2</option> 290 <option>Margin2</option>
291 </select> 291 </select>
292 </td> 292 </td>
293 <td style="color:#55AF8B;">$3659</td> 293 <td style="color:#55AF8B;">$3659</td>
294 <td> 294 <td>
295 <!-- <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteAircraft(aircraft.id)" aria-hidden="true"></i> --> 295 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteAircraft(aircraft.id)" aria-hidden="true"></i>
296 </td> 296 </td>
297 </tr> 297 </tr>
298 </tbody> 298 </tbody>
299 </table> 299 </table>
300 </div> 300 </div>
301 </div> 301 </div>
302 </div> 302 </div>
303 </div> 303 </div>
304 </div> 304 </div>
305 <div class="row" style="margin-left:0px"> 305 <div class="row" style="margin-left:0px">
306 <div class="col-md-6"> 306 <div class="col-md-6">
307 <div class="widget"> 307 <div class="widget">
308 <div class="widget-header"> 308 <div class="widget-header">
309 <i class="fa fa-user"></i> 309 <i class="fa fa-user"></i>
310 <h3>Contact List</h3> 310 <h3>Contact List</h3>
311 <div class="pull-right"> 311 <div class="pull-right">
312 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button> 312 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button>
313 </div> 313 </div>
314 </div> 314 </div>
315 <div class="widget-content" style="padding:0px"> 315 <div class="widget-content" style="padding:0px">
316 <div class="table-responsive"> 316 <div class="table-responsive">
317 <table class="table table-bordered table-hover table-striped"> 317 <table class="table table-bordered table-hover table-striped">
318 <thead> 318 <thead>
319 <tr> 319 <tr>
320 <th>Price Email</th> 320 <th>Price Email</th>
321 <th>First Name</th> 321 <th>First Name</th>
322 <th>Last Name</th> 322 <th>Last Name</th>
323 <th>Title</th> 323 <th>Title</th>
324 </tr> 324 </tr>
325 </thead> 325 </thead>
326 <tbody> 326 <tbody>
327 <tr ng-repeat="contact in companyContactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> 327 <tr ng-repeat="contact in companyContactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})">
328 <td><toggle ng-model="contact.priceEmail" size="customToogle"></toggle></td> 328 <td><toggle ng-model="contact.priceEmail" size="customToogle"></toggle></td>
329 <td> 329 <td>
330 {{contact.firstName}} 330 {{contact.firstName}}
331 </td> 331 </td>
332 <td>{{contact.lastName}}</td> 332 <td>{{contact.lastName}}</td>
333 <td>{{contact.title}}</td> 333 <td>{{contact.title}}</td>
334 </tr> 334 </tr>
335 </tbody> 335 </tbody>
336 </table> 336 </table>
337 </div> 337 </div>
338 </div> 338 </div>
339 </div> 339 </div>
340 </div> 340 </div>
341 <div class="col-md-6"> 341 <div class="col-md-6">
342 <div class="widget"> 342 <div class="widget">
343 <div class="widget-header"> 343 <div class="widget-header">
344 <i class="fa fa-pencil"></i> 344 <i class="fa fa-pencil"></i>
345 <h3>Price Manager Reference</h3> 345 <h3>Price Manager Reference</h3>
346 </div> 346 </div>
347 <div class="widget-content"> 347 <div class="widget-content">
348 <div class="table-responsive"> 348 <div class="table-responsive">
349 <table class="table table-striped" style="position: relative; top: -33px; margin-bottom: 0;"> 349 <table class="table table-striped" style="position: relative; top: -33px; margin-bottom: 0;">
350 <thead> 350 <thead>
351 <tr> 351 <tr>
352 <th>Omit</th> 352 <th>Omit</th>
353 <th>Product</th> 353 <th>Product</th>
354 <th>Cost</th> 354 <th>Cost</th>
355 <th>PAP (Margin)</th> 355 <th>PAP (Margin)</th>
356 <th>PAP (Total)</th> 356 <th>PAP (Total)</th>
357 <th style="color:#F90">Expires</th> 357 <th style="color:#F90">Expires</th>
358 </tr> 358 </tr>
359 </thead> 359 </thead>
360 <tbody> 360 <tbody>
361 <tr ng-repeat="fuel in fuelPricing"> 361 <tr ng-repeat="fuel in fuelPricing">
362 <td><input type="checkbox" ng-model="fuel.status"></td> 362 <td><input type="checkbox" ng-model="fuel.status"></td>
363 <td>{{fuel.name}}</td> 363 <td>{{fuel.name}}</td>
364 <td>${{fuel.fuelPricing.cost}}</td> 364 <td>${{fuel.fuelPricing.cost}}</td>
365 <td>${{fuel.fuelPricing.papMargin}}</td> 365 <td>${{fuel.fuelPricing.papMargin}}</td>
366 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal}}</td> 366 <td style="color:#55AF8B;">${{fuel.fuelPricing.papTotal}}</td>
367 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td> 367 <td style="color:#F90">{{fuel.fuelPricing.expirationDate}}</td>
368 </tr>. 368 </tr>.
369 </tbody> 369 </tbody>
370 </table> 370 </table>
371 </div> 371 </div>
372 </div> 372 </div>
373 </div> 373 </div>
374 </div> 374 </div>
375 </div> 375 </div>
376 </div> 376 </div>
377 <!-- /widget-content --> 377 <!-- /widget-content -->
378 </div> 378 </div>
379 <!-- /widget --> 379 <!-- /widget -->
380 </div> 380 </div>
381 <!-- /span6 --> 381 <!-- /span6 -->
382 </div> 382 </div>
383 <!-- /widget --> 383 <!-- /widget -->
384 </div> 384 </div>
385 <!-- /container --> 385 <!-- /container -->
386 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 386 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
387 <div class="modal-dialog modal-lg"> 387 <div class="modal-dialog modal-lg">
388 <div class="modal-content"> 388 <div class="modal-content">
389 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 389 <div class="modal-body step-1" data-step="1" style="padding: 0;">
390 <div> 390 <div>
391 <div class="row" style="margin: 0;"> 391 <div class="row" style="margin: 0;">
392 <div> 392 <div>
393 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 393 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
394 <div class="widget-header"> 394 <div class="widget-header">
395 <i class="icon-pencil"></i> 395 <i class="icon-pencil"></i>
396 <i class="fa fa-tasks" aria-hidden="true"></i> 396 <i class="fa fa-tasks" aria-hidden="true"></i>
397 <h3>Add a New Contact</h3> 397 <h3>Add a New Contact</h3>
398 <div class="clearfix"></div> 398 <div class="clearfix"></div>
399 </div> 399 </div>
400 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 400 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
401 <div class="col-xs-12"> 401 <div class="col-xs-12">
402 <div class="col-md-6"> 402 <div class="col-md-6">
403 <div class="pull-left" style="width: 110px;"> 403 <div class="pull-left" style="width: 110px;">
404 <label class="new-input-label"><b>First Name</b></label> 404 <label class="new-input-label"><b>First Name</b></label>
405 </div> 405 </div>
406 <div class="pull-left" style="margin-left: 15px;"> 406 <div class="pull-left" style="margin-left: 15px;">
407 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 407 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
408 </div> 408 </div>
409 <div class="clearfix"></div> 409 <div class="clearfix"></div>
410 </div> 410 </div>
411 <div class="col-md-6"> 411 <div class="col-md-6">
412 412
413 <div class="pull-left" style="width: 110px;"> 413 <div class="pull-left" style="width: 110px;">
414 <label class="new-input-label"><b>Last Name</b></label> 414 <label class="new-input-label"><b>Last Name</b></label>
415 </div> 415 </div>
416 <div class="pull-left" style="margin-left: 15px;"> 416 <div class="pull-left" style="margin-left: 15px;">
417 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 417 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
418 </div> 418 </div>
419 <div class="clearfix"></div> 419 <div class="clearfix"></div>
420 </div> 420 </div>
421 </div> 421 </div>
422 <div class="clearfix"></div><br> 422 <div class="clearfix"></div><br>
423 <div class="col-xs-12"> 423 <div class="col-xs-12">
424 <div class="col-md-6"> 424 <div class="col-md-6">
425 <div class="pull-left" style="width: 110px;"> 425 <div class="pull-left" style="width: 110px;">
426 <label class="new-input-label"><b>Title</b></label> 426 <label class="new-input-label"><b>Title</b></label>
427 </div> 427 </div>
428 <div class="pull-left" style="margin-left: 15px;"> 428 <div class="pull-left" style="margin-left: 15px;">
429 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 429 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
430 </div> 430 </div>
431 <div class="clearfix"></div> 431 <div class="clearfix"></div>
432 </div> 432 </div>
433 <div class="col-md-6"> 433 <div class="col-md-6">
434 434
435 <div class="pull-left" style="width: 110px;"> 435 <div class="pull-left" style="width: 110px;">
436 <label class="new-input-label"><b>Email</b></label> 436 <label class="new-input-label"><b>Email</b></label>
437 </div> 437 </div>
438 <div class="pull-left" style="margin-left: 15px;"> 438 <div class="pull-left" style="margin-left: 15px;">
439 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 439 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
440 </div> 440 </div>
441 <div class="clearfix"></div> 441 <div class="clearfix"></div>
442 </div> 442 </div>
443 </div> 443 </div>
444 <div class="clearfix"></div><br> 444 <div class="clearfix"></div><br>
445 <div class="col-xs-12"> 445 <div class="col-xs-12">
446 <div class="col-md-6"> 446 <div class="col-md-6">
447 <div class="pull-left" style="width: 110px;"> 447 <div class="pull-left" style="width: 110px;">
448 <label class="new-input-label"><b>Username</b></label> 448 <label class="new-input-label"><b>Username</b></label>
449 </div> 449 </div>
450 <div class="pull-left" style="margin-left: 15px;"> 450 <div class="pull-left" style="margin-left: 15px;">
451 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 451 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
452 </div> 452 </div>
453 <div class="clearfix"></div> 453 <div class="clearfix"></div>
454 </div> 454 </div>
455 <div class="col-md-6"> 455 <div class="col-md-6">
456 456
457 <div class="pull-left" style="width: 110px;"> 457 <div class="pull-left" style="width: 110px;">
458 <label class="new-input-label"><b>Password</b></label> 458 <label class="new-input-label"><b>Password</b></label>
459 </div> 459 </div>
460 <div class="pull-left" style="margin-left: 15px;"> 460 <div class="pull-left" style="margin-left: 15px;">
461 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 461 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
462 </div> 462 </div>
463 <div class="clearfix"></div> 463 <div class="clearfix"></div>
464 </div> 464 </div>
465 </div> 465 </div>
466 <div class="clearfix"></div><br> 466 <div class="clearfix"></div><br>
467 <div class="col-xs-12"> 467 <div class="col-xs-12">
468 <div class="col-md-6"> 468 <div class="col-md-6">
469 <div class="pull-left" style="width: 110px;"> 469 <div class="pull-left" style="width: 110px;">
470 <label class="new-input-label"><b>Work Phone</b></label> 470 <label class="new-input-label"><b>Work Phone</b></label>
471 </div> 471 </div>
472 <div class="pull-left" style="margin-left: 15px;"> 472 <div class="pull-left" style="margin-left: 15px;">
473 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 473 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
474 </div> 474 </div>
475 <div class="clearfix"></div> 475 <div class="clearfix"></div>
476 </div> 476 </div>
477 <div class="col-md-6"> 477 <div class="col-md-6">
478 478
479 <div class="pull-left" style="width: 110px;"> 479 <div class="pull-left" style="width: 110px;">
480 <label class="new-input-label"><b>Mobile Phone</b></label> 480 <label class="new-input-label"><b>Mobile Phone</b></label>
481 </div> 481 </div>
482 <div class="pull-left" style="margin-left: 15px;"> 482 <div class="pull-left" style="margin-left: 15px;">
483 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 483 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
484 </div> 484 </div>
485 <div class="clearfix"></div> 485 <div class="clearfix"></div>
486 </div> 486 </div>
487 </div> 487 </div>
488 <div class="clearfix"></div><br> 488 <div class="clearfix"></div><br>
489 <div class="col-xs-12"> 489 <div class="col-xs-12">
490 <div class="col-md-12"> 490 <div class="col-md-12">
491 <div class="pull-left" style="width: 110px;"> 491 <div class="pull-left" style="width: 110px;">
492 <label class="new-input-label"><b>Address</b></label> 492 <label class="new-input-label"><b>Address</b></label>
493 </div> 493 </div>
494 <div class="pull-right" style="width: calc(100% - 123px);"> 494 <div class="pull-right" style="width: calc(100% - 123px);">
495 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 495 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
496 </div> 496 </div>
497 <div class="clearfix"></div> 497 <div class="clearfix"></div>
498 </div> 498 </div>
499 </div> 499 </div>
500 <div class="clearfix"></div> 500 <div class="clearfix"></div>
501 <br/> 501 <br/>
502 <div class="col-xs-12"> 502 <div class="col-xs-12">
503 <div class="col-md-3"> 503 <div class="col-md-3">
504 <div class="pull-left my-toggle-switch"> 504 <div class="pull-left my-toggle-switch">
505 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 505 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
506 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 506 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
507 </div> 507 </div>
508 </div> 508 </div>
509 <div class="clearfix"></div> 509 <div class="clearfix"></div>
510 </div> 510 </div>
511 <div class="col-md-3"> 511 <div class="col-md-3">
512 <div class="pull-left my-toggle-switch"> 512 <div class="pull-left my-toggle-switch">
513 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 513 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
514 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact"> 514 <input type="checkbox" ng-click="checkPrimaryContact()" ng-model="primaryContact">
515 </div> 515 </div>
516 </div> 516 </div>
517 <div class="clearfix"></div> 517 <div class="clearfix"></div>
518 </div> 518 </div>
519 <div class="col-md-6"> 519 <div class="col-md-6">
520 <div class="pull-left" style="width: 110px;"> 520 <div class="pull-left" style="width: 110px;">
521 <label class="new-input-label"><b>Internal Note</b></label> 521 <label class="new-input-label"><b>Internal Note</b></label>
522 </div> 522 </div>
523 <div class="pull-left" style="width: calc(100% - 110px);"> 523 <div class="pull-left" style="width: calc(100% - 110px);">
524 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 524 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
525 </div> 525 </div>
526 </div> 526 </div>
527 <div class="clearfix"></div> 527 <div class="clearfix"></div>
528 </div> 528 </div>
529 <div class="clearfix"></div><br> 529 <div class="clearfix"></div><br>
530 </div> 530 </div>
531 </div> 531 </div>
532 <div class="clearfix"></div> 532 <div class="clearfix"></div>
533 </div> 533 </div>
534 </div> 534 </div>
535 </div> 535 </div>
536 </div> 536 </div>
537 <div class="modal-footer" style="border-top: 0;"> 537 <div class="modal-footer" style="border-top: 0;">
538 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 538 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
539 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 539 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
540 </div> 540 </div>
541 </div> 541 </div>
542 </div> 542 </div>
543 </form> 543 </form>
544 <div class="clearfix"></div> 544 <div class="clearfix"></div>
545 545
546 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm"> 546 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm">
547 <div class="modal-dialog modal-lg"> 547 <div class="modal-dialog modal-lg">
548 <div class="modal-content"> 548 <div class="modal-content">
549 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 549 <div class="modal-body step-2" data-step="2" style="padding: 0;">
550 <div> 550 <div>
551 <div class="row" style="margin: 0;"> 551 <div class="row" style="margin: 0;">
552 <div> 552 <div>
553 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 553 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
554 <div class="widget-header"> 554 <div class="widget-header">
555 <i class="icon-pencil"></i> 555 <i class="icon-pencil"></i>
556 <i class="fa fa-tasks" aria-hidden="true"></i> 556 <i class="fa fa-tasks" aria-hidden="true"></i>
557 <h3>Add a New Aircraft</h3> 557 <h3>Add a New Aircraft</h3>
558 <div class="clearfix"></div> 558 <div class="clearfix"></div>
559 </div> 559 </div>
560 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 560 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
561 <div class="col-xs-12"> 561 <div class="col-xs-12">
562 <div class="widget-header"> 562 <div class="widget-header">
563 <i class="fa fa-list"></i> 563 <i class="fa fa-list"></i>
564 <h3>Aircraft List</h3> 564 <h3>Aircraft List</h3>
565 </div> 565 </div>
566 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;"> 566 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;">
567 <div class="table-responsive"> 567 <div class="table-responsive">
568 <table class="table table-striped table-bordered"> 568 <table class="table table-striped table-bordered">
569 <thead> 569 <thead>
570 <tr> 570 <tr>
571 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 571 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
572 <th>Tail</th> 572 <th>Tail</th>
573 <th>Make</th> 573 <th>Make</th>
574 <th>Model</th> 574 <th>Model</th>
575 <th>Size</th> 575 <th>Size</th>
576 <th>Margin</th> 576 <th>Margin</th>
577 </tr> 577 </tr>
578 </thead> 578 </thead>
579 <tbody> 579 <tbody>
580 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 580 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
581 <!-- <td> 581 <!-- <td>
582 <input type="checkbox" ng-model="aircraftData.selected"/> 582 <input type="checkbox" ng-model="aircraftData.selected"/>
583 </td> --> 583 </td> -->
584 <td style="width: 20%"> 584 <td style="width: 20%">
585 <input type="tel" class="form-control" ng-model="aircraftData.tail" required/> 585 <input type="tel" class="form-control" ng-model="aircraftData.tail" required/>
586 </td> 586 </td>
587 <td style="width: 20%"> 587 <td style="width: 20%">
588 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 588 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
589 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 589 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
590 </select> 590 </select>
591 </td> 591 </td>
592 <td style="width: 20%"> 592 <td style="width: 20%">
593 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 593 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
594 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 594 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
595 </select> 595 </select>
596 </td> 596 </td>
597 <td style="width: 20%"> 597 <td style="width: 20%">
598 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> 598 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select>
599 <!-- <select class="form-control" ng-model="aircraftData.size"> 599 <!-- <select class="form-control" ng-model="aircraftData.size">
600 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 600 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
601 </select> --> 601 </select> -->
602 </td> 602 </td>
603 <td> 603 <td>
604 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in marginList"></select> 604 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in marginList"></select>
605 </td> 605 </td>
606 </tr> 606 </tr>
607 </tbody> 607 </tbody>
608 </table> 608 </table>
609 </div> 609 </div>
610 <div class="clearfix"></div> 610 <div class="clearfix"></div>
611 </div> 611 </div>
612 </div> 612 </div>
613 <div class="clearfix"></div> 613 <div class="clearfix"></div>
614 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 614 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
615 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 615 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
616 </div> 616 </div>
617 </div> 617 </div>
618 </div> 618 </div>
619 <div class="clearfix"></div> 619 <div class="clearfix"></div>
620 </div> 620 </div>
621 </div> 621 </div>
622 </div> 622 </div>
623 </div> 623 </div>
624 <div class="modal-footer" style="border-top: 0;"> 624 <div class="modal-footer" style="border-top: 0;">
625 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button> 625 <button type="button" class="btn btn-default" id="reset" data-dismiss="modal">Cancel</button>
626 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button> 626 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveCompanyData()">Save</button>
627 </div> 627 </div>
628 </div> 628 </div>
629 </div> 629 </div>
630 </form> 630 </form>
631 631
632 <div class="customConfirmPopBackdrop" id="confirm1"> 632 <div class="customConfirmPopBackdrop" id="confirm1">
633 <div class="customModalInner" style="max-width: 400px;"> 633 <div class="customModalInner" style="max-width: 400px;">
634 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 634 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
635 <table> 635 <table>
636 <tr> 636 <tr>
637 <td> 637 <td>
638 <img src="img/info.png" style="width: 50px;"> 638 <img src="img/info.png" style="width: 50px;">
639 </td> 639 </td>
640 <td> 640 <td>
641 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 641 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
642 </td> 642 </td>
643 </tr> 643 </tr>
644 </table> 644 </table>
645 </div> 645 </div>
646 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 646 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
647 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 647 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
648 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 648 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
649 </div> 649 </div>
650 </div> 650 </div>
651 </div> 651 </div>
652 652
653 <div class="customConfirmPopBackdrop" id="primaryContact"> 653 <div class="customConfirmPopBackdrop" id="primaryContact">
654 <div class="customModalInner" style="max-width: 400px;"> 654 <div class="customModalInner" style="max-width: 400px;">
655 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 655 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
656 <table> 656 <table>
657 <tr> 657 <tr>
658 <td> 658 <td>
659 <img src="img/info.png" style="width: 50px;"> 659 <img src="img/info.png" style="width: 50px;">
660 </td> 660 </td>
661 <td> 661 <td>
662 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p> 662 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to set this person as your primary contact?</p>
663 </td> 663 </td>
664 </tr> 664 </tr>
665 </table> 665 </table>
666 </div> 666 </div>
667 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 667 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
668 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button> 668 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendPrimaryContact()">Yes</button>
669 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button> 669 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelPrimaryContact()">Cancel</button>
670 </div> 670 </div>
671 </div> 671 </div>
672 </div> 672 </div>
673 673
674 <div class="customConfirmPopBackdrop" id="customField"> 674 <div class="customConfirmPopBackdrop" id="customField">
675 <div class="customModalInner" style="max-width: 400px;"> 675 <div class="customModalInner" style="max-width: 400px;">
676 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 676 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
677 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 677 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
678 <div class="col-md-10"> 678 <div class="col-md-10">
679 <form> 679 <form>
680 Title:<br> 680 Title:<br>
681 <input type="text" name="firstname" ng-model="custom.title"><br> 681 <input type="text" name="firstname" ng-model="custom.title"><br>
682 Content:<br> 682 Content:<br>
683 <input type="text" name="lastname" ng-model="custom.content"> 683 <input type="text" name="lastname" ng-model="custom.content">
684 </form> 684 </form>
685 </div> 685 </div>
686 <div class="clearfix"></div> 686 <div class="clearfix"></div>
687 </div> 687 </div>
688 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 688 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
689 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button> 689 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptCustomField()">Accept</button>
690 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button> 690 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelCustomField()">Cancel</button>
691 </div> 691 </div>
692 </div> 692 </div>
693 </div> 693 </div>
694 694
695 <div class="customConfirmPopBackdrop" id="updateContact"> 695 <div class="customConfirmPopBackdrop" id="updateContact">
696 <div class="customModalInner" style="max-width: 400px;"> 696 <div class="customModalInner" style="max-width: 400px;">
697 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 697 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
698 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div> 698 <div class="col-md-2"><img class="src-image" src="img/images.jpg"></div>
699 <div class="col-md-10"> 699 <div class="col-md-10">
700 <form> 700 <form>
701 Title:<br> 701 Title:<br>
702 <input type="text" name="firstname" ng-model="updateData.title"><br> 702 <input type="text" name="firstname" ng-model="updateData.title"><br>
703 Content:<br> 703 Content:<br>
704 <input type="text" name="lastname" ng-model="updateData.content"> 704 <input type="text" name="lastname" ng-model="updateData.content">
705 </form> 705 </form>
706 </div> 706 </div>
707 <div class="clearfix"></div> 707 <div class="clearfix"></div>
708 </div> 708 </div>
709 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 709 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
710 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button> 710 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="acceptUpdateField()">Accept</button>
711 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button> 711 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelUpdateField()">Cancel</button>
712 </div> 712 </div>
713 </div> 713 </div>
714 </div> 714 </div>
715 715
716 <div class="myLoader" ng-show="showLoader"> 716 <div class="myLoader" ng-show="showLoader">
717 <img src="../img/hourglass.gif" width="50px;"> 717 <img src="../img/hourglass.gif" width="50px;">
718 </div> 718 </div>
719 719
720 <!-- Le javascript 720 <!-- Le javascript
721 ================================================== --> 721 ================================================== -->
722 <!-- Placed at the end of the document so the pages load faster --> 722 <!-- Placed at the end of the document so the pages load faster -->
723 <!-- <script 723 <!-- <script
724 CKEDITOR.replace( 'editor2', { 724 CKEDITOR.replace( 'editor2', {
725 height: 250, 725 height: 250,
726 extraPlugins: 'divarea' 726 extraPlugins: 'divarea'
727 } ); 727 } );
728 </script> --> 728 </script> -->
729 729
app/partials/viewFuelVendor/viewFuelVendor.html
Diff comments   View file @a7a7cfe
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 .widget-content{ 5 .widget-content{
6 padding: 10px !important; 6 padding: 10px !important;
7 } 7 }
8 .widget-content input[type="text"], .widget-content select{ 8 .widget-content input[type="text"], .widget-content select{
9 height: 31px; 9 height: 31px;
10 padding: 0; 10 padding: 0;
11 } 11 }
12 .new-label span{ 12 .new-label span{
13 float: left; 13 float: left;
14 line-height: 31px; 14 line-height: 31px;
15 } 15 }
16 .new-label span:first-child{ 16 .new-label span:first-child{
17 margin-right: 5px; 17 margin-right: 5px;
18 font-weight: bold; 18 font-weight: bold;
19 } 19 }
20 .new-label span:last-child{ 20 .new-label span:last-child{
21 margin-left: 5px; 21 margin-left: 5px;
22 } 22 }
23 .new-label select{ 23 .new-label select{
24 display: -webkit-inline-box; 24 display: -webkit-inline-box;
25 display: inline-box; 25 display: inline-box;
26 float: left; 26 float: left;
27 } 27 }
28 .new-address p{ 28 .new-address p{
29 margin-bottom: 0; 29 margin-bottom: 0;
30 } 30 }
31 .new-add-select{ 31 .new-add-select{
32 padding-left: 15px; 32 padding-left: 15px;
33 margin: 10px 0; 33 margin: 10px 0;
34 } 34 }
35 .new-add-select select{ 35 .new-add-select select{
36 width: 100px; 36 width: 100px;
37 } 37 }
38 .widget{ 38 .widget{
39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 39 -moz-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 40 -webkit-box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7); 41 box-shadow: 0px 3px 8px rgba(100,100,100, 0.7);
42 } 42 }
43 .optionclass { 43 .optionclass {
44 background: #fff; 44 background: #fff;
45 } 45 }
46 .timess { 46 .timess {
47 float: right !important; 47 float: right !important;
48 margin-top: 10px !important; 48 margin-top: 10px !important;
49 margin-right: 10px !important; 49 margin-right: 10px !important;
50 color: #999 !important; 50 color: #999 !important;
51 cursor: pointer !important; 51 cursor: pointer !important;
52 } 52 }
53 53
54 .button1 { 54 .button1 {
55 display: inline-block; 55 display: inline-block;
56 height: 35px; 56 height: 35px;
57 line-height: 35px; 57 line-height: 35px;
58 padding-right: 15px; 58 padding-right: 15px;
59 padding-left: 50px; 59 padding-left: 50px;
60 position: relative; 60 position: relative;
61 background-color:rgb(41,127,184); 61 background-color:rgb(41,127,184);
62 color:rgb(255,255,255); 62 color:rgb(255,255,255);
63 text-decoration: none; 63 text-decoration: none;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 letter-spacing: 1px; 65 letter-spacing: 1px;
66 margin-bottom: 15px; 66 margin-bottom: 15px;
67 border: 0; 67 border: 0;
68 68
69 69
70 border-radius: 5px; 70 border-radius: 5px;
71 -moz-border-radius: 5px; 71 -moz-border-radius: 5px;
72 -webkit-border-radius: 5px; 72 -webkit-border-radius: 5px;
73 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 73 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 74 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 75 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
76 76
77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 77 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 78 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
79 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 79 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 80 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 81 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
82 } 82 }
83 83
84 .button1 span { 84 .button1 span {
85 position: absolute; 85 position: absolute;
86 left: 0; 86 left: 0;
87 top: 0; 87 top: 0;
88 width: 35px; 88 width: 35px;
89 background-color:rgba(0,0,0,0.5); 89 background-color:rgba(0,0,0,0.5);
90 90
91 -webkit-border-top-left-radius: 5px; 91 -webkit-border-top-left-radius: 5px;
92 -webkit-border-bottom-left-radius: 5px; 92 -webkit-border-bottom-left-radius: 5px;
93 -moz-border-radius-topleft: 5px; 93 -moz-border-radius-topleft: 5px;
94 -moz-border-radius-bottomleft: 5px; 94 -moz-border-radius-bottomleft: 5px;
95 border-top-left-radius: 5px; 95 border-top-left-radius: 5px;
96 border-bottom-left-radius: 5px; 96 border-bottom-left-radius: 5px;
97 border-right: 1px solid rgba(0,0,0,0.15); 97 border-right: 1px solid rgba(0,0,0,0.15);
98 } 98 }
99 99
100 .button1:hover span, .button1.active span { 100 .button1:hover span, .button1.active span {
101 background-color:rgb(0,102,26); 101 background-color:rgb(0,102,26);
102 border-right: 1px solid rgba(0,0,0,0.3); 102 border-right: 1px solid rgba(0,0,0,0.3);
103 } 103 }
104 104
105 .button1:active { 105 .button1:active {
106 margin-top: 2px; 106 margin-top: 2px;
107 margin-bottom: 13px; 107 margin-bottom: 13px;
108 108
109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 109 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 110 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
111 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 111 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 112 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 113 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
114 } 114 }
115 115
116 .button1.turquoise { 116 .button1.turquoise {
117 background: #449d44; 117 background: #449d44;
118 } 118 }
119 119
120 </style> 120 </style>
121 <div class="col-xs-12 col-md-11"> 121 <div class="col-xs-12 col-md-11">
122 <div class="row" style="margin-left:0px"> 122 <div class="row" style="margin-left:0px">
123 <div class="col-md-12"> 123 <div class="col-md-12">
124 <div class="widget"> 124 <div class="widget">
125 <div class="widget-header"> 125 <div class="widget-header">
126 <i class="fa fa-building-o" aria-hidden="true"></i> 126 <i class="fa fa-building-o" aria-hidden="true"></i>
127 <h3>Antioch Flight Department</h3> 127 <h3>Antioch Flight Department</h3>
128 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i> 128 <i class="fa fa-times timess" ui-sref="app.customers" aria-hidden="true"></i>
129 </div> 129 </div>
130 <!-- /widget-header --> 130 <!-- /widget-header -->
131 <div class="widget-content"> 131 <div class="widget-content">
132 <div class="row" style="margin-left:0px"> 132 <div class="row" style="margin-left:0px">
133 <div class="col-md-6"> 133 <div class="col-md-6">
134 <div class="widget"> 134 <div class="widget">
135 <div class="widget-header"> 135 <div class="widget-header">
136 <i class="fa fa-building-o" aria-hidden="true"></i> 136 <i class="fa fa-building-o" aria-hidden="true"></i>
137 <h3>Company Details</h3> 137 <h3>Company Details</h3>
138 <label>BASE ICAO</label> 138 <label>BASE ICAO</label>
139 <input type="tel" ng-model="vendorData.baseIcao" style="line-height: 18px;width: 50px;padding: 0px 9px;" ng-blur="editData()"/> 139 <input type="tel" ng-model="vendorData.baseIcao" style="line-height: 18px;width: 50px;padding: 0px 9px;" ng-blur="editData()"/>
140 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;"> 140 <div class="pull-right" style="margin-top: 5px; margin-right: 10px;">
141 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Dactive"></toggle> 141 <toggle ng-model="vendorData.activate" ng-change="changeCompanyStatus()" size="customToogle" on="Active" off="Dactive"></toggle>
142 </div> 142 </div>
143 </div> 143 </div>
144 <div class="widget-content"> 144 <div class="widget-content">
145 <div class="row" style="margin-left:0px;"> 145 <div class="row" style="margin-left:0px;">
146 <div class="col-md-7" style="padding-left: 0;"> 146 <div class="col-md-7" style="padding-left: 0;">
147 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'"> 147 <h4 ng-show="showCompanyName" ng-if="vendorData.vendorName != 'undefined'">
148 <b style="color:#F90;">{{vendorData.vendorName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i> 148 <b style="color:#F90;">{{vendorData.vendorName}}</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="company()" style="font-size: 14px;" aria-hidden="true"></i>
149 </h4> 149 </h4>
150 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control" ng-blur="editData('showCompanyName')"/> 150 <input type="tel" ng-hide="showCompanyName" ng-model="vendorData.vendorName" class="form-control" ng-blur="editData('showCompanyName')"/>
151 </div> 151 </div>
152 <div class="col-md-5"> 152 <div class="col-md-5">
153 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="vendorData.certificateType" ng-click="editData()"> 153 <select class="form-control" style="padding: 4px 8px;background: #ebebeb;" ng-model="vendorData.certificateType" ng-click="editData()">
154 <option class="optionclass" disabled selected>Certificate Type</option> 154 <option class="optionclass" disabled selected>Certificate Type</option>
155 <option class="optionclass" value="corporate">Part 91 (Corporate)</option> 155 <option class="optionclass" value="corporate">Part 91 (Corporate)</option>
156 <option class="optionclass" value="charter">Part 135 (Charter)</option> 156 <option class="optionclass" value="charter">Part 135 (Charter)</option>
157 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option> 157 <option class="optionclass" value="scheduled">Part 121 (Scheduled)</option>
158 <option class="optionclass" value="military">Military</option> 158 <option class="optionclass" value="military">Military</option>
159 <option class="optionclass" value="government">Government</option> 159 <option class="optionclass" value="government">Government</option>
160 </select> 160 </select>
161 </div> 161 </div>
162 </div> 162 </div>
163 <div> 163 <div>
164 <p class="new-label"> 164 <p class="new-label">
165 <span>Master Margin Setting </span> 165 <span>Master Margin Setting </span>
166 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-model="vendorData.masterMargin" ng-click="editData()"> 166 <select class="form-control" style="width: 135px;padding: 4px 8px;" ng-model="vendorData.masterMargin" ng-click="editData()">
167 <option value="margin1">Margin1</option> 167 <option value="margin1">Margin1</option>
168 <option value="margin2">Margin2</option> 168 <option value="margin2">Margin2</option>
169 <option value="vendorsonly">Vendors Only</option> 169 <option value="vendorsonly">Vendors Only</option>
170 <option value="margintenants">Margin Tenants</option> 170 <option value="margintenants">Margin Tenants</option>
171 </select> 171 </select>
172 <span>&nbsp;See Aircrart List</span> 172 <span>&nbsp;See Aircrart List</span>
173 <div class="clearfix"></div> 173 <div class="clearfix"></div>
174 </p> 174 </p>
175 </div> 175 </div>
176 <div class="row" style="margin-left:0px;"> 176 <div class="row" style="margin-left:0px;">
177 <div class="col-md-5" style="padding-left: 0;"> 177 <div class="col-md-5" style="padding-left: 0;">
178 <input type="checkbox" name="" ng-click="editData()" ng-model="vendorData.baseTenant"> Tenant/Base Customer 178 <input type="checkbox" name="" ng-click="editData()" ng-model="vendorData.baseTenant"> Tenant/Base Customer
179 </div> 179 </div>
180 <div class="col-md-5" style="padding-left: 0;"> 180 <div class="col-md-5" style="padding-left: 0;">
181 <input type="checkbox" name="" ng-click="editData()" ng-model="vendorData.fuelerlinxCustomer"> FuelerLinx Customer 181 <input type="checkbox" name="" ng-click="editData()" ng-model="vendorData.fuelerlinxCustomer"> FuelerLinx Customer
182 </div> 182 </div>
183 </div> 183 </div>
184 <div> 184 <div>
185 <input type="checkbox" name="" ng-click="editData()" ng-model="vendorData.contractFuelVendor"> CAA Member 185 <input type="checkbox" name="" ng-click="editData()" ng-model="vendorData.contractFuelVendor"> CAA Member
186 </div> 186 </div>
187 </br> 187 </br>
188 <div class="new-address"> 188 <div class="new-address">
189 <p ng-show="showAddress"><i class="fa fa-map-marker"></i> 189 <p ng-show="showAddress"><i class="fa fa-map-marker"></i>
190 <span ng-if="vendorData.addressOne != 'undefined'">{{vendorData.addressOne}} </span> 190 <span ng-if="vendorData.addressOne != 'undefined'">{{vendorData.addressOne}} </span>
191 <span ng-if="vendorData.addressTwo != 'undefined'">{{vendorData.addressTwo}} </span> 191 <span ng-if="vendorData.addressTwo != 'undefined'">{{vendorData.addressTwo}} </span>
192 &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p> 192 &nbsp;<i class="fa fa-pencil-square-o" ng-click="addressChange()" aria-hidden="true"></i> </p>
193 193
194 <div ng-hide="showAddress"> 194 <div ng-hide="showAddress">
195 <label>Address1</label> 195 <label>Address1</label>
196 <input type="tel" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" ng-blur="editData('showAddress')"/> 196 <input type="tel" ng-hide="showAddress" ng-model="vendorData.addressOne" class="form-control" ng-blur="editData('showAddress')"/>
197 <label>Address2</label> 197 <label>Address2</label>
198 <input type="tel" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" ng-blur="editData('showAddress')"/> 198 <input type="tel" ng-hide="showAddress" ng-model="vendorData.addressTwo" class="form-control" ng-blur="editData('showAddress')"/>
199 </div> 199 </div>
200 200
201 <p><i class="fa fa-phone"></i> (310) 2342-3433 &nbsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i></p> 201 <p><i class="fa fa-phone"></i> (310) 2342-3433 &nbsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i></p>
202 <p><i class="fa fa-envelope"></i> freed@gmail.com &nbsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i></p> 202 <p><i class="fa fa-envelope"></i> freed@gmail.com &nbsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i></p>
203 </div> 203 </div>
204 <div class="new-add-select"> 204 <div class="new-add-select">
205 <select class="form-control" style="background: #ebebeb;padding: 4px 8px;width: 115px;"> 205 <select class="form-control" style="background: #ebebeb;padding: 4px 8px;width: 115px;">
206 <option disabled selected>Add Field</option> 206 <option disabled selected>Add Field</option>
207 <option class="optionclass">Add Phone</option> 207 <option class="optionclass">Add Phone</option>
208 <option class="optionclass">Add Email</option> 208 <option class="optionclass">Add Email</option>
209 </select> 209 </select>
210 </div> 210 </div>
211 <div> 211 <div>
212 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p> 212 <p style="margin-bottom: 0;"><b>Company Notes</b> &nbsp;<i class="fa fa-pencil-square-o" ng-click="showNote()" aria-hidden="true"></i></p>
213 <p ng-show="showNoteData" ng-if="vendorData.internalNote != 'undefined'">{{vendorData.internalNote}}</p> 213 <p ng-show="showNoteData" ng-if="vendorData.internalNote != 'undefined'">{{vendorData.internalNote}}</p>
214 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" ng-blur="editData('showNoteData')" rows="4" cols="34"></textarea> 214 <textarea name="message" ng-hide="showNoteData" style="margin-bottom: 6px;" class="form-control" ng-model="vendorData.internalNote" ng-blur="editData('showNoteData')" rows="4" cols="34"></textarea>
215 </div> 215 </div>
216 <div class="dis"> 216 <div class="dis">
217 <button type="button" ng-click="openConfirmMail()" class="btn btn-primary">Distribute Price to Company Contacts</button> 217 <button type="button" ng-click="openConfirmMail()" class="btn btn-primary">Distribute Price to Company Contacts</button>
218 </div> 218 </div>
219 <div><button type="button" class="btn btn-info">Setup Fuel</button></div> 219 <div><button type="button" class="btn btn-info">Setup Fuel</button></div>
220 </div> 220 </div>
221 </div> 221 </div>
222 </div> 222 </div>
223 <div class="col-md-6"> 223 <div class="col-md-6">
224 <div class="widget"> 224 <div class="widget">
225 <div class="widget-header"> 225 <div class="widget-header">
226 <i class="fa fa-plane"></i> 226 <i class="fa fa-pencil"></i>
227 <h3>Aircraft List</h3> 227 <h3>Price Manager Reference</h3>
228 <div class="pull-right"> 228 </div>
229 <button type="submit" class="btn btn-success btn-sm" data-toggle="modal" ng-click="clearAircrafts()" data-target="#aircraft-modal-3" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Aircraft</button> 229 <div class="widget-content">
230 </div> 230 <div class="table-responsive">
231 </div> 231 <table class="table table-hover table-striped">
232 <div class="widget-content" style="padding:0px"> 232 <thead>
233 <div class="table-responsive"> 233 <tr>
234 <table class="table table-bordered table-hover table-striped"> 234 <th>Omit</th>
235 <thead> 235 <th>Product</th>
236 <tr> 236 <th>Cost</th>
237 <th>Tail #</th> 237 <th>PAP (Margin)</th>
238 <th>Make</th> 238 <th>PAP (Total)</th>
239 <th>Model</th> 239 <th style="color:#F90">Expires</th>
240 <th>JET-A</th> 240 </tr>
241 <th>All in</th> 241 </thead>
242 <th>AVGAS</th> 242 <tbody>
243 <th>All in</th> 243 <tr>
244 <th></th> 244 <td><input type="checkbox"></td>
245 </tr> 245 <td>Jet-A Full Service</td>
246 </thead> 246 <td>$2.123</td>
247 <tbody> 247 <td>$23000</td>
248 <tr ng-repeat="aircraft in contactAircraftList"> 248 <td style="color:#55AF8B;">$3659</td>
249 <td>{{aircraft.tail}}</td> 249 <td style="color:#F90">3/15/2017</td>
250 <td>{{aircraft.make}}</td> 250 </tr>
251 <td>{{aircraft.model}}</td> 251 <tr>
252 <td> 252 <td><input type="checkbox"></td>
253 <select class="form-control" style="height:31px;"> 253 <td>Jet-A Full Service</td>
254 <option>Margin1</option> 254 <td>$2.123</td>
255 <option>Margin2</option> 255 <td>$23000</td>
256 </select> 256 <td style="color:#55AF8B;">$3659</td>
257 </td> 257 <td style="color:#F90">3/15/2017</td>
258 <td style="color:#55AF8B;">$3659</td> 258 </tr>
259 <td> 259 <tr>
260 <select class="form-control" style="height:31px;"> 260 <tr>
261 <option>Margin1</option> 261 <td><input type="checkbox"></td>
262 <option>Margin2</option> 262 <td>Jet-A Full Service</td>
263 </select> 263 <td>$2.123</td>
264 </td> 264 <td>$23000</td>
265 <td style="color:#55AF8B;">$3659</td> 265 <td style="color:#55AF8B;">$3659</td>
266 <td></td> 266 <td style="color:#F90">3/15/2017</td>
267 </tr> 267 </tr>
268 </tbody> 268 <tr>
269 </table> 269 <td><input type="checkbox"></td>
270 </div> 270 <td>Jet-A Full Service</td>
271 </div> 271 <td>$2.123</td>
272 </div> 272 <td>$23000</td>
273 <td style="color:#55AF8B;">$3659</td>
274 <td style="color:#F90">3/15/2017</td>
275 </tr>
276 </tbody>
277 </table>
278 </div>
279 </div>
280 </div>
273 </div> 281 </div>
274 </div> 282 </div>
275 <div class="row" style="margin-left:0px"> 283 <div class="row" style="margin-left:0px">
276 <div class="col-md-6"> 284 <div class="col-md-6">
277 <div class="widget"> 285 <div class="widget">
278 <div class="widget-header"> 286 <div class="widget-header">
279 <i class="fa fa-user"></i> 287 <i class="fa fa-user"></i>
280 <h3>Contact List</h3> 288 <h3>Contact List</h3>
281 <div class="pull-right"> 289 <div class="pull-right">
282 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button> 290 <button type="submit" data-toggle="modal" data-target="#contact-modal-3" class="btn btn-success btn-sm" style="margin-top: 4px; margin-right: 9px;"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Add Contact</button>
283 </div> 291 </div>
284 </div> 292 </div>
285 <div class="widget-content" style="padding:0px"> 293 <div class="widget-content" style="padding:0px">
286 <div class="table-responsive"> 294 <div class="table-responsive">
287 <table class="table table-bordered table-hover table-striped"> 295 <table class="table table-bordered table-hover table-striped">
288 <thead> 296 <thead>
289 <tr> 297 <tr>
290 <th>Price Email</th> 298 <th>Price Email</th>
291 <th>First Name</th> 299 <th>First Name</th>
292 <th>Last Name</th> 300 <th>Last Name</th>
293 <th>Title</th> 301 <th>Title</th>
294 </tr> 302 </tr>
295 </thead> 303 </thead>
296 <tbody> 304 <tbody>
297 <tr ng-repeat="contact in vendorContactList"> 305 <tr ng-repeat="contact in vendorContactList">
298 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td> 306 <td><toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)"></toggle></td>
299 <td> 307 <td>
300 <a href="#!/viewContact/{{contact.id}}"> 308 <a href="#!/viewContact/{{contact.id}}">
301 {{contact.firstName}} 309 {{contact.firstName}}
302 </a> 310 </a>
303 </td> 311 </td>
304 <td>{{contact.lastName}}</td> 312 <td>{{contact.lastName}}</td>
305 <td>{{contact.title}}</td> 313 <td>{{contact.title}}</td>
306 </tr> 314 </tr>
307 </tbody> 315 </tbody>
308 </table> 316 </table>
309 </div> 317 </div>
310 </div> 318 </div>
311 </div> 319 </div>
312 </div> 320 </div>
313 <div class="col-md-6"> 321
314 <div class="widget">
315 <div class="widget-header">
316 <i class="fa fa-pencil"></i>
317 <h3>Price Manager Reference</h3>
318 </div>
319 <div class="widget-content">
320 <div class="table-responsive">
321 <table class="table table-hover table-striped">
322 <thead>
323 <tr>
324 <th>Omit</th>
325 <th>Product</th>
326 <th>Cost</th>
327 <th>PAP (Margin)</th>
328 <th>PAP (Total)</th>
329 <th style="color:#F90">Expires</th>
330 </tr>
331 </thead>
332 <tbody>
333 <tr>
334 <td><input type="checkbox"></td>
335 <td>Jet-A Full Service</td>
336 <td>$2.123</td>
337 <td>$23000</td>
338 <td style="color:#55AF8B;">$3659</td>
339 <td style="color:#F90">3/15/2017</td>
340 </tr>
341 <tr>
342 <td><input type="checkbox"></td>
343 <td>Jet-A Full Service</td>
344 <td>$2.123</td>
345 <td>$23000</td>
346 <td style="color:#55AF8B;">$3659</td>
347 <td style="color:#F90">3/15/2017</td>
348 </tr>
349 <tr>
350 <tr>
351 <td><input type="checkbox"></td>
352 <td>Jet-A Full Service</td>
353 <td>$2.123</td>
354 <td>$23000</td>
355 <td style="color:#55AF8B;">$3659</td>
356 <td style="color:#F90">3/15/2017</td>
357 </tr>
358 <tr>
359 <td><input type="checkbox"></td>
360 <td>Jet-A Full Service</td>
361 <td>$2.123</td>
362 <td>$23000</td>
363 <td style="color:#55AF8B;">$3659</td>
364 <td style="color:#F90">3/15/2017</td>
365 </tr>
366 </tbody>
367 </table>
368 </div>
369 </div>
370 </div>
371 </div>
372 </div> 322 </div>
373 </div> 323 </div>
374 <!-- /widget-content --> 324 <!-- /widget-content -->
375 </div> 325 </div>
376 <!-- /widget --> 326 <!-- /widget -->
377 </div> 327 </div>
378 <!-- /span6 --> 328 <!-- /span6 -->
379 </div> 329 </div>
380 <!-- /widget --> 330 <!-- /widget -->
381 </div> 331 </div>
382 <!-- /container --> 332 <!-- /container -->
383 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 333 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
384 <div class="modal-dialog modal-lg"> 334 <div class="modal-dialog modal-lg">
385 <div class="modal-content"> 335 <div class="modal-content">
386 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 336 <div class="modal-body step-1" data-step="1" style="padding: 0;">
387 <div> 337 <div>
388 <div class="row" style="margin: 0;"> 338 <div class="row" style="margin: 0;">
389 <div> 339 <div>
390 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 340 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
391 <div class="widget-header"> 341 <div class="widget-header">
392 <i class="icon-pencil"></i> 342 <i class="icon-pencil"></i>
393 <i class="fa fa-tasks" aria-hidden="true"></i> 343 <i class="fa fa-tasks" aria-hidden="true"></i>
394 <h3>Add a New Contact</h3> 344 <h3>Add a New Contact</h3>
395 <div class="clearfix"></div> 345 <div class="clearfix"></div>
396 </div> 346 </div>
397 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 347 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
398 <div class="col-xs-12"> 348 <div class="col-xs-12">
399 <div class="col-md-6"> 349 <div class="col-md-6">
400 <div class="pull-left" style="width: 110px;"> 350 <div class="pull-left" style="width: 110px;">
401 <label class="new-input-label"><b>First Name</b></label> 351 <label class="new-input-label"><b>First Name</b></label>
402 </div> 352 </div>
403 <div class="pull-left" style="margin-left: 15px;"> 353 <div class="pull-left" style="margin-left: 15px;">
404 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 354 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
405 </div> 355 </div>
406 <div class="clearfix"></div> 356 <div class="clearfix"></div>
407 </div> 357 </div>
408 <div class="col-md-6"> 358 <div class="col-md-6">
409 359
410 <div class="pull-left" style="width: 110px;"> 360 <div class="pull-left" style="width: 110px;">
411 <label class="new-input-label"><b>Last Name</b></label> 361 <label class="new-input-label"><b>Last Name</b></label>
412 </div> 362 </div>
413 <div class="pull-left" style="margin-left: 15px;"> 363 <div class="pull-left" style="margin-left: 15px;">
414 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 364 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
415 </div> 365 </div>
416 <div class="clearfix"></div> 366 <div class="clearfix"></div>
417 </div> 367 </div>
418 </div> 368 </div>
419 <div class="clearfix"></div><br> 369 <div class="clearfix"></div><br>
420 <div class="col-xs-12"> 370 <div class="col-xs-12">
421 <div class="col-md-6"> 371 <div class="col-md-6">
422 <div class="pull-left" style="width: 110px;"> 372 <div class="pull-left" style="width: 110px;">
423 <label class="new-input-label"><b>Title</b></label> 373 <label class="new-input-label"><b>Title</b></label>
424 </div> 374 </div>
425 <div class="pull-left" style="margin-left: 15px;"> 375 <div class="pull-left" style="margin-left: 15px;">
426 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 376 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
427 </div> 377 </div>
428 <div class="clearfix"></div> 378 <div class="clearfix"></div>
429 </div> 379 </div>
430 <div class="col-md-6"> 380 <div class="col-md-6">
431 381
432 <div class="pull-left" style="width: 110px;"> 382 <div class="pull-left" style="width: 110px;">
433 <label class="new-input-label"><b>Email</b></label> 383 <label class="new-input-label"><b>Email</b></label>
434 </div> 384 </div>
435 <div class="pull-left" style="margin-left: 15px;"> 385 <div class="pull-left" style="margin-left: 15px;">
436 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 386 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
437 </div> 387 </div>
438 <div class="clearfix"></div> 388 <div class="clearfix"></div>
439 </div> 389 </div>
440 </div> 390 </div>
441 <div class="clearfix"></div><br> 391 <div class="clearfix"></div><br>
442 <div class="col-xs-12"> 392 <div class="col-xs-12">
443 <div class="col-md-6"> 393 <div class="col-md-6">
444 <div class="pull-left" style="width: 110px;"> 394 <div class="pull-left" style="width: 110px;">
445 <label class="new-input-label"><b>Username</b></label> 395 <label class="new-input-label"><b>Username</b></label>
446 </div> 396 </div>
447 <div class="pull-left" style="margin-left: 15px;"> 397 <div class="pull-left" style="margin-left: 15px;">
448 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 398 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
449 </div> 399 </div>
450 <div class="clearfix"></div> 400 <div class="clearfix"></div>
451 </div> 401 </div>
452 <div class="col-md-6"> 402 <div class="col-md-6">
453 403
454 <div class="pull-left" style="width: 110px;"> 404 <div class="pull-left" style="width: 110px;">
455 <label class="new-input-label"><b>Password</b></label> 405 <label class="new-input-label"><b>Password</b></label>
456 </div> 406 </div>
457 <div class="pull-left" style="margin-left: 15px;"> 407 <div class="pull-left" style="margin-left: 15px;">
458 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 408 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
459 </div> 409 </div>
460 <div class="clearfix"></div> 410 <div class="clearfix"></div>
461 </div> 411 </div>
462 </div> 412 </div>
463 <div class="clearfix"></div><br> 413 <div class="clearfix"></div><br>
464 <div class="col-xs-12"> 414 <div class="col-xs-12">
465 <div class="col-md-6"> 415 <div class="col-md-6">
466 <div class="pull-left" style="width: 110px;"> 416 <div class="pull-left" style="width: 110px;">
467 <label class="new-input-label"><b>Work Phone</b></label> 417 <label class="new-input-label"><b>Work Phone</b></label>
468 </div> 418 </div>
469 <div class="pull-left" style="margin-left: 15px;"> 419 <div class="pull-left" style="margin-left: 15px;">
470 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 420 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
471 </div> 421 </div>
472 <div class="clearfix"></div> 422 <div class="clearfix"></div>
473 </div> 423 </div>
474 <div class="col-md-6"> 424 <div class="col-md-6">
475 425
476 <div class="pull-left" style="width: 110px;"> 426 <div class="pull-left" style="width: 110px;">
477 <label class="new-input-label"><b>Mobile Phone</b></label> 427 <label class="new-input-label"><b>Mobile Phone</b></label>
478 </div> 428 </div>
479 <div class="pull-left" style="margin-left: 15px;"> 429 <div class="pull-left" style="margin-left: 15px;">
480 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 430 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
481 </div> 431 </div>
482 <div class="clearfix"></div> 432 <div class="clearfix"></div>
483 </div> 433 </div>
484 </div> 434 </div>
485 <div class="clearfix"></div><br> 435 <div class="clearfix"></div><br>
486 <div class="col-xs-12"> 436 <div class="col-xs-12">
487 <div class="col-md-12"> 437 <div class="col-md-12">
488 <div class="pull-left" style="width: 110px;"> 438 <div class="pull-left" style="width: 110px;">
489 <label class="new-input-label"><b>Address</b></label> 439 <label class="new-input-label"><b>Address</b></label>
490 </div> 440 </div>
491 <div class="pull-right" style="width: calc(100% - 123px);"> 441 <div class="pull-right" style="width: calc(100% - 123px);">
492 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 442 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
493 </div> 443 </div>
494 <div class="clearfix"></div> 444 <div class="clearfix"></div>
495 </div> 445 </div>
496 </div> 446 </div>
497 <div class="clearfix"></div> 447 <div class="clearfix"></div>
498 <br/> 448 <br/>
499 <div class="col-xs-12"> 449 <div class="col-xs-12">
500 <div class="col-md-3"> 450 <div class="col-md-3">
501 <div class="pull-left my-toggle-switch"> 451 <div class="pull-left my-toggle-switch">
502 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 452 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
503 <toggle ng-model="data.priceEmail" size="customToogle"> 453 <toggle ng-model="data.priceEmail" size="customToogle">
504 </div> 454 </div>
505 </div> 455 </div>
506 <div class="clearfix"></div> 456 <div class="clearfix"></div>
507 </div> 457 </div>
508 <div class="col-md-3"> 458 <div class="col-md-3">
509 <div class="pull-left my-toggle-switch"> 459 <div class="pull-left my-toggle-switch">
510 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 460 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
511 <input type="checkbox" ng-model="data.primaryContact"> 461 <input type="checkbox" ng-model="data.primaryContact">
512 </div> 462 </div>
513 </div> 463 </div>
514 <div class="clearfix"></div> 464 <div class="clearfix"></div>
515 </div> 465 </div>
516 <div class="col-md-6"> 466 <div class="col-md-6">
517 <div class="pull-left" style="width: 110px;"> 467 <div class="pull-left" style="width: 110px;">
518 <label class="new-input-label"><b>Internal Note</b></label> 468 <label class="new-input-label"><b>Internal Note</b></label>
519 </div> 469 </div>
520 <div class="pull-left" style="width: calc(100% - 110px);"> 470 <div class="pull-left" style="width: calc(100% - 110px);">
521 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 471 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
522 </div> 472 </div>
523 </div> 473 </div>
524 <div class="clearfix"></div> 474 <div class="clearfix"></div>
525 </div> 475 </div>
526 <div class="clearfix"></div><br> 476 <div class="clearfix"></div><br>
527 </div> 477 </div>
528 </div> 478 </div>
529 <div class="clearfix"></div> 479 <div class="clearfix"></div>
530 </div> 480 </div>
531 </div> 481 </div>
532 </div> 482 </div>
533 </div> 483 </div>
534 <div class="modal-footer" style="border-top: 0;"> 484 <div class="modal-footer" style="border-top: 0;">
535 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 485 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
536 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 486 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
537 </div> 487 </div>
538 </div> 488 </div>
539 </div> 489 </div>
540 </form> 490 </form>
541 <div class="clearfix"></div> 491 <div class="clearfix"></div>
542 492
543 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm"> 493 <form class="modal multi-step" id="aircraft-modal-3" name="aircraftForm">
544 <div class="modal-dialog modal-lg"> 494 <div class="modal-dialog modal-lg">
545 <div class="modal-content"> 495 <div class="modal-content">
546 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 496 <div class="modal-body step-2" data-step="2" style="padding: 0;">
547 <div> 497 <div>
548 <div class="row" style="margin: 0;"> 498 <div class="row" style="margin: 0;">
549 <div> 499 <div>
550 <div class="widget" style="margin-bottom: 0;box-shadow: none;"> 500 <div class="widget" style="margin-bottom: 0;box-shadow: none;">
551 <div class="widget-header"> 501 <div class="widget-header">
552 <i class="icon-pencil"></i> 502 <i class="icon-pencil"></i>
553 <i class="fa fa-tasks" aria-hidden="true"></i> 503 <i class="fa fa-tasks" aria-hidden="true"></i>
554 <h3>Add a New Aircraft</h3> 504 <h3>Add a New Aircraft</h3>
555 <div class="clearfix"></div> 505 <div class="clearfix"></div>
556 </div> 506 </div>
557 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 507 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
558 <div class="col-xs-12"> 508 <div class="col-xs-12">
559 <div class="widget-header"> 509 <div class="widget-header">
560 <i class="fa fa-list"></i> 510 <i class="fa fa-list"></i>
561 <h3>Aircraft List</h3> 511 <h3>Aircraft List</h3>
562 </div> 512 </div>
563 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;"> 513 <div class="widget-content" style="padding:0px;border: 0px; padding: 0px !important;">
564 <div class="table-responsive"> 514 <div class="table-responsive">
565 <table class="table table-striped table-bordered"> 515 <table class="table table-striped table-bordered">
566 <thead> 516 <thead>
567 <tr> 517 <tr>
568 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 518 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
569 <th>Tail</th> 519 <th>Tail</th>
570 <th>Make</th> 520 <th>Make</th>
571 <th>Model</th> 521 <th>Model</th>
572 <th>Size</th> 522 <th>Size</th>
573 </tr> 523 </tr>
574 </thead> 524 </thead>
575 <tbody> 525 <tbody>
576 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 526 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
577 <!-- <td> 527 <!-- <td>
578 <input type="checkbox" ng-model="aircraftData.selected"/> 528 <input type="checkbox" ng-model="aircraftData.selected"/>
579 </td> --> 529 </td> -->
580 <td style="width: 20%"> 530 <td style="width: 20%">
581 <input type="tel" class="form-control" ng-model="aircraftData.tail" required/> 531 <input type="tel" class="form-control" ng-model="aircraftData.tail" required/>
582 </td> 532 </td>
583 <td style="width: 20%"> 533 <td style="width: 20%">
584 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 534 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
585 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 535 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
586 </select> 536 </select>
587 </td> 537 </td>
588 <td style="width: 20%"> 538 <td style="width: 20%">
589 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 539 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
590 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 540 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
591 </select> 541 </select>
592 </td> 542 </td>
593 <td style="width: 20%"> 543 <td style="width: 20%">
594 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select> 544 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"></select>
595 <!-- <select class="form-control" ng-model="aircraftData.size"> 545 <!-- <select class="form-control" ng-model="aircraftData.size">
596 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 546 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
597 </select> --> 547 </select> -->
598 </td> 548 </td>
599 </tr> 549 </tr>
600 </tbody> 550 </tbody>
601 </table> 551 </table>
602 </div> 552 </div>
603 <div class="clearfix"></div> 553 <div class="clearfix"></div>
604 </div> 554 </div>
605 </div> 555 </div>
606 <div class="clearfix"></div> 556 <div class="clearfix"></div>
607 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 557 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
608 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 558 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
609 </div> 559 </div>
610 </div> 560 </div>
611 </div> 561 </div>
612 <div class="clearfix"></div> 562 <div class="clearfix"></div>
613 </div> 563 </div>
614 </div> 564 </div>
615 </div> 565 </div>
616 </div> 566 </div>
617 <div class="modal-footer" style="border-top: 0;"> 567 <div class="modal-footer" style="border-top: 0;">
618 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 568 <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
619 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveVendorData()">Save</button> 569 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="saveVendorData()">Save</button>
620 </div> 570 </div>
621 </div> 571 </div>
622 </div> 572 </div>
623 </form> 573 </form>
624 574
625 <div class="customConfirmPopBackdrop" id="confirm2"> 575 <div class="customConfirmPopBackdrop" id="confirm2">
626 <div class="customModalInner" style="max-width: 400px;"> 576 <div class="customModalInner" style="max-width: 400px;">
627 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 577 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
628 <table> 578 <table>
629 <tr> 579 <tr>
630 <td> 580 <td>
631 <img src="img/info.png" style="width: 50px;"> 581 <img src="img/info.png" style="width: 50px;">
632 </td> 582 </td>
633 <td> 583 <td>
634 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 584 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
635 </td> 585 </td>
636 </tr> 586 </tr>
637 </table> 587 </table>
638 </div> 588 </div>
639 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 589 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
640 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button> 590 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="sendMail()">Yes</button>
641 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 591 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
642 </div> 592 </div>
643 </div> 593 </div>
644 </div> 594 </div>
645 <!-- Le javascript 595 <!-- Le javascript
646 ================================================== --> 596 ================================================== -->