viithiisys / Acufuel

Blame view

app/partials/analytics/analytics.html 8.95 KB
edit raw normal view history
feacde5ff   Rishav   setup acuefuel in... 
1
2
3
4
5
6
7
8
9
10
11
12
13
 
  <style>
     .chart-holder {
     height: 325px;
     }
     .cirque-stats {
     text-align: center;
     }
     .cirque-stats .cirque-container {   
     margin-top: 1.5em;
     margin-bottom: 1.5em;   
     margin-right: 2em;
     margin-left: 2em;
     }
8fc0ea8f4   Kuldeep Arora   update menu items 
14
 
     .subnavbar .mainnav > li:nth-child(6) > a{
6f19fff16   Kuldeep Arora   Rebranding-FBOins... 
15
 
     color: #ca5c6a;
feacde5ff   Rishav   setup acuefuel in... 
16
 
     }
565570086   Kuldeep Arora   highcharts(MFS,CS... 
17
18
19
20
21
22
 
     .table {
     border-collapse: separate;
     padding: 0px;
      
     }
7b21cec8f   Kuldeep Arora   analytical region... 
23
24
25
 
     .highcharts-button-box{
      display: none;
     }
89c9d6ecd   Kuldeep Arora   drilldown map for... 
26
27
28
29
30
 
     
     .highcharts-button-symbol{
      display: none;
     }
7b21cec8f   Kuldeep Arora   analytical region... 
31
32
33
34
 
     .highcharts-map-navigation{
      background-color: #eee;
      border-color: grey;
     }
89c9d6ecd   Kuldeep Arora   drilldown map for... 
35
7b21cec8f   Kuldeep Arora   analytical region... 
36
 
  @import 'https://code.highcharts.com/css/themes/sand-signika.css';
feacde5ff   Rishav   setup acuefuel in... 
37
 
  </style>
7b21cec8f   Kuldeep Arora   analytical region... 
38
feacde5ff   Rishav   setup acuefuel in... 
39
 
  <div class="main">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
40
41
42
43
44
 
    <div style="padding: 0 3%; margin-left: 15px;">
      <div class="row">
        <div class="col-md-6">
          <div class="customInputWrap">
            <div style="margin-left: 0px;">
176381a3a   Anchit Jindal   minor changes 
45
46
47
48
49
50
51
 
               <label>Date Range Filter</label>
               <form name="myForm">
  	              <input  type="text" ng-model="drf.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
  	              <input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
  	                <button class="btn btn-primary" ng-disabled="myForm.$invalid" ng-click="submitDate()" style="float: left; display: none;">Apply</button>
  	                <button class="btn btn-primary" ng-click="submitDate()" style="float: left;">Apply</button>
  	                <div class="clearfix"></div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
52
 
                </form>
176381a3a   Anchit Jindal   minor changes 
53
 
             </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
54
 
              <div class="clearfix"></div>
176381a3a   Anchit Jindal   minor changes 
55
 
         </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
56
57
58
 
            <div class="widget stacked">
              <div class="widget-header">
                <i class="icon-bar-chart"></i>
d20181a2e   Anchit Jindal   fixed bugs 
59
 
                <h3>${{ordersCost | number :2}}/{{ordersCount}} Fuel Sales</h3>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
60
61
62
63
64
65
66
67
68
69
70
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
 
              </div>
              <!-- /widget-header -->
              <div class="widget-content">
                <nvd3 options="optionsmfs" data="datamfs"></nvd3>
                <!-- /bar-chart -->
              </div>
              <!-- /widget-content -->
            </div>
            <!-- /widget -->
          </div>
          <!-- /.span6 -->
          <div class="col-md-6">
            <div class="customInputWrap">
              <div style="margin-left: 0px;">
                <label>Date Range Filter</label>
                <form name="myForm1">
                  <input  type="text" ng-model="hfp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
                  <input type="text" ng-model="hfp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
                    <button class="btn btn-primary" ng-disabled="myForm1.$invalid" ng-click="submitDateHfp()" style="float: left; display: none;">Apply</button>
                    <button class="btn btn-primary" ng-click="submitDateHfp()" style="float: left;">Apply</button>
                    <div class="clearfix"></div>
                  </form>
                </div>
                <div class="clearfix"></div>
              </div>
              <div class="widget stacked">
                <div class="widget-header">
                  <i class="icon-bar-chart"></i>
                  <h3>Historic Fuel Pricing</h3>
                </div>
                <!-- /widget-header -->
                <div class="widget-content">
                  <nvd3 options="optionshfp" data="datahfp"></nvd3>
                  <!-- /pie-chart -->
                </div>
                <!-- /widget-content -->
              </div>
              <!-- /widget -->
            </div>
            <!-- /span6 -->
          </div>
          <div class="row"></div>
          <div class="row">
            <div class="col-md-6">
              <div class="customInputWrap">
                <div style="margin-left: 0px;">
                  <label>Date Range Filter</label>
                  <form name="myForm2">
                    <input  type="text" ng-model="cs.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
                    <input type="text" ng-model="cs.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
                      <button class="btn btn-primary" ng-disabled="myForm2.$invalid" ng-click="submitDateCs()" style="float: left; display: none;">Apply</button>
                      <button class="btn btn-primary" ng-click="submitDateCs()" style="float: left;">Apply</button>
                      <div class="clearfix"></div>
                    </form>
                  </div>
                  <div class="clearfix"></div>
                </div>
                <div class="widget stacked">
                  <div class="widget-header">
                    <i class="icon-bar-chart"></i>
                    <h3>Customer Sources</h3>
                  </div>
                  <!-- /widget-header -->
                  <div class="widget-content">
                    <div style="margin-left: -15px;">
                      <nvd3 options="optionscs" class="custom-graph" data="datacs"></nvd3>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
126
 
                    </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
127
128
129
130
131
 
                    <!-- /pie-chart -->
                  </div>
                  <!-- /widget-content -->
                </div>
                <!-- /widget -->
feacde5ff   Rishav   setup acuefuel in... 
132
 
              </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
133
 
              <!-- /span6 -->
565570086   Kuldeep Arora   highcharts(MFS,CS... 
134
 
              <div class="col-md-6">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
135
136
137
138
139
140
141
142
143
144
145
146
147
148
 
                 <div class="customInputWrap">
                  <div style="margin-top: 75px">
                    <!-- <label>Date Range Filter</label>
                    <form name="myForm3">
                      <input  type="text" ng-model="rpp.fromDate" datepicker class="form-control" placeholder="From Date" required ng-required="true" style="width: 120px; float: left; margin-right: 15px;"/>
                      <input type="text" ng-model="rpp.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
                        <button class="btn btn-primary" ng-disabled="myForm3.$invalid" ng-click="submitDateRpp()" style="float: left; display: none;">Apply</button>
                        <button class="btn btn-primary" ng-click="submitDateRpp()" style="float: left;">Apply</button>
                        <div class="clearfix"></div>
                      </form> -->
                    </div>
                    <div class="clearfix"></div>
                  </div> 
                  <div class="widget stacked">
565570086   Kuldeep Arora   highcharts(MFS,CS... 
149
 
                    <div class="widget-header">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
150
151
 
                      <i class="icon-bar-chart"></i>
                      <h3>Regional PAP Pricing</h3>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
152
153
154
 
                    </div>
                    <!-- /widget-header -->
                    <div class="widget-content">
7b21cec8f   Kuldeep Arora   analytical region... 
155
156
157
158
 
                      <div ng-show="flag">
                       <center><img id="spinner" src="/img/spinner.gif"/></center>  
                      </div>
                      <!-- <div id="map" style="width: 100%; height: 325px;"></div> -->
89c9d6ecd   Kuldeep Arora   drilldown map for... 
159
160
161
162
 
  
                      <!-- <div ng-hide="flag" id="regional-pap" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div> -->
  
                      <div ng-hide="flag" id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
163
164
 
                    </div>
                    <!-- /widget-content -->
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
165
166
167
168
 
                  </div>
                  <!-- /widget -->
                </div>
                <!-- /.span6 -->
feacde5ff   Rishav   setup acuefuel in... 
169
 
              </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
170
171
 
            </div>
            <!-- /container -->
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
172
 
            </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
173
 
          <!-- /main -->
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
174
175
176
177
178
179
 
                <div class="customConfirmPopBackdrop" id="popup1">
                 <div class="customModalInner" style="max-width: 400px;">
                    <div class="customModelBody" style="border-radius: 5px 5px 0 0;max-height: 200px;overflow: hidden;overflow-y: auto;"">
                       <table border="1">
                          
                            <tr>
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
180
 
                             <th style="padding: 5px">Region</th>
644eff8d3   Kuldeep Arora   minor 
181
 
                             <th style="padding: 5px">Average PAP</th>
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
182
183
 
                            </tr>
                            <tr ng-repeat="data in rppData">
644eff8d3   Kuldeep Arora   minor 
184
 
                             <td style="padding: 5px">
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
185
186
 
                              {{data.region}}
                             </td>
644eff8d3   Kuldeep Arora   minor 
187
188
189
 
                             <td style="padding: 5px">
                              {{data.averagePAP | number :4 }}
                             </td>
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
190
191
192
193
 
                          </tr>
                       </table>
                    </div>
                    <div class="customModelFooter text-right" style="border-top: 0px !important">
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
194
195
196
197
 
                       <button class="btn btn-primary" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Close</button>
                    </div>
                 </div>
              </div>
7b21cec8f   Kuldeep Arora   analytical region... 
198
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
199
dd378d69f   Mr. Hot Foods   changes in flight... 
200
7b21cec8f   Kuldeep Arora   analytical region... 
201
202
203
204