viithiisys / Acufuel

Blame view

app/partials/dashboard/dashboard.html 12 KB
edit raw normal view history
d1e8d9afb   Kuldeep Arora   fuel order & home... 
1
 
     <style>
feacde5ff   Rishav   setup acuefuel in... 
2
 
     .subnavbar .mainnav > li:first-child > a{
6f19fff16   Kuldeep Arora   Rebranding-FBOins... 
3
 
        color: #ca5c6a;
feacde5ff   Rishav   setup acuefuel in... 
4
 
     }
d1e8d9afb   Kuldeep Arora   fuel order & home... 
5
feacde5ff   Rishav   setup acuefuel in... 
6
 
  </style>
a49ef5361   Kuldeep Arora   dashboard & Sched... 
7
8
9
10
11
12
13
14
15
16
17
18
19
 
  <!-- <style>
  table, th , td  {
    border: 1px solid grey;
    border-collapse: collapse;
    padding: 5px;
  }
  table tr:nth-child(odd) {
    background-color: #f1f1f1;
  }
  table tr:nth-child(even) {
    background-color: #ffffff;
  }
  </style> -->
feacde5ff   Rishav   setup acuefuel in... 
20
 
  <div class="main">
dd378d69f   Mr. Hot Foods   changes in flight... 
21
 
     <div class="container" ng-if="isAuthenticated">
feacde5ff   Rishav   setup acuefuel in... 
22
23
24
25
26
27
 
        <div class="row">
           <div class="col-md-7">
              <div class="widget stacked">
                 <div class="row">
                    <div class="col-md-3">
                       <div class="widget-header">
d1e8d9afb   Kuldeep Arora   fuel order & home... 
28
 
                          <i class="fa fa-tint"></i> &nbsp; Reconciled Orders
1b71872b2   Kuldeep Arora   email and code be... 
29
feacde5ff   Rishav   setup acuefuel in... 
30
31
32
33
 
                       </div>
                       <div class="custom-widget-content">
                          <div>
                             <div class="col-xs-12">
1b71872b2   Kuldeep Arora   email and code be... 
34
35
 
                                <label class="pull-left" style="font-size: 13px" >Completed</label>
                                <span style="font-size: 11px">&nbsp;Monthly</span>
961a97a2f   Kuldeep Arora   Enhancement in de... 
36
 
                                <!-- <button class="btn btn-success btn-xs pull-right" style="cursor: default"> -->
1b71872b2   Kuldeep Arora   email and code be... 
37
38
 
                                <!--  <label class="pull-right">Montly</label>  -->
                                <!--  <span style="font-size:13px;">(Monthly)</span> -->
feacde5ff   Rishav   setup acuefuel in... 
39
40
41
42
43
 
                                <div class="clearfix"></div>
                             </div>
                             <div class="clearfix"></div>
                          </div>
                          <hr class="hr">
feacde5ff   Rishav   setup acuefuel in... 
44
 
                             <div class="col-xs-12">
1b71872b2   Kuldeep Arora   email and code be... 
45
46
 
                                <h2 style="margin-bottom: 0px;">{{completeOrderCount}}</h2>
                                <span>Fuel Orders</span>
feacde5ff   Rishav   setup acuefuel in... 
47
48
49
 
                             </div>
                             <div class="clearfix"></div>
                          </div>
feacde5ff   Rishav   setup acuefuel in... 
50
 
                       </div>
1b71872b2   Kuldeep Arora   email and code be... 
51
52
 
                       <div class="col-md-3">
                          <div class="widget-header">
d1e8d9afb   Kuldeep Arora   fuel order & home... 
53
 
                             <i class="fa fa-tint"></i> &nbsp; Pending Orders
1b71872b2   Kuldeep Arora   email and code be... 
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
                       
                          </div>
                          <div class="custom-widget-content">
                             <div>
                                <div class="col-xs-12">
                                   <label class="pull-left" style="font-size: 13px" >Pending</label>
                                   <span style="font-size: 11px">&nbsp;Monthly</span>
                                   <!-- <span class="pull-left">Pending</span><button class="btn btn-success btn-xs pull-right pull-right-color " style="cursor: default"><span style="font-size:9px;">Monthly</span></button> -->
                                   <div class="clearfix"></div>
                                </div>
                                <div class="clearfix"></div>
                             </div>
                             <hr class="hr">
                                <div class="col-xs-12">
                                   <h2 style="margin-bottom: 0px;">{{pendingOrderCount}}</h2>
                                   <span>Fuel Orders</span>
                                </div>
