viithiisys / Acufuel

Compare View

switch
from
...
to
 
Commits (2)
Showing 3 changed files   Show diff stats
app/partials/ContactView/ContactView.html
Diff comments   View file @afbb823
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
29 30 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table" ng-model="search" ng-minlength="minlength"></li>
30 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table" ng-model="search" ng-minlength="minlength"></li> 31 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayContactList.filter({}); searchText=null">Clear Search And Filters</button></li>
32
33 <!-- <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table" ng-model="search" ng-keyup="searchString(search)" ng-minlength="minlength"></li>
34 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> -->
35
31 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayContactList.filter({}); searchText=null">Clear Search And Filters</button></li> 36 <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 37 </ul>
33 <!-- <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table" ng-model="search" ng-keyup="searchString(search)" ng-minlength="minlength"></li> 38 <br>
34 <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li> --> 39 <div class="tab-content customer-table" style="margin:0px">
35 40 <div class="tab-pane active" id="companyView">
36 <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> 41 <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true">
37 </ul> 42 <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})">
38 <br> 43 <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'">
39 <div class="tab-content customer-table" style="margin:0px"> 44 {{row.lastName}}
40 <div class="tab-pane active" id="companyView"> 45 </td>
41 <table ng-table="displayContactList" class="table table-striped table-condensed" show-filter="true"> 46 <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'">
42 <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;" ui-sref="app.viewContact({id : row.id})"> 47 {{row.firstName}}
43 <td data-title="'Last Name'" filter="{lastName: 'text'}" sortable="'lastName'"> 48 </td>
44 {{row.lastName}} 49 <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'">
45 </td> 50 {{row.owner}}
46 <td data-title="'First Name'" filter="{firstName: 'text'}" sortable="'firstName'"> 51 </td>
47 {{row.firstName}} 52 <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'">
48 </td> 53 {{row.workPhone}}
49 <td data-title="'Company Name'" filter="{owner: 'text'}" sortable="'owner'"> 54 </td>
50 {{row.owner}} 55 <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'">
51 </td> 56 {{row.mobilePhone}}
52 <td data-title="'Work Phone'" filter="{workPhone: 'text'}" sortable="'workPhone'"> 57 </td>
53 {{row.workPhone}} 58 <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'">
54 </td> 59 {{row.title}}
55 <td data-title="'Mobile Phone'" filter="{mobilePhone: 'text'}" sortable="'mobilePhone'"> 60 </td>
56 {{row.mobilePhone}} 61 <td data-title="'Pricing Email'">
57 </td> 62 <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle>
58 <td data-title="'Title'" filter="{title: 'text'}" sortable="'title'"> 63 </td>
59 {{row.title}} 64 <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'">
60 </td> 65 {{row.userName}}
61 <td data-title="'Pricing Email'"> 66 </td>
62 <toggle ng-model="row.priceEmail" ng-change="changePriceEmail(row.id, $index)" size="customToogle"></toggle> 67 </tr>
63 </td> 68 </table>
64 <td data-title="'User Name'" filter="{userName: 'text'}" sortable="'userName'"> 69
65 {{row.userName}} 70 <button type="button" ng-click="exportContacts()" class="btn btn-warning exportBtn">Export CSV</button>
66 </td> 71
67 </tr> 72 <!-- <table class="table table-striped">
68 </table> 73 <thead>
69 74 <tr>
70 <button type="button" ng-click="exportContacts()" class="btn btn-warning exportBtn">Export CSV</button> 75 <th>
71 76 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
72 <!-- <table class="table table-striped"> 77 <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label>
73 <thead> 78 </th>
74 <tr> 79
75 <th> 80 <th>
76 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 81 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
77 <label class="font-company">Last Name <i class="fa fa-sort" aria-hidden="true"></i></label> 82 <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
78 </th> 83 </th>
79 84 <th>
80 <th> 85 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
81 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 86 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label>
82 <label class="font-company">First Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 87 </th>
83 </th> 88
84 <th> 89 <th>
85 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 90 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
86 <label class="font-company">Company Name <i class="fa fa-sort" aria-hidden="true"></i></label> 91 <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
87 </th> 92 <th>
88 93 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
89 <th> 94 <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
90 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 95 </th>
91 <label class="font-company">Work Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 96 <th>
92 <th> 97 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
93 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 98 <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label>
94 <label class="font-company">Mobile Phone <i class="fa fa-sort" aria-hidden="true"></i></label> 99 </th>
95 </th> 100
96 <th> 101 <th>
97 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 102 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
98 <label class="font-company">Title <i class="fa fa-sort" aria-hidden="true"></i></label> 103 <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label>
99 </th> 104 </th>
100 105 <th>
101 <th> 106 <input type="text" class="form-control" style="height:31px;" name="name" id="name">
102 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 107 <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label>
103 <label class="font-company">Price Email<i class="fa fa-sort" aria-hidden="true"></i></label> 108 </th>
104 </th> 109 </tr>
105 <th> 110 </thead>
106 <input type="text" class="form-control" style="height:31px;" name="name" id="name"> 111 <tbody>
107 <label class="font-company">Username<i class="fa fa-sort" aria-hidden="true"></i></label> 112 <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})">
108 </th> 113 <td>{{contact.lastName}}</td>
109 </tr> 114 <td>{{contact.firstName}}</td>
110 </thead> 115 <td>{{contact.owner.companyName}}</td>
111 <tbody> 116 <td>{{contact.workPhone}}</td>
112 <tr ng-repeat="contact in contactList" style="cursor: pointer;" ui-sref="app.viewContact({id : contact.id})"> 117 <td>{{contact.mobilePhone}}</td>
113 <td>{{contact.lastName}}</td> 118 <td>{{contact.title}}</td>
114 <td>{{contact.firstName}}</td> 119 <td>
115 <td>{{contact.owner.companyName}}</td> 120 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle>
116 <td>{{contact.workPhone}}</td> 121 </td>
117 <td>{{contact.mobilePhone}}</td> 122 <td>{{contact.userName}}</td>
118 <td>{{contact.title}}</td> 123 </tr>
119 <td> 124 </tbody>
120 <toggle ng-model="contact.priceEmail" ng-change="changePriceEmail(contact.id, $index)" size="customToogle"></toggle> 125 </table> -->
121 </td> 126 <!-- <div class="row" style="margin-left: 0px;">
122 <td>{{contact.userName}}</td> 127 <div class="col-md-2">
123 </tr> 128 <button type="button" class="btn btn-warning">Export Customers</button>
124 </tbody> 129 </div>
125 </table> --> 130 <div class="col-md-10">
126 <!-- <div class="row" style="margin-left: 0px;"> 131 <div class="row" style="margin-left: 0px;">
127 <div class="col-md-2"> 132 <div class="col-md-6">
128 <button type="button" class="btn btn-warning">Export Customers</button> 133 </div>
129 </div> 134 <div class="col-md-2">
130 <div class="col-md-10"> 135 <select class="form-control">
131 <div class="row" style="margin-left: 0px;"> 136 <option>20 Records Per Page</option>
132 <div class="col-md-6"> 137 <option>50 Records Per Page</option>
133 </div> 138 <option>100 Records Per Page</option>
134 <div class="col-md-2"> 139 </select>
135 <select class="form-control"> 140 </div>
136 <option>20 Records Per Page</option> 141 <div class="col-md-4">
137 <option>50 Records Per Page</option> 142 <ul class="pagination" style="margin:0px">
138 <option>100 Records Per Page</option> 143 <li><a href="javascript:;">«</a></li>
139 </select> 144 <li class="active"><a href="#">1</a></li>
140 </div> 145 <li><a href="javascript:;">2</a></li>
141 <div class="col-md-4"> 146 <li><a href="javascript:;">3</a></li>
142 <ul class="pagination" style="margin:0px"> 147 <li><a href="javascript:;">4</a></li>
143 <li><a href="javascript:;">«</a></li> 148 <li><a href="javascript:;">5</a></li>
144 <li class="active"><a href="#">1</a></li> 149 <li><a href="javascript:;">»</a></li>
145 <li><a href="javascript:;">2</a></li> 150 </ul>
146 <li><a href="javascript:;">3</a></li> 151 </div>
147 <li><a href="javascript:;">4</a></li> 152 </div>
148 <li><a href="javascript:;">5</a></li> 153 </div>
149 <li><a href="javascript:;">»</a></li> 154 </div> -->
150 </ul> 155 </div>
151 </div> 156 </div>
152 </div> 157 </div>
153 </div> 158 </div>
154 </div> --> 159 <!-- /widget-content -->
155 </div> 160 </div>
156 </div> 161 <!-- /widget -->
157 </div> 162 </div>
158 </div> 163 <!-- /span8 -->
159 <!-- /widget-content --> 164 </div>
160 </div> 165 <!-- /row -->
161 <!-- /widget --> 166 </div>
162 </div> 167 <!-- /container -->
163 <!-- /span8 --> 168 </div>
164 </div> 169 <!-- /main -->
165 <!-- /row --> 170 <form class="modal multi-step" id="contact-modal-3" name="companyForm">
166 </div> 171 <div class="modal-dialog modal-lg">
167 <!-- /container --> 172 <div class="modal-content">
168 </div> 173 <div class="modal-body step-1" data-step="1" style="padding: 0;">
169 <!-- /main --> 174 <div>
170 <form class="modal multi-step" id="contact-modal-3" name="companyForm"> 175 <div class="row" style="margin: 0;">
171 <div class="modal-dialog modal-lg"> 176 <div>
172 <div class="modal-content"> 177 <div class="widget" style="margin-bottom: 0; box-shadow: none;">
173 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 178 <div class="widget-header">
174 <div> 179 <i class="icon-pencil"></i>
175 <div class="row" style="margin: 0;"> 180 <i class="fa fa-tasks" aria-hidden="true"></i>
176 <div> 181 <h3>Add a New Contact</h3>
177 <div class="widget" style="margin-bottom: 0; box-shadow: none;"> 182 <div class="clearfix"></div>
178 <div class="widget-header"> 183 </div>
179 <i class="icon-pencil"></i> 184 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
180 <i class="fa fa-tasks" aria-hidden="true"></i> 185 <div class="col-xs-12">
181 <h3>Add a New Contact</h3> 186 <div class="col-md-6">
182 <div class="clearfix"></div> 187 <div class="pull-left" style="width: 110px;">
183 </div> 188 <label class="new-input-label"><b>First Name</b></label>
184 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 189 </div>
185 <div class="col-xs-12"> 190 <div class="pull-left" style="margin-left: 15px;">
186 <div class="col-md-6"> 191 <input type="tel" ng-model="data.firstName" class="form-control" placeholder="">
187 <div class="pull-left" style="width: 110px;"> 192 </div>
188 <label class="new-input-label"><b>First Name</b></label> 193 <div class="clearfix"></div>
189 </div> 194 </div>
190 <div class="pull-left" style="margin-left: 15px;"> 195 <div class="col-md-6">
191 <input type="tel" ng-model="data.firstName" class="form-control" placeholder=""> 196
192 </div> 197 <div class="pull-left" style="width: 110px;">
193 <div class="clearfix"></div> 198 <label class="new-input-label"><b>Last Name</b></label>
194 </div> 199 </div>
195 <div class="col-md-6"> 200 <div class="pull-left" style="margin-left: 15px;">
196 201 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder="">
197 <div class="pull-left" style="width: 110px;"> 202 </div>
198 <label class="new-input-label"><b>Last Name</b></label> 203 <div class="clearfix"></div>
199 </div> 204 </div>
200 <div class="pull-left" style="margin-left: 15px;"> 205 </div>
201 <input type="tel" ng-model="data.lastName" class="form-control" id="Address" placeholder=""> 206 <div class="clearfix"></div><br>
202 </div> 207 <div class="col-xs-12">
203 <div class="clearfix"></div> 208 <div class="col-md-6">
204 </div> 209 <div class="pull-left" style="width: 110px;">
205 </div> 210 <label class="new-input-label"><b>Title</b></label>
206 <div class="clearfix"></div><br> 211 </div>
207 <div class="col-xs-12"> 212 <div class="pull-left" style="margin-left: 15px;">
208 <div class="col-md-6"> 213 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder="">
209 <div class="pull-left" style="width: 110px;"> 214 </div>
210 <label class="new-input-label"><b>Title</b></label> 215 <div class="clearfix"></div>
211 </div> 216 </div>
212 <div class="pull-left" style="margin-left: 15px;"> 217 <div class="col-md-6">
213 <input type="tel" ng-model="data.title" class="form-control" id="Address" placeholder=""> 218
214 </div> 219 <div class="pull-left" style="width: 110px;">
215 <div class="clearfix"></div> 220 <label class="new-input-label"><b>Email</b></label>
216 </div> 221 </div>
217 <div class="col-md-6"> 222 <div class="pull-left" style="margin-left: 15px;">
218 223 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder="">
219 <div class="pull-left" style="width: 110px;"> 224 </div>
220 <label class="new-input-label"><b>Email</b></label> 225 <div class="clearfix"></div>
221 </div> 226 </div>
222 <div class="pull-left" style="margin-left: 15px;"> 227 </div>
223 <input type="email" ng-model="data.email" class="form-control" id="Address" placeholder=""> 228 <div class="clearfix"></div><br>
224 </div> 229 <div class="col-xs-12">
225 <div class="clearfix"></div> 230 <div class="col-md-6">
226 </div> 231 <div class="pull-left" style="width: 110px;">
227 </div> 232 <label class="new-input-label"><b>Username</b></label>
228 <div class="clearfix"></div><br> 233 </div>
229 <div class="col-xs-12"> 234 <div class="pull-left" style="margin-left: 15px;">
230 <div class="col-md-6"> 235 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder="">
231 <div class="pull-left" style="width: 110px;"> 236 </div>
232 <label class="new-input-label"><b>Username</b></label> 237 <div class="clearfix"></div>
233 </div> 238 </div>
234 <div class="pull-left" style="margin-left: 15px;"> 239 <div class="col-md-6">
235 <input type="tel" ng-model="data.userName" class="form-control" id="Address" placeholder=""> 240
236 </div> 241 <div class="pull-left" style="width: 110px;">
237 <div class="clearfix"></div> 242 <label class="new-input-label"><b>Password</b></label>
238 </div> 243 </div>
239 <div class="col-md-6"> 244 <div class="pull-left" style="margin-left: 15px;">
240 245 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder="">
241 <div class="pull-left" style="width: 110px;"> 246 </div>
242 <label class="new-input-label"><b>Password</b></label> 247 <div class="clearfix"></div>
243 </div> 248 </div>
244 <div class="pull-left" style="margin-left: 15px;"> 249 </div>
245 <input type="password" ng-model="data.password" class="form-control" id="Address" placeholder=""> 250 <div class="clearfix"></div><br>
246 </div> 251 <div class="col-xs-12">
247 <div class="clearfix"></div> 252 <div class="col-md-6">
248 </div> 253 <div class="pull-left" style="width: 110px;">
249 </div> 254 <label class="new-input-label"><b>Work Phone</b></label>
250 <div class="clearfix"></div><br> 255 </div>
251 <div class="col-xs-12"> 256 <div class="pull-left" style="margin-left: 15px;">
252 <div class="col-md-6"> 257 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder="">
253 <div class="pull-left" style="width: 110px;"> 258 </div>
254 <label class="new-input-label"><b>Work Phone</b></label> 259 <div class="clearfix"></div>
255 </div> 260 </div>
256 <div class="pull-left" style="margin-left: 15px;"> 261 <div class="col-md-6">
257 <input type="tel" ng-model="data.workPhone" class="form-control" id="Address" placeholder=""> 262
258 </div> 263 <div class="pull-left" style="width: 110px;">
259 <div class="clearfix"></div> 264 <label class="new-input-label"><b>Mobile Phone</b></label>
260 </div> 265 </div>
261 <div class="col-md-6"> 266 <div class="pull-left" style="margin-left: 15px;">
262 267 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder="">
263 <div class="pull-left" style="width: 110px;"> 268 </div>
264 <label class="new-input-label"><b>Mobile Phone</b></label> 269 <div class="clearfix"></div>
265 </div> 270 </div>
266 <div class="pull-left" style="margin-left: 15px;"> 271 </div>
267 <input type="tel" ng-model="data.mobilePhone" class="form-control" id="Address" placeholder=""> 272 <div class="clearfix"></div><br>
268 </div> 273 <div class="col-xs-12">
269 <div class="clearfix"></div> 274 <div class="col-md-12">
270 </div> 275 <div class="pull-left" style="width: 110px;">
271 </div> 276 <label class="new-input-label"><b>Address</b></label>
272 <div class="clearfix"></div><br> 277 </div>
273 <div class="col-xs-12"> 278 <div class="pull-right" style="width: calc(100% - 123px);">
274 <div class="col-md-12"> 279 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder="">
275 <div class="pull-left" style="width: 110px;"> 280 </div>
276 <label class="new-input-label"><b>Address</b></label> 281 <div class="clearfix"></div>
277 </div> 282 </div>
278 <div class="pull-right" style="width: calc(100% - 123px);"> 283 </div>
279 <input type="tel" class="form-control" ng-model="data.address" id="Address" placeholder=""> 284 <div class="clearfix"></div><br>
280 </div> 285 <div class="col-xs-12">
281 <div class="clearfix"></div> 286 <div class="col-md-12">
282 </div> 287 <div class="pull-left" style="width: 110px;">
283 </div> 288 <label class="new-input-label"><b>Company</b></label>
284 <div class="clearfix"></div><br> 289 </div>
285 <div class="col-xs-12"> 290 <div class="pull-right" style="width: calc(100% - 123px);">
286 <div class="col-md-12"> 291 <select class="form-control" ng-model="data.companyId">
287 <div class="pull-left" style="width: 110px;"> 292 <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option>
288 <label class="new-input-label"><b>Company</b></label> 293 </select>
289 </div> 294 </div>
290 <div class="pull-right" style="width: calc(100% - 123px);"> 295 <div class="clearfix"></div>
291 <select class="form-control" ng-model="data.companyId"> 296 </div>
292 <option value="{{company.id}}" ng-repeat="company in companies">{{company.companyName}}</option> 297 </div>
293 </select> 298
294 </div> 299
295 <div class="clearfix"></div> 300 <div class="clearfix"></div>
296 </div> 301 <br/>
297 </div> 302 <div class="col-xs-12">
298 303 <div class="col-md-3">
299 304 <div class="pull-left my-toggle-switch">
300 <div class="clearfix"></div> 305 <div style="color: #ff9a01;">Price Email &nbsp &nbsp
301 <br/> 306 <toggle ng-model="data.priceEmail" size="customToogle"></toggle>
302 <div class="col-xs-12"> 307 </div>
303 <div class="col-md-3"> 308 </div>
304 <div class="pull-left my-toggle-switch"> 309 <div class="clearfix"></div>
305 <div style="color: #ff9a01;">Price Email &nbsp &nbsp 310 </div>
306 <toggle ng-model="data.priceEmail" size="customToogle"></toggle> 311 <div class="col-md-3">
307 </div> 312 <div class="pull-left my-toggle-switch">
308 </div> 313 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp
309 <div class="clearfix"></div> 314 <input type="checkbox" ng-model="data.primaryContact">
310 </div> 315 </div>
311 <div class="col-md-3"> 316 </div>
312 <div class="pull-left my-toggle-switch"> 317 <div class="clearfix"></div>
313 <div style="color: #ff9a01;">Primary Contact &nbsp &nbsp 318 </div>
314 <input type="checkbox" ng-model="data.primaryContact"> 319 <div class="col-md-6">
315 </div> 320 <div class="pull-left" style="width: 110px;">
316 </div> 321 <label class="new-input-label"><b>Internal Note</b></label>
317 <div class="clearfix"></div> 322 </div>
318 </div> 323 <div class="pull-left" style="width: calc(100% - 110px);">
319 <div class="col-md-6"> 324 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea>
320 <div class="pull-left" style="width: 110px;"> 325 </div>
321 <label class="new-input-label"><b>Internal Note</b></label> 326 </div>
322 </div> 327 <div class="clearfix"></div>
323 <div class="pull-left" style="width: calc(100% - 110px);"> 328 </div>
324 <textarea name="message" ng-model="data.note" rows="4" cols="34"></textarea> 329 <div class="clearfix"></div><br>
325 </div> 330 </div>
326 </div> 331 </div>
327 <div class="clearfix"></div> 332 <div class="clearfix"></div>
328 </div> 333 </div>
329 <div class="clearfix"></div><br> 334 </div>
330 </div> 335 </div>
331 </div> 336 </div>
332 <div class="clearfix"></div> 337 <div class="modal-footer" style="border-top: 0;">
333 </div> 338 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
334 </div> 339 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button>
335 </div> 340 </div>
336 </div> 341 </div>
337 <div class="modal-footer" style="border-top: 0;"> 342 </div>
338 <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button> 343 </form>
339 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addContact()">Save</button> 344
340 </div> 345 <div class="customConfirmPopBackdrop" id="toogleMail">
341 </div> 346 <div class="customModalInner" style="max-width: 400px;">
342 </div> 347 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
343 </form> 348 <table>
344 349 <tr>
345 <div class="customConfirmPopBackdrop" id="toogleMail"> 350 <!-- <td>
346 <div class="customModalInner" style="max-width: 400px;"> 351 <img src="" style="width: 50px;">
347 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 352 </td> -->
348 <table> 353 <td>
349 <tr> 354 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p>
350 <!-- <td> 355 </td>
351 <img src="" style="width: 50px;"> 356 </tr>
352 </td> --> 357 </table>
353 <td> 358 </div>
354 <p style="padding: 5px 10px; margin-bottom: 0;text-align: center;">{{messageText}}</p> 359 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
355 </td> 360 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelToogle()">Cancel</button>
356 </tr> 361 </div>
357 </table> 362 </div>
358 </div> 363 </div>
app/partials/customers/customers.html
Diff comments   View file @afbb823
1 <style> 1 <style>
2 .subnavbar .mainnav > li:nth-child(3) > a{ 2 .subnavbar .mainnav > li:nth-child(3) > a{
3 color: #ff9900; 3 color: #ff9900;
4 } 4 }
5 5
6 .button1 { 6 .button1 {
7 display: inline-block; 7 display: inline-block;
8 height: 35px; 8 height: 35px;
9 line-height: 35px; 9 line-height: 35px;
10 padding-right: 15px; 10 padding-right: 15px;
11 padding-left: 50px; 11 padding-left: 50px;
12 position: relative; 12 position: relative;
13 background-color:rgb(41,127,184); 13 background-color:rgb(41,127,184);
14 color:rgb(255,255,255); 14 color:rgb(255,255,255);
15 text-decoration: none; 15 text-decoration: none;
16 text-transform: uppercase; 16 text-transform: uppercase;
17 letter-spacing: 1px; 17 letter-spacing: 1px;
18 margin-bottom: 15px; 18 margin-bottom: 15px;
19 border: 0; 19 border: 0;
20 20
21 21
22 border-radius: 5px; 22 border-radius: 5px;
23 -moz-border-radius: 5px; 23 -moz-border-radius: 5px;
24 -webkit-border-radius: 5px; 24 -webkit-border-radius: 5px;
25 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 25 text-shadow:0px 1px 0px rgba(0,0,0,0.5);
26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; 26 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); 27 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
28 28
29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 29 -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); 30 -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
31 box-shadow:0px 2px 2px rgba(0,0,0,0.2); 31 box-shadow:0px 2px 2px rgba(0,0,0,0.2);
32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; 32 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); 33 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
34 } 34 }
35 35
36 .button1 span { 36 .button1 span {
37 position: absolute; 37 position: absolute;
38 left: 0; 38 left: 0;
39 top: 0; 39 top: 0;
40 width: 35px; 40 width: 35px;
41 background-color:rgba(0,0,0,0.5); 41 background-color:rgba(0,0,0,0.5);
42 42
43 -webkit-border-top-left-radius: 5px; 43 -webkit-border-top-left-radius: 5px;
44 -webkit-border-bottom-left-radius: 5px; 44 -webkit-border-bottom-left-radius: 5px;
45 -moz-border-radius-topleft: 5px; 45 -moz-border-radius-topleft: 5px;
46 -moz-border-radius-bottomleft: 5px; 46 -moz-border-radius-bottomleft: 5px;
47 border-top-left-radius: 5px; 47 border-top-left-radius: 5px;
48 border-bottom-left-radius: 5px; 48 border-bottom-left-radius: 5px;
49 border-right: 1px solid rgba(0,0,0,0.15); 49 border-right: 1px solid rgba(0,0,0,0.15);
50 } 50 }
51 51
52 .button1:hover span, .button1.active span { 52 .button1:hover span, .button1.active span {
53 background-color:rgb(0,102,26); 53 background-color:rgb(0,102,26);
54 border-right: 1px solid rgba(0,0,0,0.3); 54 border-right: 1px solid rgba(0,0,0,0.3);
55 } 55 }
56 56
57 .button1:active { 57 .button1:active {
58 margin-top: 2px; 58 margin-top: 2px;
59 margin-bottom: 13px; 59 margin-bottom: 13px;
60 60
61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 61 -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); 62 -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
63 box-shadow:0px 1px 0px rgba(255,255,255,0.5); 63 box-shadow:0px 1px 0px rgba(255,255,255,0.5);
64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; 64 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); 65 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
66 } 66 }
67 67
68 .button1.turquoise { 68 .button1.turquoise {
69 background: #449d44; 69 background: #449d44;
70 } 70 }
71 </style> 71 </style>
72 <div class="myLoader" ng-show="showLoader"> 72 <div class="myLoader" ng-show="showLoader">
73 <img src="../img/hourglass.gif" width="50px;"> 73 <img src="../img/hourglass.gif" width="50px;">
74 </div> 74 </div>
75 75
76 <div class="main"> 76 <div class="main">
77 <div class="container"> 77 <div class="container">
78 <div class="row"> 78 <div class="row">
79 <div class="col-md-12"> 79 <div class="col-md-12">
80 <div class="widget stacked "> 80 <div class="widget stacked ">
81 <div class="widget-content"> 81 <div class="widget-content">
82 <div class="tabbable"> 82 <div class="tabbable">
83 <ul class="nav nav-tabs"> 83 <ul class="nav nav-tabs">
84 <li class="active"> 84 <li class="active">
85 <a ui-sref="app.customers">Company View 85 <a ui-sref="app.customers">Company View
86 <i class="fa fa-caret-down" aria-hidden="true"></i> 86 <i class="fa fa-caret-down" aria-hidden="true"></i>
87 </a> 87 </a>
88 </li> 88 </li>
89 <li> 89 <li>
90 <a ui-sref="app.ContactView">Contact View 90 <a ui-sref="app.ContactView">Contact View
91 <i class="fa fa-caret-down" aria-hidden="true"></i> 91 <i class="fa fa-caret-down" aria-hidden="true"></i>
92 </a> 92 </a>
93 </li> 93 </li>
94 <li> 94 <li>
95 <a ui-sref="app.FuelVendors">Fuel Vendors 95 <a ui-sref="app.FuelVendors">Fuel Vendors
96 <i class="fa fa-caret-down" aria-hidden="true"></i> 96 <i class="fa fa-caret-down" aria-hidden="true"></i>
97 </a> 97 </a>
98 </li> 98 </li>
99 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li> 99 <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li>
100 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayCompanyList.filter({}); searchText=null">Clear Search And Filters</button></li> 100 <li><button type="button" class="btn btn-default btn-sm" ng-click="displayCompanyList.filter({}); searchText=null">Clear Search And Filters</button></li>
101 <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> 101 <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>
102 </ul> 102 </ul>
103 <br> 103 <br>
104 <div class="tab-content customer-table" style="margin:0px"> 104 <div class="tab-content customer-table" style="margin:0px">
105 <div class="tab-pane active" id="companyView"> 105 <div class="tab-pane active" id="companyView">
106 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true"> 106 <table ng-table="displayCompanyList" class="table table-striped table-condensed" show-filter="true">
107 <tr ng-repeat="row in $data | filter:searchText"" style="cursor: pointer;"> 107 <tr ng-repeat="row in $data | filter:searchText"" style="cursor: pointer;">
108 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ui-sref="app.viewCompany({id : row.id})"> 108 <td data-title="'Company Name'" filter="{companyName: 'text'}" sortable="'companyName'" ui-sref="app.viewCompany({id : row.id})">
109 {{row.companyName}} 109 {{row.companyName}}
110 </td> 110 </td>
111 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'" ui-sref="app.viewCompany({id : row.id})"> 111 <td data-title="'Fleet'" filter="{companyAircraftSize: 'text'}" sortable="'companyAircraftSize'" ui-sref="app.viewCompany({id : row.id})">
112 {{row.companyAircraftSize}} 112 {{row.companyAircraftSize}}
113 </td> 113 </td>
114 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewCompany({id : row.id})"> 114 <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewCompany({id : row.id})">
115 {{row.newContactNumber}} 115 {{row.newContactNumber}}
116 </td> 116 </td>
117 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewCompany({id : row.id})"> 117 <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewCompany({id : row.id})">
118 {{row.primaryContactName}} 118 {{row.primaryContactName}}
119 </td> 119 </td>
120 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'" ui-sref="app.viewCompany({id : row.id})"> 120 <td data-title="'Base'" filter="{baseIcao: 'text'}" sortable="'baseIcao'" ui-sref="app.viewCompany({id : row.id})">
121 {{row.baseIcao}} 121 {{row.baseIcao}}
122 </td> 122 </td>
123 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewCompany({id : row.id})"> 123 <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewCompany({id : row.id})">
124 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button> 124 <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
125 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button> 125 <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
126 </td> 126 </td>
127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'"> 127 <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select> 128 <select class="form-control" ng-change="editMargin(row)" style="height:31px;" ng-model="row.masterMargin" ng-selected="" ng-options="margin.id as margin.marginName for margin in jetMarginList" required></select>
129 </td> 129 </td>
130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewCompany({id : row.id})"> 130 <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewCompany({id : row.id})">
131 {{row.marginAllIn}} 131 {{row.marginAllIn}}
132 </td> 132 </td>
133 <td data-title="''"> 133 <td data-title="''">
134 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button> 134 <button type="button" class="btn btn-info btn-xs" ng-click="setFuel()">Setup Fuel</button>
135 </td> 135 </td>
136 </tr> 136 </tr>
137 </table> 137 </table>
138 138
139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button> 139 <button type="button" ng-click="exportCompany()" class="btn btn-warning exportBtn">Export CSV</button>
140 140
141 </div> 141 </div>
142 </div> 142 </div>
143 </div> 143 </div>
144 </div> 144 </div>
145 <!-- /widget-content --> 145 <!-- /widget-content -->
146 </div> 146 </div>
147 <!-- /widget --> 147 <!-- /widget -->
148 </div> 148 </div>
149 <!-- /span8 --> 149 <!-- /span8 -->
150 </div> 150 </div>
151 <!-- /row --> 151 <!-- /row -->
152 </div> 152 </div>
153 <!-- /container --> 153 <!-- /container -->
154 </div> 154 </div>
155 <!-- /main --> 155 <!-- /main -->
156 <form class="modal multi-step" id="demo-modal-3" name="companyForm"> 156 <form class="modal multi-step" id="demo-modal-3" name="companyForm">
157 <div class="modal-dialog modal-lg"> 157 <div class="modal-dialog modal-lg">
158 <div class="modal-content"> 158 <div class="modal-content">
159 <div class="modal-body step-1" data-step="1" style="padding: 0;"> 159 <div class="modal-body step-1" data-step="1" style="padding: 0;">
160 <div> 160 <div>
161 <div class="row" style="margin: 0;"> 161 <div class="row" style="margin: 0;">
162 <div> 162 <div>
163 <div class="widget" style="margin-bottom: 0;"> 163 <div class="widget" style="margin-bottom: 0;">
164 <div class="widget-header"> 164 <div class="widget-header">
165 <i class="icon-pencil"></i> 165 <i class="icon-pencil"></i>
166 <i class="fa fa-tasks" aria-hidden="true"></i> 166 <i class="fa fa-tasks" aria-hidden="true"></i>
167 <h3>Add a New Company</h3> 167 <h3>Add a New Company</h3>
168 <div class="pull-right my-toggle-switch" style="margin-right: 30px;"> 168 <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
169 <div style="color: #ff9a01;">Activate &nbsp &nbsp 169 <div style="color: #ff9a01;">Activate &nbsp &nbsp
170 <toggle ng-model="data.activate" size="customToogle"></toggle> 170 <toggle ng-model="data.activate" size="customToogle"></toggle>
171 </div> 171 </div>
172 </div> 172 </div>
173 <div class="clearfix"></div> 173 <div class="clearfix"></div>
174 </div> 174 </div>
175 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 175 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
176 <div class="col-xs-12"> 176 <div class="col-xs-12">
177 <div class="col-md-8"> 177 <div class="col-md-8">
178 <div class="pull-left"> 178 <div class="pull-left">
179 <label class="new-input-label"><b>Company Name *</b></label> 179 <label class="new-input-label"><b>Company Name *</b></label>
180 </div> 180 </div>
181 <div class="pull-left" style="margin-left: 15px;"> 181 <div class="pull-left" style="margin-left: 15px;">
182 <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required> 182 <input type="text" ng-model="data.companyName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
183 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label> 183 <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
184 </div> 184 </div>
185 <div class="clearfix"></div> 185 <div class="clearfix"></div>
186 </div> 186 </div>
187 <div class="col-md-4"> 187 <div class="col-md-4">
188 188
189 <div class="pull-right"> 189 <div class="pull-right">
190 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder=""> 190 <input type="text" ng-model="data.baseIcao" style="width: 100px;" class="form-control" placeholder="">
191 </div> 191 </div>
192 <div class="pull-right"> 192 <div class="pull-right">
193 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label> 193 <label style="margin-right: 15px;" class="new-input-label"><b>Base ICAO</b></label>
194 </div> 194 </div>
195 <div class="clearfix"></div> 195 <div class="clearfix"></div>
196 </div> 196 </div>
197 </div> 197 </div>
198 <div class="clearfix"></div><br> 198 <div class="clearfix"></div><br>
199 <div class="col-xs-12"> 199 <div class="col-xs-12">
200 <div class="col-md-7"> 200 <div class="col-md-7">
201 <div class="pull-left"> 201 <div class="pull-left">
202 <label class="new-input-label"><b>Relationship&nbsp;</b></label> 202 <label class="new-input-label"><b>Relationship&nbsp;</b></label>
203 </div> 203 </div>
204 <div class="pull-left" style="margin-left: 32px;"> 204 <div class="pull-left" style="margin-left: 32px;">
205 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br> 205 <input type="checkbox" ng-model="data.baseTenant" name="vehicle" value="Bike"> Check here if this is a Base Tenant<br>
206 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br> 206 <input type="checkbox" ng-model="data.fuelerlinxCustomer" name="vehicle" value="Car" checked> Check here if this is a FuelerLinx Customer<br>
207 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor 207 <input type="checkbox" ng-model="data.contractFuelVendor" name="vehicle" value="Car" checked> Check here if this is a Contract Fuel Vendor
208 </div> 208 </div>
209 <div class="clearfix"></div> 209 <div class="clearfix"></div>
210 </div> 210 </div>
211 <div class="col-md-2 Airport" style="text-align: right;"> 211 <div class="col-md-2 Airport" style="text-align: right;">
212 <b>Certificate Type</b> 212 <b>Certificate Type</b>
213 </div> 213 </div>
214 <div class="col-md-3 Airport"> 214 <div class="col-md-3 Airport">
215 <select required class="form-control" ng-model="data.certificateType"> 215 <select required class="form-control" ng-model="data.certificateType">
216 <option value="" disabled selected hidden>Select...</option> 216 <option value="" disabled selected hidden>Select...</option>
217 <option value="corporate">Part 91 (Corporate)</option> 217 <option value="corporate">Part 91 (Corporate)</option>
218 <option value="charter">Part 135 (Charter)</option> 218 <option value="charter">Part 135 (Charter)</option>
219 <option value="scheduled">Part 121 (Scheduled)</option> 219 <option value="scheduled">Part 121 (Scheduled)</option>
220 <option value="military">Military</option> 220 <option value="military">Military</option>
221 <option value="government">Government</option> 221 <option value="government">Government</option>
222 </select> 222 </select>
223 </div> 223 </div>
224 <div class="clearfix"></div> 224 <div class="clearfix"></div>
225 </div> 225 </div>
226 <div class="clearfix"></div> 226 <div class="clearfix"></div>
227 <br/> 227 <br/>
228 <div class="col-xs-12"> 228 <div class="col-xs-12">
229 <div class="col-md-6"> 229 <div class="col-md-6">
230 <div class="pull-left" style="width: 110px;"> 230 <div class="pull-left" style="width: 110px;">
231 <b>JET A Margin *</b> 231 <b>JET A Margin *</b>
232 </div> 232 </div>
233 <div class="pull-left"> 233 <div class="pull-left">
234 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()"> 234 <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
235 <option value="" disabled>Select...</option> 235 <option value="" disabled>Select...</option>
236 </select> 236 </select>
237 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label> 237 <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
238 238
239 <div class="clearfix"></div> 239 <div class="clearfix"></div>
240 </div> 240 </div>
241 </div> 241 </div>
242 242
243 <div class="col-md-3 Airport" style="text-align: right;"> 243 <div class="col-md-3 Airport" style="text-align: right;">
244 <b>AVGAS 100LL Margin</b> 244 <b>AVGAS 100LL Margin</b>
245 </div> 245 </div>
246 <div class="col-md-3 Airport"> 246 <div class="col-md-3 Airport">
247 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 247 <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
248 <option value="" disabled>Select...</option> 248 <option value="" disabled>Select...</option>
249 </select> 249 </select>
250 </div> 250 </div>
251 <div class="clearfix"></div> 251 <div class="clearfix"></div>
252 </div> 252 </div>
253 <div class="clearfix"></div> 253 <div class="clearfix"></div>
254 <br/> 254 <br/>
255 <div class="col-xs-12"> 255 <div class="col-xs-12">
256 <div class="col-md-12"> 256 <div class="col-md-12">
257 <div class="pull-left" style="width: 110px;"> 257 <div class="pull-left" style="width: 110px;">
258 <label class="new-input-label"><b>Address</b></label> 258 <label class="new-input-label"><b>Address</b></label>
259 </div> 259 </div>
260 <div class="pull-left" style="width: calc(100% - 110px);"> 260 <div class="pull-left" style="width: calc(100% - 110px);">
261 <input type="text" class="form-control" ng-model="data.addressOne" placeholder=""> 261 <input type="text" class="form-control" ng-model="data.addressOne" placeholder="">
262 </div> 262 </div>
263 <div class="clearfix"></div> 263 <div class="clearfix"></div>
264 </div> 264 </div>
265 </div> 265 </div>
266 <div class="clearfix"></div> 266 <div class="clearfix"></div>
267 <br/> 267 <br/>
268 <div class="col-xs-12"> 268 <div class="col-xs-12">
269 <div class="col-md-12"> 269 <div class="col-md-12">
270 <div class="pull-left" style="width: 110px;"> 270 <div class="pull-left" style="width: 110px;">
271 <label class="new-input-label"><b>Address2</b></label> 271 <label class="new-input-label"><b>Address2</b></label>
272 </div> 272 </div>
273 <div class="pull-left" style="width: calc(100% - 110px);"> 273 <div class="pull-left" style="width: calc(100% - 110px);">
274 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder=""> 274 <input type="text" ng-model="data.addressTwo" class="form-control" placeholder="">
275 </div> 275 </div>
276 <div class="clearfix"></div> 276 <div class="clearfix"></div>
277 </div> 277 </div>
278 </div> 278 </div>
279 <div class="clearfix"></div> 279 <div class="clearfix"></div>
280 <br/> 280 <br/>
281 <div class="col-xs-12"> 281 <div class="col-xs-12">
282 282
283 <div class="col-md-6"> 283 <div class="col-md-6">
284 <div class="pull-left" style="width: 110px;"> 284 <div class="pull-left" style="width: 110px;">
285 <label class="new-input-label"><b>City</b></label> 285 <label class="new-input-label"><b>City</b></label>
286 </div> 286 </div>
287 <div class="pull-left" style="width: calc(100% - 110px);"> 287 <div class="pull-left" style="width: calc(100% - 110px);">
288 <input type="text" ng-model="data.city" class="form-control" placeholder=""> 288 <input type="text" ng-model="data.city" class="form-control" placeholder="">
289 </div> 289 </div>
290 <div class="clearfix"></div> 290 <div class="clearfix"></div>
291 </div> 291 </div>
292 <div class="col-md-3"> 292 <div class="col-md-3">
293 <div class="pull-left" style="width: 40px;"> 293 <div class="pull-left" style="width: 40px;">
294 <label class="new-input-label"><b>State</b></label> 294 <label class="new-input-label"><b>State</b></label>
295 </div> 295 </div>
296 <div class="pull-left" style="width: calc(100% - 110px);"> 296 <div class="pull-left" style="width: calc(100% - 110px);">
297 <input type="text" ng-model="data.state" class="form-control" placeholder=""> 297 <input type="text" ng-model="data.state" class="form-control" placeholder="">
298 </div> 298 </div>
299 <div class="clearfix"></div> 299 <div class="clearfix"></div>
300 </div> 300 </div>
301 <div class="col-md-3"> 301 <div class="col-md-3">
302 <div class="pull-left"> 302 <div class="pull-left">
303 <label class="new-input-label"><b>Zip Code</b></label> 303 <label class="new-input-label"><b>Zip Code</b></label>
304 </div> 304 </div>
305 <div class="pull-right" style="width: calc(100% - 60px);"> 305 <div class="pull-right" style="width: calc(100% - 60px);">
306 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder=""> 306 <input type="tel" ng-model="data.zipcode" class="form-control" placeholder="">
307 </div> 307 </div>
308 <div class="clearfix"></div> 308 <div class="clearfix"></div>
309 </div> 309 </div>
310 </div> 310 </div>
311 <div class="clearfix"></div> 311 <div class="clearfix"></div>
312 <br/> 312 <br/>
313 <div class="col-xs-12"> 313 <div class="col-xs-12">
314 314
315 <div class="col-md-6"> 315 <div class="col-md-6">
316 <div class="pull-left" style="width: 110px;"> 316 <div class="pull-left" style="width: 110px;">
317 <label class="new-input-label"><b>Country</b></label> 317 <label class="new-input-label"><b>Country</b></label>
318 </div> 318 </div>
319 <div class="pull-left" style="width: calc(100% - 110px);"> 319 <div class="pull-left" style="width: calc(100% - 110px);">
320 <input type="text" ng-model="data.country" class="form-control" placeholder=""> 320 <input type="text" ng-model="data.country" class="form-control" placeholder="">
321 </div> 321 </div>
322 <div class="clearfix"></div> 322 <div class="clearfix"></div>
323 </div> 323 </div>
324 <div class="col-md-6"> 324 <div class="col-md-6">
325 <div class="pull-left" style="width: 110px;"> 325 <div class="pull-left" style="width: 110px;">
326 <label class="new-input-label"><b>Internal Note</b></label> 326 <label class="new-input-label"><b>Internal Note</b></label>
327 </div> 327 </div>
328 <div class="pull-left" style="width: calc(100% - 110px);"> 328 <div class="pull-left" style="width: calc(100% - 110px);">
329 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea> 329 <textarea name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
330 </div> 330 </div>
331 <div class="clearfix"></div> 331 <div class="clearfix"></div>
332 </div> 332 </div>
333 </div> 333 </div>
334 <div class="clearfix"></div> 334 <div class="clearfix"></div>
335 <!-- <br/> 335 <!-- <br/>
336 <div class="col-xs-12"> 336 <div class="col-xs-12">
337 <div class="col-md-2 Airport"></div> 337 <div class="col-md-2 Airport"></div>
338 <div class="col-md-10 Airport"> 338 <div class="col-md-10 Airport">
339 <div class="pull-right"> 339 <div class="pull-right">
340 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> 340 <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
341 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button> 341 <button type="button" class="btn btn-warning" ng-click="addAircraft()">Next: Add Aircraft</button>
342 </div> 342 </div>
343 </div> 343 </div>
344 </div> --> 344 </div> -->
345 </div> 345 </div>
346 </div> 346 </div>
347 <div class="clearfix"></div> 347 <div class="clearfix"></div>
348 </div> 348 </div>
349 </div> 349 </div>
350 </div> 350 </div>
351 </div> 351 </div>
352 <div class="modal-body step-2" data-step="2" style="padding: 0;"> 352 <div class="modal-body step-2" data-step="2" style="padding: 0;">
353 <div> 353 <div>
354 <div class="row" style="margin: 0;"> 354 <div class="row" style="margin: 0;">
355 <div> 355 <div>
356 <div class="widget" style="margin-bottom: 0;"> 356 <div class="widget" style="margin-bottom: 0;">
357 <div class="widget-header"> 357 <div class="widget-header">
358 <i class="icon-pencil"></i> 358 <i class="icon-pencil"></i>
359 <i class="fa fa-tasks" aria-hidden="true"></i> 359 <i class="fa fa-tasks" aria-hidden="true"></i>
360 <h3>Add a New Company</h3> 360 <h3>Add a New Company</h3>
361 <div class="clearfix"></div> 361 <div class="clearfix"></div>
362 </div> 362 </div>
363 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;"> 363 <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
364 <div class="col-xs-12"> 364 <div class="col-xs-12">
365 <div class="widget-header"> 365 <div class="widget-header">
366 <i class="fa fa-list"></i> 366 <i class="fa fa-list"></i>
367 <h3>Aircraft List</h3> 367 <h3>Aircraft List</h3>
368 </div> 368 </div>
369 <div class="widget-content" style="padding:0px;border: 0px; "> 369 <div class="widget-content" style="padding:0px;border: 0px; ">
370 <div class="table-responsive"> 370 <div class="table-responsive">
371 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;"> 371 <!-- <table class="table table-bordered table-hover table-striped addRow" style="margin-bottom: 0px;">
372 <thead> 372 <thead>
373 <tr> 373 <tr>
374 <th>Tail</th> 374 <th>Tail</th>
375 <th>Make</th> 375 <th>Make</th>
376 <th>Model</th> 376 <th>Model</th>
377 <th>Size</th> 377 <th>Size</th>
378 <th>Margin</th> 378 <th>Margin</th>
379 </tr> 379 </tr>
380 </thead> 380 </thead>
381 <tbody> 381 <tbody>
382 <tr> 382 <tr>
383 <td> 383 <td>
384 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control"> 384 <input type="text" style="width:100px;" ng-model="aircraft.tail" class="form-control">
385 </td> 385 </td>
386 <td style="width: 25%;"> 386 <td style="width: 25%;">
387 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()"> 387 <select class="form-control" ng-model="aircraft.make" ng-change="getModal()">
388 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 388 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
389 </select> 389 </select>
390 </td> 390 </td>
391 <td style="width: 20%;"> 391 <td style="width: 20%;">
392 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()"> 392 <select class="form-control" ng-model="aircraft.model" ng-change="getSize()">
393 <option ng-repeat="model in aircraftModalList">{{model}}</option> 393 <option ng-repeat="model in aircraftModalList">{{model}}</option>
394 </select> 394 </select>
395 </td> 395 </td>
396 <td style="width: 25%;"> 396 <td style="width: 25%;">
397 <select class="form-control" ng-model="aircraft.size"> 397 <select class="form-control" ng-model="aircraft.size">
398 <option ng-repeat="size in aircraftSizeList">{{size}}</option> 398 <option ng-repeat="size in aircraftSizeList">{{size}}</option>
399 </select> 399 </select>
400 </td> 400 </td>
401 <td> 401 <td>
402 <select class="form-control"> 402 <select class="form-control">
403 <option>Margin1</option> 403 <option>Margin1</option>
404 <option>Margin2</option> 404 <option>Margin2</option>
405 </select> 405 </select>
406 </td> 406 </td>
407 </tr> 407 </tr>
408 </tbody> 408 </tbody>
409 409
410 </table> --> 410 </table> -->
411 <table class="table table-striped table-bordered"> 411 <table class="table table-striped table-bordered">
412 <thead> 412 <thead>
413 <tr> 413 <tr>
414 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> --> 414 <!-- <th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" /></th> -->
415 <th>Tail</th> 415 <th>Tail</th>
416 <th>Make</th> 416 <th>Make</th>
417 <th>Model</th> 417 <th>Model</th>
418 <th>Size</th> 418 <th>Size</th>
419 <th>JET A Margin</th> 419 <th>JET A Margin</th>
420 <th>AVGS 100LL Margin</th> 420 <th>AVGS 100LL Margin</th>
421 </tr> 421 </tr>
422 </thead> 422 </thead>
423 <tbody> 423 <tbody>
424 <tr ng-repeat="aircraftData in aircraftDetails track by $index"> 424 <tr ng-repeat="aircraftData in aircraftDetails track by $index">
425 <!-- <td> 425 <!-- <td>
426 <input type="checkbox" ng-model="aircraftData.selected"/> 426 <input type="checkbox" ng-model="aircraftData.selected"/>
427 </td> --> 427 </td> -->
428 <td style="width: 15%"> 428 <td style="width: 15%">
429 <input type="text" class="form-control" ng-model="aircraftData.tail" required/> 429 <input type="text" class="form-control" ng-model="aircraftData.tail" required/>
430 </td> 430 </td>
431 <td style="width: 17%"> 431 <td style="width: 17%">
432 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)"> 432 <select class="form-control" ng-model="aircraftData.make" ng-change="getModal(aircraftData.make, $index)">
433 <option ng-repeat="make in aircraftMakeList">{{make}}</option> 433 <option ng-repeat="make in aircraftMakeList">{{make}}</option>
434 <option value="" disabled>Select...</option> 434 <option value="" disabled>Select...</option>
435 </select> 435 </select>
436 </td> 436 </td>
437 <td style="width: 17%"> 437 <td style="width: 17%">
438 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)"> 438 <select class="form-control" ng-model="aircraftData.model" ng-change="getSize(aircraftData.model, $index)">
439 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option> 439 <option ng-repeat="model in aircraftData.aircraftModalList">{{model}}</option>
440 <option value="" disabled>Select...</option> 440 <option value="" disabled>Select...</option>
441 </select> 441 </select>
442 </td> 442 </td>
443 <td style="width: 17%"> 443 <td style="width: 17%">
444 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList"> 444 <select class="form-control" ng-model="aircraftData.sizeId" ng-options="size.aircraftSize.id as size.aircraftSize.size for size in aircraftData.aircraftSizeList">
445 <option value="" disabled>Select...</option> 445 <option value="" disabled>Select...</option>
446 </select> 446 </select>
447 <!-- <select class="form-control" ng-model="aircraftData.size"> 447 <!-- <select class="form-control" ng-model="aircraftData.size">
448 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option> 448 <option ng-repeat="size in aircraftData.aircraftSizeList">{{size}}</option>
449 </select> --> 449 </select> -->
450 </td> 450 </td>
451 <td style="width: 17%"> 451 <td style="width: 17%">
452 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList"> 452 <select class="form-control" ng-model="aircraftData.marginId" ng-options="margin.id as margin.marginName for margin in jetMarginList">
453 <option value="" disabled>Select...</option> 453 <option value="" disabled>Select...</option>
454 </select> 454 </select>
455 </td> 455 </td>
456 <td style="width: 17%"> 456 <td style="width: 17%">
457 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList"> 457 <select class="form-control marginSelectBox" ng-model="aircraftData.avgasMarginId" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
458 <option value="" disabled>Select...</option> 458 <option value="" disabled>Select...</option>
459 </select> 459 </select>
460 </td> 460 </td>
461 </tr> 461 </tr>
462 </tbody> 462 </tbody>
463 </table> 463 </table>
464 </div> 464 </div>
465 <div class="clearfix"></div> 465 <div class="clearfix"></div>
466 </div> 466 </div>
467 </div> 467 </div>
468 <div class="clearfix"></div> 468 <div class="clearfix"></div>
469 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;"> 469 <div class="col-xs-12" style="margin-bottom: 50px;margin-top: 10px;">
470 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button> 470 <button ng-click="addNew()" class="button1 turquoise pull-right"><span>+</span>Add Aircraft</button>
471 </div> 471 </div>
472 <!-- <div class="col-xs-12" style="margin-bottom: 20px;"> 472 <!-- <div class="col-xs-12" style="margin-bottom: 20px;">
473 <div class="pull-right"> 473 <div class="pull-right">
474 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button> 474 <button type="button" class="btn btn-default" ng-click="cancelCraft()">Cancel</button>
475 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button> 475 <button type="button" class="btn btn-warning" ng-click="goBack()">Go Back</button>
476 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button> 476 <button type="button" class="btn btn-success" ng-click="goBack()">Save</button>
477 </div> 477 </div>
478 </div> --> 478 </div> -->
479 </div> 479 </div>
480 </div> 480 </div>
481 <div class="clearfix"></div> 481 <div class="clearfix"></div>
482 </div> 482 </div>
483 </div> 483 </div>
484 </div> 484 </div>
485 </div> 485 </div>
486 <!-- <div class="modal-body step-3" data-step="3"> 486 <!-- <div class="modal-body step-3" data-step="3">
487 This is the final step. 487 This is the final step.
488 </div> --> 488 </div> -->
489 <div class="modal-footer" style="border-top: 0;"> 489 <div class="modal-footer" style="border-top: 0;">
490 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button> 490 <button type="button" class="btn btn-default" ng-click="reset2()" data-dismiss="modal">Cancel</button>
491 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button> 491 <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData('#demo-modal-3', 2)">Next: Add Aircraft</button>
492 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button> 492 <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 1)">Go Back</button>
493 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> --> 493 <!-- <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#demo-modal-3', 3)">Continue</button> -->
494 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button> 494 <button type="button" class="btn btn-success step step-2" data-step="2" ng-click="saveCompanyData()">Save</button>
495 </div> 495 </div>
496 </div> 496 </div>
497 </div> 497 </div>
498 </form> 498 </form>
499 <div class="myLoader" ng-show="showLoader"> 499 <div class="myLoader" ng-show="showLoader">
500 <img src="../img/hourglass.gif" width="50px;"> 500 <img src="../img/hourglass.gif" width="50px;">
501 </div> 501 </div>
502 <script src="js/multi-step-modal.js"></script> 502 <script src="js/multi-step-modal.js"></script>
503 <script> 503 <script>
504 sendEvent = function(sel, step) { 504 sendEvent = function(sel, step) {
505 $(sel).trigger('next.m.' + step); 505 $(sel).trigger('next.m.' + step);
506 } 506 }
507 </script>
app/partials/updateFuelManager/updateFuelManager.html
Diff comments   View file @afbb823
1 1
2 2
3 <style> 3 <style>
4 .subnavbar .mainnav > li:nth-child(2) > a{ 4 .subnavbar .mainnav > li:nth-child(2) > a{
5 color: #ff9900; 5 color: #ff9900;
6 } 6 }
7 .extraClasToMerge{ 7 .extraClasToMerge{
8 color: #fff; 8 color: #fff;
9 } 9 }
10 </style> 10 </style>
11 <div class="myLoader" ng-show="showLoader"> 11 <div class="myLoader" ng-show="showLoader">
12 <img src="../img/hourglass.gif" width="50px;"> 12 <img src="../img/hourglass.gif" width="50px;">
13 </div> 13 </div>
14 14
15 <div class="col-xs-12 col-md-6"> 15 <div class="col-xs-12 col-md-6">
16 16
17 <div class="widget stacked"> 17 <div class="widget stacked">
18 <div class="widget-header"> 18 <div class="widget-header">
19 <i class="fa fa-pencil"></i> 19 <i class="fa fa-pencil"></i>
20 <h3>Price Manager Staging</h3> 20 <h3>Price Manager Staging</h3>
21 </div> 21 </div>
22 <!-- /widget-header --> 22 <!-- /widget-header -->
23 <div class="widget-content"> 23 <div class="widget-content">
24 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6> 24 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6>
25 <form> 25 <form>
26 <table class="table"> 26 <table class="table">
27 <thead> 27 <thead>
28 <tr> 28 <tr>
29 <th> Product</th> 29 <th> Product</th>
30 <th> Cost</th> 30 <th> Cost</th>
31 <th> PAP(Margin)</th> 31 <th> PAP(Margin)</th>
32 <th> Deploy Date</th> 32 <th> Deploy Date</th>
33 <th style="color: #F90;">Price Expires</th> 33 <th style="color: #F90;">Price Expires</th>
34 <th> PAP(Total)</th> 34 <th> PAP(Total)</th>
35 </tr> 35 </tr>
36 </thead> 36 </thead>
37 <tbody> 37 <tbody>
38 <tr ng-repeat="fuelPricing in newFuelPricing | filter:{ status: true }"> 38 <tr ng-repeat="fuelPricing in newFuelPricing | filter:{ status: true }">
39 <td> 39 <td>
40 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 40 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
41 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 41 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
42 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 42 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
43 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 43 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
44 </td> 44 </td>
45 <td> 45 <td>
46 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 50px; padding: 6px 6px;"> 46 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 50px; padding: 6px 6px;">
47 </td> 47 </td>
48 <td> 48 <td>
49 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px;"> 49 <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px;">
50 </td> 50 </td>
51 <td> 51 <td>
52 <input type="text" class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px;"> 52 <input type="text" class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px;">
53 </td> 53 </td>
54 <td> 54 <td>
55 <input type="text" class="form-control" datepicker ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px;"> 55 <input type="text" class="form-control" datepicker ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px;">
56 </td> 56 </td>
57 <td> 57 <td>
58 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin | number : 2}}</span> 58 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin | number : 2}}</span>
59 </td> 59 </td>
60 </tr> 60 </tr>
61 </tbody> 61 </tbody>
62 </table> 62 </table>
63 <div class="row" style="margin-left: 0px;"> 63 <div class="row" style="margin-left: 0px;">
64 <div class="col-md-12" style= "text-align: right; padding-left: 0;"> 64 <div class="col-md-12" style= "text-align: right; padding-left: 0;">
65 <div style="float: left;"> 65 <div style="float: left;">
66 <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" style= "text-align: center; font-size:12px">Save & Deploy Immediately</button> 66 <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" style= "text-align: center; font-size:12px">Save & Deploy Immediately</button>
67 67
68 <button type="reset" class="btn btn-default btn-xs">Reset All</button> 68 <button type="reset" class="btn btn-default btn-xs">Reset All</button>
69 </div> 69 </div>
70 <div style="float: right;"> 70 <div style="float: right;">
71 <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" style="margin-right:3%">Save & Stage for Deploy</button> 71 <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" style="margin-right:3%">Save & Stage for Deploy</button>
72 </div> 72 </div>
73 <div style="clear: both;"></div> 73 <div style="clear: both;"></div>
74 </div> 74 </div>
75 </div> 75 </div>
76 </form> 76 </form>
77 </div> 77 </div>
78 <!-- /widget-content --> 78 <!-- /widget-content -->
79 </div> 79 </div>
80 <!-- /widget --> 80 <!-- /widget -->
81 81
82 82
83 83
84 <div class="widget stacked"> 84 <div class="widget stacked">
85 <div class="widget-header"> 85 <div class="widget-header">
86 <i class="fa fa-pencil"></i> 86 <i class="fa fa-pencil"></i>
87 <h3>Price Manager</h3> 87 <h3>Price Manager</h3>
88 <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()"> 88 <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()">
89 <option value="" disabled selected="selected">Email All Pricing</option> 89 <option value="" disabled selected="selected">Email All Pricing</option>
90 <option value="JET-A">Email JET-A pricing only</option> 90 <option value="JET-A">Email JET-A pricing only</option>
91 <option value="AVGAS">Email AVGAS pricing only</option> 91 <option value="AVGAS">Email AVGAS pricing only</option>
92 <option disabled>_______________________________</option> 92 <option disabled>_______________________________</option>
93 <option value="all">Distribute All</option> 93 <option value="all">Distribute All</option>
94 </select> 94 </select>
95 </div> 95 </div>
96 <!-- /widget-header --> 96 <!-- /widget-header -->
97 <div class="widget-content"> 97 <div class="widget-content">
98 <h4>Deployed Fuel Prices</h4> 98 <h4>Deployed Fuel Prices</h4>
99 <table class="table"> 99 <table class="table">
100 <thead> 100 <thead>
101 <tr> 101 <tr>
102 <th> Product</th> 102 <th> Product</th>
103 <th> Cost</th> 103 <th> Cost</th>
104 <th> Margin</th> 104 <th> Margin</th>
105 <th> PAP(Total)</th> 105 <th> PAP(Total)</th>
106 <th style="color: #F90;"> Expires</th> 106 <th style="color: #F90;"> Expires</th>
107 </tr> 107 </tr>
108 </thead> 108 </thead>
109 <tbody> 109 <tbody>
110 <tr ng-repeat="fuelPricing in newFuelPricing | filter:{ status: true }"> 110 <tr ng-repeat="fuelPricing in newFuelPricing | filter:{ status: true }">
111 <td> 111 <td>
112 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span> 112 <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
113 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span> 113 <span ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
114 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span> 114 <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
115 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span> 115 <span ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
116 </td> 116 </td>
117 <td> 117 <td>
118 <span>{{fuelPricing.fuelPricing.cost}}</span> 118 <span>{{fuelPricing.fuelPricing.cost}}</span>
119 </td> 119 </td>
120 <td> 120 <td>
121 <span>{{fuelPricing.fuelPricing.papMargin}}</span> 121 <span>{{fuelPricing.fuelPricing.papMargin}}</span>
122 </td> 122 </td>
123 <td> 123 <td>
124 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 2 }}</span> 124 <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin | number : 2 }}</span>
125 </td> 125 </td>
126 <td> 126 <td>
127 <span>{{fuelPricing.fuelPricing.expirationDate}}</span> 127 <span>{{fuelPricing.fuelPricing.expirationDate}}</span>
128 </td> 128 </td>
129 </tr> 129 </tr>
130 </tbody> 130 </tbody>
131 </table> 131 </table>
132 132
133 </div> 133 </div>
134 <!-- /widget-content --> 134 <!-- /widget-content -->
135 </div> 135 </div>
136 <!-- /widget --> 136 <!-- /widget -->
137 137
138 138
139 </div> 139 </div>
140 <div class="col-xs-12 col-md-6"> 140 <div class="col-xs-12 col-md-6">
141 141
142 142
143 <div class="widget stacked"> 143 <div class="widget stacked">
144 <div class="widget-header"> 144 <div class="widget-header">
145 <i class="fa fa-pencil"></i> 145 <i class="fa fa-pencil"></i>
146 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3> 146 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3>
147 147
148 </div> 148 </div>
149 <!-- /widget-header --> 149 <!-- /widget-header -->
150 <div class="widget-content" style="padding-top: 10px;"> 150 <div class="widget-content" style="padding-top: 10px;">
151 <section id="accordions"> 151 <section id="accordions">
152 <div class="newCustomAccordian"> 152 <div class="newCustomAccordian">
153 <!-- tab 1 --> 153 <!-- tab 1 -->
154 <div ng-repeat="jets in aTypeJets"> 154 <div ng-repeat="jets in aTypeJets">
155 <div class="customAccordianHeader" id="{{jets.id}}"> 155 <div class="customAccordianHeader" id="{{jets.id}}">
156 <span>{{jets.marginName}}</span> 156 <span>{{jets.marginName}}</span>
157 <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> 157 <select class="form-control" disabled="true" ng-model="jets.pricingStructure">
158 <option value="" disabled selected>Pricing Structure</option> 158 <option value="" disabled selected>Pricing Structure</option>
159 <option value="minus">Retail/PAP-(minus)</option> 159 <option value="minus">Retail/PAP-(minus)</option>
160 <option value="plus">Cost+(plus)</option> 160 <option value="plus">Cost+(plus)</option>
161 </select> 161 </select>
162 <span style="margin-right: 0;">$</span> 162 <span style="margin-right: 0;">$</span>
163 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue"> 163 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue">
164 <div class="pull-right"> 164 <div class="pull-right">
165 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button> 165 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button>
166 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button> 166 <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button>
167 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button> 167 <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button>
168 <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button> 168 <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin(jets.id)" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
169 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button> 169 <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
170 </div> 170 </div>
171 <div class="clearfix"></div> 171 <div class="clearfix"></div>
172 </div> 172 </div>
173 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 173 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
174 <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList"> 174 <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList">
175 <div class="tierListHead" style="height: 36px;"> 175 <div class="tierListHead" style="height: 36px;">
176 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. 176 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
177 </span> 177 </span>
178 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> 178 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
179 179
180 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> 180 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
181 <span ng-show="showEditTier">-</span> 181 <span ng-show="showEditTier">-</span>
182 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> 182 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
183 <div class="clearfix"></div> 183 <div class="clearfix"></div>
184 </div> 184 </div>
185 <div class="tierListBody" style="height: 35px;"> 185 <div class="tierListBody" style="height: 35px;">
186 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 186 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
187 187
188 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 188 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
189 189
190 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span> 190 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>
191 191
192 <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button> 192 <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>
193 193
194 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i> 194 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>
195 195
196 <div class="clearfix"></div> 196 <div class="clearfix"></div>
197 </div> 197 </div>
198 </div> 198 </div>
199 <div class="tierListWrap" style="width: 160px;"> 199 <div class="tierListWrap" style="width: 160px;">
200 <div class="tierListHead" style="border-right: 1px solid #ddd;"> 200 <div class="tierListHead" style="border-right: 1px solid #ddd;">
201 <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak"> 201 <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak">
202 <span>-</span> 202 <span>-</span>
203 <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b> 203 <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b>
204 <div class="clearfix"></div> 204 <div class="clearfix"></div>
205 </div> 205 </div>
206 <div class="tierListBody" style="border-right: 1px solid #ddd;"> 206 <div class="tierListBody" style="border-right: 1px solid #ddd;">
207 <span style="color: #449d44;">$</span> 207 <span style="color: #449d44;">$</span>
208 <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> 208 <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
209 <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button> 209 <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button>
210 <div class="clearfix"></div> 210 <div class="clearfix"></div>
211 </div> 211 </div>
212 </div> 212 </div>
213 <!-- <div class="tierListWrap" style="width: 32px;"> 213 <!-- <div class="tierListWrap" style="width: 32px;">
214 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> 214 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
215 &nbsp; 215 &nbsp;
216 </div> 216 </div>
217 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> 217 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
218 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> 218 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
219 </div> 219 </div>
220 </div> --> 220 </div> -->
221 <div class="clearfix"></div> 221 <div class="clearfix"></div>
222 <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> --> 222 <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> -->
223 <br/> 223 <br/>
224 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div> 224 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>
225 </div> 225 </div>
226 </div> 226 </div>
227 </div> 227 </div>
228 <div class="pull-right"> 228 <div class="pull-right">
229 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button> 229 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
230 </div> 230 </div>
231 </section> 231 </section>
232 <!-- <div class="row">&nbsp;</div> 232 <!-- <div class="row">&nbsp;</div>
233 <div class="row"> 233 <div class="row">
234 <div class="form-group"> 234 <div class="form-group">
235 <div class="col-lg-12 text-right"> 235 <div class="col-lg-12 text-right">
236 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 236 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
237 <button type="reset" class="btn btn-default">Cancel</button> 237 <button type="reset" class="btn btn-default">Cancel</button>
238 </div> 238 </div>
239 </div> 239 </div>
240 </div> --> 240 </div> -->
241 </div> 241 </div>
242 <!-- /widget-content --> 242 <!-- /widget-content -->
243 </div> 243 </div>
244 <!-- /widget --> 244 <!-- /widget -->
245 245
246 246
247 247
248 <div class="widget stacked"> 248 <div class="widget stacked">
249 <div class="widget-header"> 249 <div class="widget-header">
250 <i class="fa fa-pencil"></i> 250 <i class="fa fa-pencil"></i>
251 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3> 251 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3>
252 252
253 </div> 253 </div>
254 <!-- /widget-header --> 254 <!-- /widget-header -->
255 <div class="widget-content" style="padding-top: 10px;"> 255 <div class="widget-content" style="padding-top: 10px;">
256 <section id="accordions"> 256 <section id="accordions">
257 <div class="newCustomAccordian"> 257 <div class="newCustomAccordian">
258 <!-- tab 1 --> 258 <!-- tab 1 -->
259 <div ng-repeat="jets in vTypeJets"> 259 <div ng-repeat="jets in vTypeJets">
260 <div class="customAccordianHeader" id="{{jets.id}}"> 260 <div class="customAccordianHeader" id="{{jets.id}}">
261 <span>{{jets.marginName}}</span> 261 <span>{{jets.marginName}}</span>
262 <select class="form-control" disabled="true" ng-model="jets.pricingStructure"> 262 <select class="form-control" disabled="true" ng-model="jets.pricingStructure">
263 <option value="" disabled selected>Pricing Structure</option> 263 <option value="" disabled selected>Pricing Structure</option>
264 <option value="minus">Retail-(minus)</option> 264 <option value="minus">Retail-(minus)</option>
265 <option value="plus">Cost+(plus)</option> 265 <option value="plus">Cost+(plus)</option>
266 <option value="equal">Direct=(equal)</option> 266 <option value="equal">Direct=(equal)</option>
267 </select> 267 </select>
268 <span style="margin-right: 0;">$</span> 268 <span style="margin-right: 0;">$</span>
269 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue"> 269 <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue">
270 <div class="pull-right"> 270 <div class="pull-right">
271 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button> 271 <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button>
272 <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button> 272 <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button>
273 <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button> 273 <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button>
274 <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin()" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button> 274 <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin()" style= "font-weight: normal; text-align: center; font-size:12px">Email Pricing for this Margin</button>
275 <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button> 275 <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center; font-size:12px">Edit</button>
276 </div> 276 </div>
277 <div class="clearfix"></div> 277 <div class="clearfix"></div>
278 </div> 278 </div>
279 <div class="customAccordianTabBody {{jets.id}}" style="display: none;"> 279 <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
280 <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList"> 280 <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList">
281 <div class="tierListHead" style="height: 36px;"> 281 <div class="tierListHead" style="height: 36px;">
282 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal. 282 <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
283 </span> 283 </span>
284 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i> 284 <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
285 285
286 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier"> 286 <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
287 <span ng-show="showEditTier">-</span> 287 <span ng-show="showEditTier">-</span>
288 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b> 288 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
289 <div class="clearfix"></div> 289 <div class="clearfix"></div>
290 </div> 290 </div>
291 <div class="tierListBody" style="height: 35px;"> 291 <div class="tierListBody" style="height: 35px;">
292 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 292 <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span>
293 293
294 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 294 <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp;
295 295
296 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span> 296 <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>
297 297
298 <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button> 298 <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>
299 299
300 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i> 300 <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>
301 301
302 <div class="clearfix"></div> 302 <div class="clearfix"></div>
303 </div> 303 </div>
304 </div> 304 </div>
305 <div class="tierListWrap" style="width: 160px;"> 305 <div class="tierListWrap" style="width: 160px;">
306 <div class="tierListHead" style="border-right: 1px solid #ddd;"> 306 <div class="tierListHead" style="border-right: 1px solid #ddd;">
307 <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak"> 307 <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak">
308 <span>-</span> 308 <span>-</span>
309 <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b> 309 <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b>
310 <div class="clearfix"></div> 310 <div class="clearfix"></div>
311 </div> 311 </div>
312 <div class="tierListBody" style="border-right: 1px solid #ddd;"> 312 <div class="tierListBody" style="border-right: 1px solid #ddd;">
313 <span style="color: #449d44;">$</span> 313 <span style="color: #449d44;">$</span>
314 <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;"> 314 <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
315 <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button> 315 <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button>
316 <div class="clearfix"></div> 316 <div class="clearfix"></div>
317 </div> 317 </div>
318 </div> 318 </div>
319 <!-- <div class="tierListWrap" style="width: 32px;"> 319 <!-- <div class="tierListWrap" style="width: 32px;">
320 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;"> 320 <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
321 &nbsp; 321 &nbsp;
322 </div> 322 </div>
323 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;"> 323 <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
324 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i> 324 <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
325 </div> 325 </div>
326 </div> --> 326 </div> -->
327 <div class="clearfix"></div> 327 <div class="clearfix"></div>
328 <br/> 328 <br/>
329 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div> 329 <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>
330 </div> 330 </div>
331 </div> 331 </div>
332 </div> 332 </div>
333 <div class="pull-right"> 333 <div class="pull-right">
334 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button> 334 <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
335 </div> 335 </div>
336 </section> 336 </section>
337 <!-- <div class="row">&nbsp;</div> 337 <!-- <div class="row">&nbsp;</div>
338 <div class="row"> 338 <div class="row">
339 <div class="form-group"> 339 <div class="form-group">
340 <div class="col-lg-12 text-right"> 340 <div class="col-lg-12 text-right">
341 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp; 341 <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
342 <button type="reset" class="btn btn-default">Cancel</button> 342 <button type="reset" class="btn btn-default">Cancel</button>
343 </div> 343 </div>
344 </div> 344 </div>
345 </div> --> 345 </div> -->
346 </div> 346 </div>
347 <!-- /widget-content --> 347 <!-- /widget-content -->
348 </div> 348 </div>
349 <!-- /widget --> 349 <!-- /widget -->
350 350
351 351
352 352
353 </div> 353 </div>
354 <div class="clearfix"></div> 354 <div class="clearfix"></div>
355 355
356 <div class="addNewMargin" style="display: none;"> 356 <div class="addNewMargin" style="display: none;">
357 <div class="customBackdrop"> 357 <div class="customBackdrop">
358 <div class="customModalInner" style="max-width: 700px;"> 358 <div class="customModalInner" style="max-width: 700px;">
359 <div class="customModelHead"> 359 <div class="customModelHead">
360 <p class="pull-left"> 360 <p class="pull-left">
361 <i class="fa fa-list-alt" aria-hidden="true"></i> 361 <i class="fa fa-list-alt" aria-hidden="true"></i>
362 Add New JET-A Customer Margin 362 Add New JET-A Customer Margin
363 </p> 363 </p>
364 <p class="pull-right"> 364 <p class="pull-right">
365 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i> 365 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i>
366 </p> 366 </p>
367 <div class="clearfix"></div> 367 <div class="clearfix"></div>
368 </div> 368 </div>
369 <div class="customModelBody"> 369 <div class="customModelBody">
370 370
371 <div class="customAccordianHeader customActive"> 371 <div class="customAccordianHeader customActive">
372 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName"> 372 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName">
373 <select class="form-control" ng-model="newJet.pricingStructure"> 373 <select class="form-control" ng-model="newJet.pricingStructure">
374 <option value="" disabled selected>Pricing Structure</option> 374 <option value="" disabled selected>Pricing Structure</option>
375 <option value="minus">Retail-(minus)</option> 375 <option value="minus">Retail-(minus)</option>
376 <option value="plus">Cost+(plus)</option> 376 <option value="plus">Cost+(plus)</option>
377 <option value="equal">Direct=(equal)</option> 377 <option value="equal">Direct=(equal)</option>
378 </select> 378 </select>
379 <span style="margin-right: 0;">$</span> 379 <span style="margin-right: 0;">$</span>
380 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue"> 380 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue">
381 <div class="clearfix"></div> 381 <div class="clearfix"></div>
382 </div> 382 </div>
383 <div class="customAccordianTabBody"> 383 <div class="customAccordianTabBody">
384 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div> 384 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div>
385 </div> 385 </div>
386 386
387 </div> 387 </div>
388 <div class="customModelFooter text-center"> 388 <div class="customModelFooter text-center">
389 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()"> 389 <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()">
390 <button class="btn" ng-click="closeMarginPopup()">Cancel</button> 390 <button class="btn" ng-click="closeMarginPopup()">Cancel</button>
391 </div> 391 </div>
392 </div> 392 </div>
393 </div> 393 </div>
394 </div> 394 </div>
395 395
396 <div class="addNewVtype" style="display: none;"> 396 <div class="addNewVtype" style="display: none;">
397 <div class="customBackdrop"> 397 <div class="customBackdrop">
398 <div class="customModalInner" style="max-width: 700px;"> 398 <div class="customModalInner" style="max-width: 700px;">
399 <div class="customModelHead"> 399 <div class="customModelHead">
400 <p class="pull-left"> 400 <p class="pull-left">
401 <i class="fa fa-list-alt" aria-hidden="true"></i> 401 <i class="fa fa-list-alt" aria-hidden="true"></i>
402 Add New AVGAS 100LL Customer Margin Template 402 Add New AVGAS 100LL Customer Margin Template
403 </p> 403 </p>
404 <p class="pull-right"> 404 <p class="pull-right">
405 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i> 405 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i>
406 </p> 406 </p>
407 <div class="clearfix"></div> 407 <div class="clearfix"></div>
408 </div> 408 </div>
409 <div class="customModelBody"> 409 <div class="customModelBody">
410 410
411 <div class="customAccordianHeader customActive"> 411 <div class="customAccordianHeader customActive">
412 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName"> 412 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName">
413 <select class="form-control" ng-model="newVtypeJet.pricingStructure"> 413 <select class="form-control" ng-model="newVtypeJet.pricingStructure">
414 <option value="" disabled selected>Pricing Structure</option> 414 <option value="" disabled selected>Pricing Structure</option>
415 <option value="minus">Retail-(minus)</option> 415 <option value="minus">Retail-(minus)</option>
416 <option value="plus">Cost+(plus)</option> 416 <option value="plus">Cost+(plus)</option>
417 <option value="equal">Direct=(equal)</option> 417 <option value="equal">Direct=(equal)</option>
418 </select> 418 </select>
419 <span style="margin-right: 0;">$</span> 419 <span style="margin-right: 0;">$</span>
420 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue"> 420 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue">
421 <div class="clearfix"></div> 421 <div class="clearfix"></div>
422 </div> 422 </div>
423 <div class="customAccordianTabBody"> 423 <div class="customAccordianTabBody">
424 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div> 424 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div>
425 </div> 425 </div>
426 426
427 </div> 427 </div>
428 <div class="customModelFooter text-center"> 428 <div class="customModelFooter text-center">
429 <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()"> 429 <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()">
430 <button class="btn" ng-click="closeNewVtypePop()">Cancel</button> 430 <button class="btn" ng-click="closeNewVtypePop()">Cancel</button>
431 </div> 431 </div>
432 </div> 432 </div>
433 </div> 433 </div>
434 </div> 434 </div>
435 435
436 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;"> 436 <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
437 <div class="customModalInner"> 437 <div class="customModalInner">
438 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 438 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
439 <table> 439 <table>
440 <tr> 440 <tr>
441 <td> 441 <td>
442 <img src="img/info.png" style="width: 50px;"> 442 <img src="img/info.png" style="width: 50px;">
443 </td> 443 </td>
444 <td> 444 <td>
445 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p> 445 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
446 </td> 446 </td>
447 </tr> 447 </tr>
448 </table> 448 </table>
449 </div> 449 </div>
450 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 450 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
451 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button> 451 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
452 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button> 452 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
453 </div> 453 </div>
454 </div> 454 </div>
455 </div> 455 </div>
456 <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;"> 456 <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;">
457 <div class="customModalInner"> 457 <div class="customModalInner">
458 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 458 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
459 <table> 459 <table>
460 <tr> 460 <tr>
461 <td> 461 <td>
462 <img src="img/info.png" style="width: 50px;"> 462 <img src="img/info.png" style="width: 50px;">
463 </td> 463 </td>
464 <td> 464 <td>
465 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p> 465 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p>
466 </td> 466 </td>
467 </tr> 467 </tr>
468 </table> 468 </table>
469 </div> 469 </div>
470 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 470 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
471 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button> 471 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button>
472 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button> 472 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button>
473 </div> 473 </div>
474 </div> 474 </div>
475 </div> 475 </div>
476 476
477 <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;"> 477 <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;">
478 <div class="customModalInner"> 478 <div class="customModalInner">
479 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 479 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
480 <table> 480 <table>
481 <tr> 481 <tr>
482 <td> 482 <td>
483 <img src="img/info.png" style="width: 50px;"> 483 <img src="img/info.png" style="width: 50px;">
484 </td> 484 </td>
485 <td> 485 <td>
486 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier ?</p> 486 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier ?</p>
487 </td> 487 </td>
488 </tr> 488 </tr>
489 </table> 489 </table>
490 </div> 490 </div>
491 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 491 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
492 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button> 492 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button>
493 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button> 493 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button>
494 </div> 494 </div>
495 </div> 495 </div>
496 </div> 496 </div>
497 497
498 <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;"> 498 <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;">
499 <div class="customModalInner"> 499 <div class="customModalInner">
500 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 500 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
501 <table> 501 <table>
502 <tr> 502 <tr>
503 <td> 503 <td>
504 <img src="img/info.png" style="width: 50px;"> 504 <img src="img/info.png" style="width: 50px;">
505 </td> 505 </td>
506 <td> 506 <td>
507 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier ?</p> 507 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier ?</p>
508 </td> 508 </td>
509 </tr> 509 </tr>
510 </table> 510 </table>
511 </div> 511 </div>
512 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 512 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
513 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button> 513 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button>
514 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button> 514 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button>
515 </div> 515 </div>
516 </div> 516 </div>
517 </div> 517 </div>
518 518
519 <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;"> 519 <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;">
520 <div class="customModalInner"> 520 <div class="customModalInner">
521 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 521 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
522 <table> 522 <table>
523 <tr> 523 <tr>
524 <td> 524 <td>
525 <img src="img/info.png" style="width: 50px;"> 525 <img src="img/info.png" style="width: 50px;">
526 </td> 526 </td>
527 <td> 527 <td>
528 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template ?</p> 528 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template ?</p>
529 </td> 529 </td>
530 </tr> 530 </tr>
531 </table> 531 </table>
532 </div> 532 </div>
533 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 533 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
534 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button> 534 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button>
535 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button> 535 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button>
536 </div> 536 </div>
537 </div> 537 </div>
538 </div> 538 </div>
539 539
540 <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;"> 540 <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;">
541 <div class="customModalInner"> 541 <div class="customModalInner">
542 <div class="customModelBody" style="border-radius: 5px 5px 0 0;"> 542 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
543 <table> 543 <table>
544 <tr> 544 <tr>
545 <td> 545 <td>
546 <img src="img/info.png" style="width: 50px;"> 546 <img src="img/info.png" style="width: 50px;">
547 </td> 547 </td>
548 <td> 548 <td>
549 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template ?</p> 549 <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template ?</p>
550 </td> 550 </td>
551 </tr> 551 </tr>
552 </table> 552 </table>
553 </div> 553 </div>
554 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;"> 554 <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
555 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button> 555 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button>
556 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button> 556 <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button>
557 </div> 557 </div>
558 </div> 558 </div>
559 </div> 559 </div>
560 560
561 <!-- Le javascript 561 <!-- Le javascript
562 ================================================== --> 562 ================================================== -->
563 <!-- Placed at the end of the document so the pages load faster --> 563 <!-- Placed at the end of the document so the pages load faster -->
564 <!-- <script> 564 <!-- <script>
565 CKEDITOR.replace( 'editor2', { 565 CKEDITOR.replace( 'editor2', {
566 height: 250, 566 height: 250,
567 extraPlugins: 'divarea' 567 extraPlugins: 'divarea'
568 } ); 568 } );
569 </script> --> 569 </script> -->