viithiisys / Acufuel

Blame view

app/partials/dashboard/dashboard.html 11.2 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
 
        <div class="row">
           <div class="col-md-7">
              <div class="widget stacked">
                 <div class="row">
                    <div class="col-md-3">
a55afb325   Kuldeep Arora   reconciled order ... 
27
 
                       <a ui-sref="app.filterFuelOrders({status:'paid'})">
feacde5ff   Rishav   setup acuefuel in... 
28
 
                       <div class="widget-header">
d1e8d9afb   Kuldeep Arora   fuel order & home... 
29
 
                          <i class="fa fa-tint"></i> &nbsp; Reconciled Orders
1b71872b2   Kuldeep Arora   email and code be... 
30
a55afb325   Kuldeep Arora   reconciled order ... 
31
 
                       </div></a>
feacde5ff   Rishav   setup acuefuel in... 
32
33
34
 
                       <div class="custom-widget-content">
                          <div>
                             <div class="col-xs-12">
1b71872b2   Kuldeep Arora   email and code be... 
35
36
 
                                <label class="pull-left" style="font-size: 13px" >Completed</label>
                                <span style="font-size: 11px">&nbsp;Monthly</span>
961a97a2f   Kuldeep Arora   Enhancement in de... 
37
 
                                <!-- <button class="btn btn-success btn-xs pull-right" style="cursor: default"> -->
1b71872b2   Kuldeep Arora   email and code be... 
38
39
 
                                <!--  <label class="pull-right">Montly</label>  -->
                                <!--  <span style="font-size:13px;">(Monthly)</span> -->
feacde5ff   Rishav   setup acuefuel in... 
40
41
42
43
44
 
                                <div class="clearfix"></div>
                             </div>
                             <div class="clearfix"></div>
                          </div>
                          <hr class="hr">
feacde5ff   Rishav   setup acuefuel in... 
45
 
                             <div class="col-xs-12">
1b71872b2   Kuldeep Arora   email and code be... 
46
47
 
                                <h2 style="margin-bottom: 0px;">{{completeOrderCount}}</h2>
                                <span>Fuel Orders</span>
feacde5ff   Rishav   setup acuefuel in... 
48
49
50
 
                             </div>
                             <div class="clearfix"></div>
                          </div>
feacde5ff   Rishav   setup acuefuel in... 
51
 
                       </div>
1b71872b2   Kuldeep Arora   email and code be... 
52
53
 
                       <div class="col-md-3">
                          <div class="widget-header">
d1e8d9afb   Kuldeep Arora   fuel order & home... 
54
 
                             <i class="fa fa-tint"></i> &nbsp; Pending Orders
1b71872b2   Kuldeep Arora   email and code be... 
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
                       
                          </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... 
72
73
 
                                <div class="clearfix"></div>
                             </div>
feacde5ff   Rishav   setup acuefuel in... 
74
 
                          </div>
1b71872b2   Kuldeep Arora   email and code be... 
75
76
77
 
                          <div class="col-md-6">
                             <div class="widget-header">
                                <i class="fa fa-list-alt "></i>
d1e8d9afb   Kuldeep Arora   fuel order & home... 
78
 
                                <h3>Airport Operations</h3>
1b71872b2   Kuldeep Arora   email and code be... 
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
 
                             </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... 
102
 
                          </div>
1b71872b2   Kuldeep Arora   email and code be... 
103
104
105
 
                       </br>
                       <div class="row">
                          <div class="col-md-12">
9440d9890   Kuldeep Arora   design fixed 
106
 
                             <!-- <div class="widget stacked"> -->
176381a3a   Anchit Jindal   minor changes 
107
108
109
110
111
112
113
114
 
  				            <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 
115
 
  				            <!-- </div> -->
176381a3a   Anchit Jindal   minor changes 
116
117
 
  				            <!-- /widget-content -->
  				          </div>
1b71872b2   Kuldeep Arora   email and code be... 
118
 
                             <!-- /widget-content -->
feacde5ff   Rishav   setup acuefuel in... 
119
 
                          </div>
1b71872b2   Kuldeep Arora   email and code be... 
120
 
                          <!-- /widget -->
feacde5ff   Rishav   setup acuefuel in... 
121
122
123
 
                       </div>
                    </div>
                 </div>
1b71872b2   Kuldeep Arora   email and code be... 
124
125
126
 
                 <!-- /span6 -->
                 <div class="col-md-5">
                    <div class="widget stacked">
feacde5ff   Rishav   setup acuefuel in... 
127
 
                       <div class="widget-header">
1b71872b2   Kuldeep Arora   email and code be... 
128
129
 
                          <i class="fa fa-pencil"></i>
                          <h3>Price Manager Active</h3>
f62f8940f   Kuldeep Arora   UI changes 
130
 
                          <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... 
131
132
133
134
135
136
 
                             <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... 
137
138
139
 
                       </div>
                       <!-- /widget-header -->
                       <div class="widget-content">
1b71872b2   Kuldeep Arora   email and code be... 
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
173
 
                          <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... 
174
175
176
 
                       </div>
                       <!-- /widget-content -->
                    </div>
1b71872b2   Kuldeep Arora   email and code be... 
177
 
                    <!-- /widget -->
10e8f79f8   Kuldeep Arora   change to display... 
178
 
                    <div class="widget widget-nopad stacked" style="display: none;">
1b71872b2   Kuldeep Arora   email and code be... 
179
180
 
                       <div class="widget-header">
                          <i class="fa fa-comment" aria-hidden="true"></i>
d1e8d9afb   Kuldeep Arora   fuel order & home... 
181
 
                          <h3>Needs Attention</h3>
1b71872b2   Kuldeep Arora   email and code be... 
182
 
                       </div>
1b71872b2   Kuldeep Arora   email and code be... 
183
184
185
186
187
188
189
190
 
                       <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>
1b71872b2   Kuldeep Arora   email and code be... 
191
 
                          </div>
10e8f79f8   Kuldeep Arora   change to display... 
192
 
                       </div>
1b71872b2   Kuldeep Arora   email and code be... 
193
194
195
 
                       <!-- /widget -->
                    </div>
                    <!-- /span6 -->
feacde5ff   Rishav   setup acuefuel in... 
196
 
                 </div>
1b71872b2   Kuldeep Arora   email and code be... 
197
 
                 <!-- /row -->
feacde5ff   Rishav   setup acuefuel in... 
198
 
              </div>
1b71872b2   Kuldeep Arora   email and code be... 
199
 
              <!-- /container -->
feacde5ff   Rishav   setup acuefuel in... 
200
 
           </div>
1b71872b2   Kuldeep Arora   email and code be... 
201
202
203
204
205
 
           <!-- /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... 
206
 
                       <tr>
9732e9b36   Swarn Singh   updates in fuel m... 
207
 
                          <td>
1b71872b2   Kuldeep Arora   email and code be... 
208
 
                             <img src="img/info.png" style="width: 50px;">
05bfa28a2   Mr. Hot Foods   remove save butto... 
209
 
                             </td>
1b71872b2   Kuldeep Arora   email and code be... 
210
211
212
213
214
215
216
217
218
219
 
                             <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... 
220
 
                 </div>
7b21cec8f   Kuldeep Arora   analytical region... 
221
 
           </div>