viithiisys / Acufuel

Blame view

app/partials/FuelVendors/FuelVendors.html 20.7 KB
edit raw normal view history
4bb02bb84   Rishav   new integration w... 
1
2
 
  <style>
     .subnavbar .mainnav > li:nth-child(3) > a{
1926e07b6   Anchal Midha   implement fuel ve... 
3
 
        color: #ff9900;
4bb02bb84   Rishav   new integration w... 
4
 
     }
1926e07b6   Anchal Midha   implement fuel ve... 
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
  
     .button1 {
       display: inline-block;
       height: 35px;
       line-height: 35px;
       padding-right: 15px;
       padding-left: 50px;
       position: relative;
       background-color:rgb(41,127,184);
       color:rgb(255,255,255);
       text-decoration: none;
       text-transform: uppercase;
       letter-spacing: 1px;
       margin-bottom: 15px;
       border: 0;
       
       
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          text-shadow:0px 1px 0px rgba(0,0,0,0.5);
        -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
  
          -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
          -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
          box-shadow:0px 2px 2px rgba(0,0,0,0.2);
          -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
     }
  
     .button1 span {
       position: absolute;
       left: 0;
       top: 0;
       width: 35px;
       background-color:rgba(0,0,0,0.5);
       
       -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-right: 1px solid  rgba(0,0,0,0.15);
     }
  
     .button1:hover span, .button1.active span {
       background-color:rgb(0,102,26);
       border-right: 1px solid  rgba(0,0,0,0.3);
     }
  
     .button1:active {
       margin-top: 2px;
       margin-bottom: 13px;
  
       -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
     -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
     box-shadow:0px 1px 0px rgba(255,255,255,0.5);
     -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
     filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
     }
  
     .button1.turquoise {
       background: #449d44;
     }
4bb02bb84   Rishav   new integration w... 
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
  </style>
  <div class="main">
     <div class="container">
        <div class="row">
           <div class="col-md-12">
              <div class="widget stacked ">
                 <div class="widget-content">
                    <div class="tabbable">
                       <ul class="nav nav-tabs">
                          <li>
                             <a ui-sref="app.customers">Company View 
                                <i class="fa fa-caret-down" aria-hidden="true"></i>
                             </a>
                          </li>
                          <li>
                             <a ui-sref="app.ContactView">Contact View 
                                <i class="fa fa-caret-down" aria-hidden="true"></i>
                             </a>
                          </li>
                          <li class="active">
                             <a ui-sref="app.FuelVendors">Fuel Vendors 
                                <i class="fa fa-caret-down" aria-hidden="true"></i>
                             </a>
                          </li>
                          <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" name="name" id="name" placeholder="Search In Table"></li>
                          <li><button type="button" class="btn btn-default btn-sm">Clear Search And Filters</button></li>
cd330b5ee   Rishav   fuel vendor and v... 
97
 
                          <li style="float:right"><button type="submit" data-toggle="modal" data-target="#vendor-modal-3" class="btn btn-success btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> Add Vendor</button></li>
4bb02bb84   Rishav   new integration w... 
98
99
100
101
 
                       </ul>
                       <br>  
                       <div class="tab-content customer-table" style="margin:0px">
                          <div class="tab-pane active" id="companyView">
a27f8c000   Anchit Jindal   pagination implem... 
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
 
                          	<table ng-table="displayVendorList" class="table table-striped table-condensed" show-filter="true">
  	                           <tr ng-repeat="row in $data track by row.id" style="cursor: pointer;" ui-sref="app.viewFuelVendor({id : row.id})">
  	                             <td data-title="'Vendor Name'" filter="{vendorName: 'text'}" sortable="'vendorName'">
  	                              {{row.vendorName}}
  	                             </td>
  	                             <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'">
  	                              {{row.newContactNumber}}
  	                             </td>
  	                             <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'">
  	                              {{row.primaryContactName}}
  	                             </td>
  	                             
  	                             <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'">
  	                              <button type="button" ng-if="row.activate == true" class="btn btn-success btn-xs">Active</button>
  	                              <button type="button" ng-if="row.activate == false" class="btn btn-warning btn-xs">InActive</button>
  	                             </td>
  	                             <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'">
  	                              Vendor
  	                             </td>
  	                             <td data-title="'Margin Setting'" filter="{masterMargin: 'select'}" filter-data="marginFilterOptions" sortable="'masterMargin'">
  	                              <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>
  	                             </td>
  	                             <td data-title="'All In'" filter="{allIn: 'text'}" sortable="'allIn'">
  	                              {{row.allIn}}
  	                             </td>
  	                           </tr>
  	                         </table>
                          
                          
                          
                             <!-- <table class="table table-striped">
4bb02bb84   Rishav   new integration w... 
133
134
135
136
 
                                <thead>
                                   <tr>
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
cd330b5ee   Rishav   fuel vendor and v... 
137
 
                                         <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label>
