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