feacde5ff   Rishav   setup acuefuel in... 
71
72
 
                                <div class="clearfix"></div>
                             </div>
feacde5ff   Rishav   setup acuefuel in... 
73
 
                          </div>
1b71872b2   Kuldeep Arora   email and code be... 
74
75
76
 
                          <div class="col-md-6">
                             <div class="widget-header">
                                <i class="fa fa-list-alt "></i>
d1e8d9afb   Kuldeep Arora   fuel order & home... 
77
 
                                <h3>Airport Operations</h3>
1b71872b2   Kuldeep Arora   email and code be... 
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
                             </div>
                             <div class="custom-widget-content">
                                <div>
                                   <div class="col-xs-12">
                                      <label class="pull-left" style="font-size: 12px" >Activity :&nbsp;Airport Operations</label>
                                      <span style="font-size: 11px">&nbsp;&nbsp;Monthly</span>
                                      <!-- <span class="pull-left">Activity: Airport Operations</span><button class="btn btn-primary btn-xs pull-right" style="cursor: default"><span style="font-size:9px;">Monthly</span></button> -->
                                      <div class="clearfix"></div>
                                   </div>
                                   <div class="clearfix"></div>
                                </div>
                                <hr class="hr">
                                   <div class="col-xs-6">
                                      <h2 style="margin-bottom:0px;">280</h2>
                                      <span>Based-Aircraft</span>
                                   </div>
                                   <div class="col-xs-6">
                                      <h2 style="margin-bottom: 0px;">280</h2>
                                      <span>Take-offs & Landings</span>
                                   </div>
                                   <div class="clearfix"></div>
                                </div>
                             </div>
feacde5ff   Rishav   setup acuefuel in... 
101
 
                          </div>
1b71872b2   Kuldeep Arora   email and code be... 
102
103
104
 
                       </br>
                       <div class="row">
                          <div class="col-md-12">
9440d9890   Kuldeep Arora   design fixed 
105
 
                             <!-- <div class="widget stacked"> -->
176381a3a   Anchit Jindal   minor changes 
106
107
108
109
110
111
112
113
 
  				            <div class="widget-header">
  				              <i class="icon-bar-chart"></i>
  				              <h3>${{ordersCost | number :2}}/{{ordersCount}} Fuel Sales</h3>
  				            </div>
  				            <!-- /widget-header -->
  				            <div class="widget-content">
  				              <nvd3 options="optionsmfs" data="datamfs"></nvd3>
  				              <!-- /bar-chart -->
9440d9890   Kuldeep Arora   design fixed 
114
 
  				            <!-- </div> -->
176381a3a   Anchit Jindal   minor changes 
115
116
 
  				            <!-- /widget-content -->
  				          </div>
1b71872b2   Kuldeep Arora   email and code be... 
117
 
                             <!-- /widget-content -->
feacde5ff   Rishav   setup acuefuel in... 
118
 
                          </div>
1b71872b2   Kuldeep Arora   email and code be... 
119
 
                          <!-- /widget -->
feacde5ff   Rishav   setup acuefuel in... 
120
121
122
 
                       </div>
                    </div>
                 </div>
1b71872b2   Kuldeep Arora   email and code be... 
123
124
125
 
                 <!-- /span6 -->
                 <div class="col-md-5">
                    <div class="widget stacked">
feacde5ff   Rishav   setup acuefuel in... 
126
 
                       <div class="widget-header">
1b71872b2   Kuldeep Arora   email and code be... 
127
128
 
                          <i class="fa fa-pencil"></i>
                          <h3>Price Manager Active</h3>
f62f8940f   Kuldeep Arora   UI changes 
129
 
                          <select ng-show="isShowEmail" 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-click="confirmMail()">
