viithiisys / Acufuel

Blame view

app/partials/analytics/analytics.html 9.07 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
bb09cc25d   Kuldeep Arora   historic fuel cha... 
36
37
38
 
    #chart svg {
    height: 400px;
    }
7b21cec8f   Kuldeep Arora   analytical region... 
39
 
  @import 'https://code.highcharts.com/css/themes/sand-signika.css';
feacde5ff   Rishav   setup acuefuel in... 
40
 
  </style>
7b21cec8f   Kuldeep Arora   analytical region... 
41
feacde5ff   Rishav   setup acuefuel in... 
42
 
  <div class="main">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
43
44
45
46
47
 
    <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 
48
49
50
51
52
53
54
 
               <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 
55
 
                </form>
176381a3a   Anchit Jindal   minor changes 
56
 
             </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
57
 
              <div class="clearfix"></div>
176381a3a   Anchit Jindal   minor changes 
58
 
         </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
59
60
61
 
            <div class="widget stacked">
              <div class="widget-header">
                <i class="icon-bar-chart"></i>
d20181a2e   Anchit Jindal   fixed bugs 
62
 
                <h3>${{ordersCost | number :2}}/{{ordersCount}} Fuel Sales</h3>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
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
 
              </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 -->
bb09cc25d   Kuldeep Arora   historic fuel cha... 
94
95
 
                 <div class="widget-content">
                <!--  <nvd3 options="optionshfp" data="datahfp"></nvd3> -->
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
96
 
                  <!-- /pie-chart -->
bb09cc25d   Kuldeep Arora   historic fuel cha... 
97
 
                  <div id="chart"><svg></svg></div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
 
                </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>
ac6104d51   Kuldeep Arora   minor css 
121
 
                <div class="widget stacked customersource">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
122
123
124
125
126
127
128
129
 
                  <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... 
130
 
                    </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
131
132
133
134
135
 
                    <!-- /pie-chart -->
                  </div>
                  <!-- /widget-content -->
                </div>
                <!-- /widget -->
feacde5ff   Rishav   setup acuefuel in... 
136
 
              </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
137
 
              <!-- /span6 -->
565570086   Kuldeep Arora   highcharts(MFS,CS... 
138
 
              <div class="col-md-6">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
139
140
141
142
143
144
145
146
147
148
149
150
151
152
 
                 <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... 
153
 
                    <div class="widget-header">
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
154
155
 
                      <i class="icon-bar-chart"></i>
                      <h3>Regional PAP Pricing</h3>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
156
157
158
 
                    </div>
                    <!-- /widget-header -->
                    <div class="widget-content">
7b21cec8f   Kuldeep Arora   analytical region... 
159
160
161
162
 
                      <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... 
163
164
165
166
 
  
                      <!-- <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... 
167
168
 
                    </div>
                    <!-- /widget-content -->
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
169
170
171
172
 
                  </div>
                  <!-- /widget -->
                </div>
                <!-- /.span6 -->
feacde5ff   Rishav   setup acuefuel in... 
173
 
              </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
174
175
 
            </div>
            <!-- /container -->
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
176
 
            </div>
75d1c3d9f   Kuldeep Arora   analytics DRF UI 
177
 
          <!-- /main -->
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
178
179
180
181
182
183
 
                <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... 
184
 
                             <th style="padding: 5px">Region</th>
644eff8d3   Kuldeep Arora   minor 
185
 
                             <th style="padding: 5px">Average PAP</th>
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
186
187
 
                            </tr>
                            <tr ng-repeat="data in rppData">
644eff8d3   Kuldeep Arora   minor 
188
 
                             <td style="padding: 5px">
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
189
190
 
                              {{data.region}}
                             </td>
644eff8d3   Kuldeep Arora   minor 
191
192
193
 
                             <td style="padding: 5px">
                              {{data.averagePAP | number :4 }}
                             </td>
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
194
195
196
197
 
                          </tr>
                       </table>
                    </div>
                    <div class="customModelFooter text-right" style="border-top: 0px !important">
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
198
199
200
201
 
                       <button class="btn btn-primary" style="padding: 4px 0; width: 80px;" ng-click="cancelStatus()">Close</button>
                    </div>
                 </div>
              </div>
7b21cec8f   Kuldeep Arora   analytical region... 
202
bd3a040f8   Kuldeep Arora   Regional Pap pric... 
203
dd378d69f   Mr. Hot Foods   changes in flight... 
204
7b21cec8f   Kuldeep Arora   analytical region... 
205
206
207
208