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