viithiisys / Acufuel

Blame view

app/partials/FuelVendors/FuelVendors.html 21.3 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
 
  </style>
9aae3d136   Mr. Hot Foods   show loaders and ... 
72
73
74
75
 
  
  <div class="myLoader" ng-show="showLoader">
    <img src="../img/hourglass.gif" width="50px;">
  </div>
4bb02bb84   Rishav   new integration w... 
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
  <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>
52fea957f   Anchit Jindal   csv and search co... 
99
100
 
                          <li style="margin: 0px 10px 4px 40px;"><input type="text" style="height:31px;"class="form-control" ng-model="searchText" placeholder="Search In Table"></li>
                          <li><button type="button" class="btn btn-default btn-sm" ng-click="displayVendorList.filter({}); searchText=null">Clear Search And Filters</button></li>
cd330b5ee   Rishav   fuel vendor and v... 
101
 
                          <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... 
102
103
104
105
 
                       </ul>
                       <br>  
                       <div class="tab-content customer-table" style="margin:0px">
                          <div class="tab-pane active" id="companyView">
a27f8c000   Anchit Jindal   pagination implem... 
106
 
                          	<table ng-table="displayVendorList" class="table table-striped table-condensed" show-filter="true">
52fea957f   Anchit Jindal   csv and search co... 
107
108
 
  	                           <tr ng-repeat="row in $data | filter:searchText" style="cursor: pointer;">
  	                             <td data-title="'Vendor Name'" filter="{vendorName: 'text'}" sortable="'vendorName'" ui-sref="app.viewFuelVendor({id : row.id})">
a27f8c000   Anchit Jindal   pagination implem... 
109
110
 
  	                              {{row.vendorName}}
  	                             </td>
52fea957f   Anchit Jindal   csv and search co... 
111
 
  	                             <td data-title="'Main Phone'" filter="{newContactNumber: 'text'}" sortable="'newContactNumber'" ui-sref="app.viewFuelVendor({id : row.id})">
a27f8c000   Anchit Jindal   pagination implem... 
112
113
 
  	                              {{row.newContactNumber}}
  	                             </td>
52fea957f   Anchit Jindal   csv and search co... 
114
 
  	                             <td data-title="'Primary Contact'" filter="{primaryContactName: 'text'}" sortable="'primaryContactName'" ui-sref="app.viewFuelVendor({id : row.id})">
a27f8c000   Anchit Jindal   pagination implem... 
115
116
117
 
  	                              {{row.primaryContactName}}
  	                             </td>
52fea957f   Anchit Jindal   csv and search co... 
118
 
  	                             <td data-title="'Status'" filter="{activate: 'select'}" filter-data="statusFilter" sortable="'activate'" ui-sref="app.viewFuelVendor({id : row.id})">
a27f8c000   Anchit Jindal   pagination implem... 
119
120
121
 
  	                              <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>
52fea957f   Anchit Jindal   csv and search co... 
122
123
 
  	                             <td data-title="'Source'" filter="{source: 'text'}" sortable="'source'" ui-sref="app.viewFuelVendor({id : row.id})">
  	                              {{row.source}}
a27f8c000   Anchit Jindal   pagination implem... 
124
125
126
127
 
  	                             </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>
52fea957f   Anchit Jindal   csv and search co... 
128
 
  	                             <td data-title="'All In'" filter="{marginAllIn: 'text'}" sortable="'marginAllIn'" ui-sref="app.viewFuelVendor({id : row.id})">
84416fa2a   Kuldeep Arora   updates 
129
 
  	                              {{row.marginAllIn | number : 4}}
a27f8c000   Anchit Jindal   pagination implem... 
130
131
132
133
 
  	                             </td>
  	                           </tr>
  	                         </table>
52fea957f   Anchit Jindal   csv and search co... 
134
 
                            <button type="button" ng-click="exportVendors()" class="btn btn-warning exportBtn">Export CSV</button>
a27f8c000   Anchit Jindal   pagination implem... 
135
136
 
                          
                             <!-- <table class="table table-striped">
4bb02bb84   Rishav   new integration w... 
137
138
139
140
 
                                <thead>
                                   <tr>
                                      <th>
                                         <input type="text" class="form-control" style="height:31px;" name="name" id="name">
cd330b5ee   Rishav   fuel vendor and v... 
141
 
                                         <label class="font-company">Vendor Name <i class="fa fa-sort" aria-hidden="true"></i></label>
4bb02bb84   Rishav   new integration w... 
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
168
169
170
171
 
                                      </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... 
172
 
                                      <td class="font-company">
ea15674c8   Rishav   minor changes for... 
173
 
                                        <a style="color: #333; text-decoration: none;" href="#!/viewFuelVendor/{{vendor.id}}">{{vendor.vendorName}}</a>
cd330b5ee   Rishav   fuel vendor and v... 
174
 
                                      </td>
4bb02bb84   Rishav   new integration w... 
175
176
177
 
                                      <td class="font-company">{{vendor.phone}}</td>
                                      <td class="font-company">{{vendor.contact}}</td>
                                      <td class="font-company">