1b71872b2   Kuldeep Arora   email and code be... 
130
131
132
133
134
135
 
                             <option value="" disabled selected="selected">Email All Pricing</option>
                             <option value="JET-A">Email JET-A pricing only</option>
                             <option value="AVGAS">Email AVGAS pricing only</option>
                             <option disabled>_______________________________</option>
                             <option value="all">Distribute All</option>
                          </select>
feacde5ff   Rishav   setup acuefuel in... 
136
137
138
 
                       </div>
                       <!-- /widget-header -->
                       <div class="widget-content">
1b71872b2   Kuldeep Arora   email and code be... 
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
168
169
170
171
172
 
                          <h4>Deployed Fuel Prices</h4>
                          <table  class="table vertical-center"">
                             <thead>
                                <tr>
                                   <th> Product</th>
                                   <th> Cost</th>
                                   <th> Margin</th>
                                   <th> PAP(Total)</th>
                                   <th style="color: #F90;"> Expires</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest'| filter:{ status: true }">
                                   <td>
                                      <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
                                      <span  ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
                                      <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
                                      <span  ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
                                   </td>
                                   <td>
                                      <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span>
                                   </td>
                                   <td>
                                      <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span>
                                   </td>
                                   <td>
                                      <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin  | number : 4 }}</span>
                                   </td>
                                   <td>
                                      <span>{{fuelPricing.fuelPricing.expirationDate}}</span>
                                   </td>
                                </tr>
                             </tbody>
                          </table>
feacde5ff   Rishav   setup acuefuel in... 
173
174
175
 
                       </div>
                       <!-- /widget-content -->
                    </div>
1b71872b2   Kuldeep Arora   email and code be... 
176
177
178
179
 
                    <!-- /widget -->
                    <div class="widget widget-nopad stacked">
                       <div class="widget-header">
                          <i class="fa fa-comment" aria-hidden="true"></i>
d1e8d9afb   Kuldeep Arora   fuel order & home... 
180
 
                          <h3>Needs Attention</h3>
1b71872b2   Kuldeep Arora   email and code be... 
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
 
                       </div>
                       <!-- /widget-header -->
                       <div class="widget-content">
                          <h4 style="padding:10px">Messages</h4>
                          <hr class="hr">
                             <table>
                                <tr ng-repeat="msg in pendingMessageRecord">
                                   <td>Fuel Order is Pending for the company {{ msg[5] }} </td>
                                </tr>
                             </table>
                             <!-- <ul class="news-items"><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li><li><div class="news-item-detail"><a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a><p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></div><div class="news-item-date"><span class="news-item-day">08</span><span class="news-item-month">Mar</span></div></li></ul> -->
                          </div>
                          <!-- /widget-content -->
                       </div>
                       <!-- /widget -->
                    </div>
                    <!-- /span6 -->
feacde5ff   Rishav   setup acuefuel in... 
198
 
                 </div>
1b71872b2   Kuldeep Arora   email and code be... 
199
 
                 <!-- /row -->
feacde5ff   Rishav   setup acuefuel in... 
200
 
              </div>
1b71872b2   Kuldeep Arora   email and code be... 
201
 
              <!-- /container -->
feacde5ff   Rishav   setup acuefuel in... 
202
 
           </div>
1b71872b2   Kuldeep Arora   email and code be... 
203
204
205
206
207
 
           <!-- /main -->
           <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
              <div class="customModalInner">
                 <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
                    <table>
9732e9b36   Swarn Singh   updates in fuel m... 
208
 
                       <tr>
9732e9b36   Swarn Singh   updates in fuel m... 
209
 
                          <td>
1b71872b2   Kuldeep Arora   email and code be... 
210
 
                             <img src="img/info.png" style="width: 50px;">
05bfa28a2   Mr. Hot Foods   remove save butto... 
211
 
                             </td>
1b71872b2   Kuldeep Arora   email and code be... 
212
213
214
215
216
217
218
219
220
221
 
                             <td>
                                <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
                             </td>
                          </tr>
                       </table>
                    </div>
                    <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
                       <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
                       <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
                    </div>
feacde5ff   Rishav   setup acuefuel in... 
222
 
                 </div>
7b21cec8f   Kuldeep Arora   analytical region... 
223
 
           </div>