4bb02bb84   Rishav   new integration w... 
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
 
                                      </th>
                                      
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
                                         <label class="font-company">Main Phone <i class="fa fa-sort" aria-hidden="true"></i></label>
                                      </th>
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
                                         <label class="font-company">Primary Contact <i class="fa fa-sort" aria-hidden="true"></i></label>
                                      </th>
                                      
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
                                         <label class="font-company">Status <i class="fa fa-sort" aria-hidden="true"></i></label>
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
                                         <label class="font-company">Source <i class="fa fa-sort" aria-hidden="true"></i></label>
                                      </th>
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
                                         <label class="font-company">Margin Setting <i class="fa fa-sort" aria-hidden="true"></i></label>
                                      </th>
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
                                         <label class="font-company">All In <i class="fa fa-sort" aria-hidden="true"></i></label>
                                      </th>
                                   </tr>
                                </thead>
                                <tbody>
                                   <tr ng-repeat="vendor in vendorList">
cd330b5ee   Rishav   fuel vendor and v... 
168
 
                                      <td class="font-company">
ea15674c8   Rishav   minor changes for... 
169
 
                                        <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a>
cd330b5ee   Rishav   fuel vendor and v... 
170
 
                                      </td>
4bb02bb84   Rishav   new integration w... 
171
172
173
 
                                      <td class="font-company">{{vendor.phone}}</td>
                                      <td class="font-company">{{vendor.contact}}</td>
                                      <td class="font-company">
cd330b5ee   Rishav   fuel vendor and v... 
174
175
 
                                         <button type="button" ng-if="vendor.activate == true" class="btn btn-success btn-xs">Active</button>
                                         <button type="button" ng-if="vendor.activate == false" class="btn btn-warning btn-xs">InActive</button>
4bb02bb84   Rishav   new integration w... 
176
177
178
 
                                      </td>
                                      <td class="font-company">{{vendor.source}}</td>
                                      <td class="font-company">
3a9f4472b   Rishav   Implement contact... 
179
 
                                        <select class="form-control" ng-blur="editMargin(vendor)" style="height:31px;" ng-model="vendor.masterMargin" ng-options="margin.id as margin.marginName for margin in marginList" required></select>
a27f8c000   Anchit Jindal   pagination implem... 
180
 
                                         <select class="form-control" style="height:31px;">
4bb02bb84   Rishav   new integration w... 
181
182
 
                                            <option>Margin1</option>
                                            <option>Margin2</option>
a27f8c000   Anchit Jindal   pagination implem... 
183
 
                                         </select>
4bb02bb84   Rishav   new integration w... 
184
185
186
187
 
                                      </td>
                                      <td class="font-company">{{vendor.allIn}}</td>
                                   </tr>
                                </tbody>
a27f8c000   Anchit Jindal   pagination implem... 
188
 
                             </table> -->
4bb02bb84   Rishav   new integration w... 
189
190
191
192
193
194
195
196
197
198
199
200
201
202
 
                          </div>
                       </div>
                    </div>
                 </div>
                 <!-- /widget-content -->
              </div>
              <!-- /widget -->
           </div>
           <!-- /span8 -->
        </div>
        <!-- /row -->
     </div>
     <!-- /container -->
  </div>
1926e07b6   Anchal Midha   implement fuel ve... 
203
 
  <!-- /main -->
cd330b5ee   Rishav   fuel vendor and v... 
204
 
  <form class="modal multi-step" id="vendor-modal-3" name="vendorForm">
1926e07b6   Anchal Midha   implement fuel ve... 
205
206
207
208
209
210
211
212
213
214
215
216
217
 
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
              <div class="modal-body step-1" data-step="1" style="padding: 0;">
                 <div>
                    <div class="row" style="margin: 0;">
                       <div>
                          <div class="widget" style="margin-bottom: 0;">
                             <div class="widget-header">
                                <i class="icon-pencil"></i>
                                <i class="fa fa-tasks" aria-hidden="true"></i>
                                <h3>Add a New Vendor</h3>
                                <div class="pull-right my-toggle-switch" style="margin-right: 30px;">
                                   <div style="color: #ff9a01;">Activate &nbsp &nbsp
74c8ae4bb   Rishav   remove old toogle... 
218
 
                                      <toggle ng-model="data.activate" size="customToogle"></toggle>
1926e07b6   Anchal Midha   implement fuel ve... 
219
220
221
222
223
224
225
226
227
228
229
 
                                   </div>
                                </div>
                                <div class="clearfix"></div>
                             </div>
                             <div class="widget-content" style="padding-left: 0; padding-right: 0; border-bottom: 0;">
                                <div class="col-xs-12">
                                   <div class="col-md-8">
                                      <div class="pull-left">
                                         <label class="new-input-label"><b>Vendor Name</b></label>
                                      </div>
                                      <div class="pull-left" style="margin-left: 15px;">