cd330b5ee   Rishav   fuel vendor and v... 
178
179
 
                                         <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... 
180
181
182
 
                                      </td>
                                      <td class="font-company">{{vendor.source}}</td>
                                      <td class="font-company">
3a9f4472b   Rishav   Implement contact... 
183
 
                                        <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... 
184
 
                                         <select class="form-control" style="height:31px;">
4bb02bb84   Rishav   new integration w... 
185
186
 
                                            <option>Margin1</option>
                                            <option>Margin2</option>
a27f8c000   Anchit Jindal   pagination implem... 
187
 
                                         </select>
4bb02bb84   Rishav   new integration w... 
188
189
190
191
 
                                      </td>
                                      <td class="font-company">{{vendor.allIn}}</td>
                                   </tr>
                                </tbody>
a27f8c000   Anchit Jindal   pagination implem... 
192
 
                             </table> -->
4bb02bb84   Rishav   new integration w... 
193
194
195
196
197
198
199
200
201
202
203
204
205
206
 
                          </div>
                       </div>
                    </div>
                 </div>
                 <!-- /widget-content -->
              </div>
              <!-- /widget -->
           </div>
           <!-- /span8 -->
        </div>
        <!-- /row -->
     </div>
     <!-- /container -->
  </div>
1926e07b6   Anchal Midha   implement fuel ve... 
207
 
  <!-- /main -->
cd330b5ee   Rishav   fuel vendor and v... 
208
 
  <form class="modal multi-step" id="vendor-modal-3" name="vendorForm">
1926e07b6   Anchal Midha   implement fuel ve... 
209
210
211
212
213
214
215
216
217
218
219
220
221
 
      <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... 
222
 
                                      <toggle ng-model="data.activate" size="customToogle"></toggle>
1926e07b6   Anchal Midha   implement fuel ve... 
223
224
225
226
227
228
229
230
231
232
233
 
                                   </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... 
234
235
 
                                         <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... 
236
237
238
239
 
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="col-md-4">
1926e07b6   Anchal Midha   implement fuel ve... 
240
241
242
 
                                   </div>
                                </div>
                                <div class="clearfix"></div><br>
1926e07b6   Anchal Midha   implement fuel ve... 
243
244
245
246
 
                                <br/>
                                <div class="col-xs-12">
                                   <div class="col-md-6">
                                      <div class="pull-left" style="width: 110px;">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
247
 
                                         <b>JET A Margin</b>
1926e07b6   Anchal Midha   implement fuel ve... 
248
249
 
                                      </div>
                                      <div class="pull-left">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
250
251
252
 
                                         <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... 
253
 
                                         <label ng-show="showMarginError" class="customErrorMessage">This field is required.</label>
1926e07b6   Anchal Midha   implement fuel ve... 
254
255
256
257
258
 
                                      </div>
                                      <div class="clearfix"></div>
                                   </div>
                                   
                                   <div class="col-md-3 Airport" style="text-align: right;">
a7a7cfeca   Rishav Singla   fuel vendor page ... 
259
 
                                      <b>AVGAS 100LL Margin</b>
1926e07b6   Anchal Midha   implement fuel ve... 
260
261
 
                                   </div>
                                   <div class="col-md-3 Airport">
a27f8c000   Anchit Jindal   pagination implem... 
262
 
                                      <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 ... 
263
 
                                      <option value="" disabled>Select...</option>
1926e07b6   Anchal Midha   implement fuel ve... 
264
265
 
                                      </select>
                                   </div>
a7a7cfeca   Rishav Singla   fuel vendor page ... 
266
 
                                   <div class="clearfix"></div>
1926e07b6   Anchal Midha   implement fuel ve... 
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
346
347
348
349
 
                                </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... 
350
351
352
353
354
355
356
 
                             </div>
                          </div>
                          <div class="clearfix"></div>
                       </div>
                    </div>
                 </div>
              </div>
1926e07b6   Anchal Midha   implement fuel ve... 
357
 
              <div class="modal-footer" style="border-top: 0;">
7152ff131   Rishav   model handle 
358
 
                  <button type="button" class="btn btn-default" ng-click="reset()" data-dismiss="modal">Cancel</button>
a7a7cfeca   Rishav Singla   fuel vendor page ... 
359
 
                  <button type="button" class="btn btn-primary step step-1" data-step="1" ng-click="addFirstData()">Save</button>
1926e07b6   Anchal Midha   implement fuel ve... 
360
361
362
363
 
              </div>
          </div>
      </div>
  </form>
d24318592   Rishav   changes and new i... 
364
365
366
 
  <div class="myLoader" ng-show="showLoader">
     <img src="../img/hourglass.gif" width="50px;">
  </div>
1926e07b6   Anchal Midha   implement fuel ve... 
367
368
369
370
371
372
 
  <script src="js/multi-step-modal.js"></script>
  <script>
  sendEvent = function(sel, step) {
      $(sel).trigger('next.m.' + step);
  }
  </script>