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