84d98f6ff   Rishav Singla   validation handle... 
230
231
 
                                         <input type="text" ng-model="data.vendorName" class="form-control companyNameInput" ng-keyup="removeValidation()" placeholder="" required>
                                         <label class="customErrorMessage" ng-show="showCompanyError">This field is required.</label>
1926e07b6   Anchal Midha   implement fuel ve... 
232
233
234
235
 
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-4">
1926e07b6   Anchal Midha   implement fuel ve... 
236
237
238
 
                                   </div>
                                </div>
                                <div class="clearfix"></div><br>
1926e07b6   Anchal Midha   implement fuel ve... 
239
240
241
242
 
                                <br/>
                                <div class="col-xs-12">
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
243
 
                                         <b>JET A Margin</b>
1926e07b6   Anchal Midha   implement fuel ve... 
244
245
 
                                      </div>
                                      <div class="pull-left">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
246
247
248
 
                                         <select class="form-control marginSelectBox" ng-model="data.masterMargin" ng-options="margin.id as margin.marginName for margin in jetMarginList" required ng-change="removeMarginValidation()">
                                          <option value="" disabled>Select...</option>
                                         </select>
84d98f6ff   Rishav Singla   validation handle... 
249
 
                                         <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
1926e07b6   Anchal Midha   implement fuel ve... 
250
251
252
253
254
 
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   
                                   <div class="col-md-3 Airport" style="text-align: right;">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
255
 
                                      <b>AVGAS 100LL Margin</b>
1926e07b6   Anchal Midha   implement fuel ve... 
256
257
 
                                   </div>
                                   <div class="col-md-3 Airport">
a27f8c000   Anchit Jindal   pagination implem... 
258
 
                                      <select class="form-control" ng-model="data.avgasMargin" ng-options="avgs.id as avgs.marginName for avgs in avgsMarginList">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
259
 
                                      <option value="" disabled>Select...</option>
1926e07b6   Anchal Midha   implement fuel ve... 
260
261
 
                                      </select>
                                   </div>
a7a7cfeca   Rishav Singla   fuel vendor page ... 
262
 
                                   <div class="clearfix"></div>
1926e07b6   Anchal Midha   implement fuel ve... 
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
 
                                </div>
                                <div class="clearfix"></div>
                                <br/>
                                <div class="col-xs-12">
                                    <div class="col-md-12">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Address</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text" class="form-control" ng-model="data.addressOne" id="Address" placeholder="">
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                </div>
                                <div class="clearfix"></div>
                                <br/>
                                <div class="col-xs-12">
                                    <div class="col-md-12">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Address2</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text" ng-model="data.addressTwo" class="form-control" id="Address" placeholder="">
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                </div>
                                <div class="clearfix"></div>
                                <br/>
                                <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>City</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text" ng-model="data.city" class="form-control" id="Address" placeholder="">
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-3">
                                      <div class="pull-left" style="width: 40px;">
                                         <label class="new-input-label"><b>State</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text" ng-model="data.state" class="form-control" id="Address" placeholder="">
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-3">
                                      <div class="pull-left">
                                         <label class="new-input-label"><b>Zip Code</b></label>
                                      </div>
                                      <div class="pull-right" style="width: calc(100% - 60px);">
                                         <input type="tel" ng-model="data.zipcode" class="form-control" id="Address" placeholder="">
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                </div>
                                <div class="clearfix"></div>
                                <br/>
                                <div class="col-xs-12">
  
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Country</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <input type="text" ng-model="data.country" class="form-control" id="Address" placeholder="">
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
                                         <label class="new-input-label"><b>Internal Note</b></label>
                                      </div>
                                      <div class="pull-left" style="width: calc(100% - 110px);">
                                         <textarea  name="message" ng-model="data.internalNote" rows="4" cols="34"></textarea>
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                </div>
                                <div class="clearfix"></div>
1926e07b6   Anchal Midha   implement fuel ve... 
346
347
348
349
350
351
352
 
                             </div>
                          </div>
                          <div class="clearfix"></div>
                       </div>
                    </div>
                 </div>
              </div>
1926e07b6   Anchal Midha   implement fuel ve... 
353
 
              <div class="modal-footer" style="border-top: 0;">
7152ff131   Rishav   model handle 
354
 
                  <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
a7a7cfeca   Rishav Singla   fuel vendor page ... 
355
 
                  <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button>
1926e07b6   Anchal Midha   implement fuel ve... 
356
357
358
359
 
              </div>
          </div>
      </div>
  </form>
d24318592   Rishav   changes and new i... 
360
361
362
 
  <div class="myLoader" ng-show="showLoader">
     <img src="../img/hourglass.gif" width="50px;">
  </div>
1926e07b6   Anchal Midha   implement fuel ve... 
363
364
365
366
367
368
 
  <script src="js/multi-step-modal.js"></script>
  <script>
  sendEvent = function(sel, step) {
      $(sel).trigger('next.m.' + step);
  }
  </script>