viithiisys / Acufuel

Blame view

app/partials/analytics/analytics.html 4.71 KB
edit raw normal view history
feacde5ff   Rishav   setup acuefuel in... 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
  <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;
     }
     .subnavbar .mainnav > li:nth-child(3) > a{
     color: #ff9900;
     }
565570086   Kuldeep Arora   highcharts(MFS,CS... 
17
18
19
20
21
22
23
 
     .table {
     border-collapse: separate;
     padding: 0px;
      
     }
ae523d5ef   Mr. Hot Foods   account setting m... 
24
25
feacde5ff   Rishav   setup acuefuel in... 
26
27
 
  </style>
  <div class="main">
d121d5539   Kuldeep Arora   UI Changes 
28
 
      <div style="padding: 0 3%; margin-left: 15px;">
565570086   Kuldeep Arora   highcharts(MFS,CS... 
29
30
 
     <div class="customInputWrap">
d121d5539   Kuldeep Arora   UI Changes 
31
 
        <div style="margin-left: -15px;">
565570086   Kuldeep Arora   highcharts(MFS,CS... 
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
           <!--    <table>
                 <tr><label>Date Range Filter</label></tr>
                 <tr>
                    <td><input type="text" ng-model="drf.fromDate" datepicker class="form-control" placeholder="From" style="width: 150px" required /></td>
                     <td width="1"></td>
                    <td><input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To" style="width: 150px"></td>
                    <td>
                       <input type="button" value="Apply" ng-click="submitDate()">
                    </td>
               </tr>
               </table>
             -->
                  <label>Date Range Filter</label>
            <form name="myForm">
d121d5539   Kuldeep Arora   UI Changes 
46
 
                  <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;"/>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
47
d121d5539   Kuldeep Arora   UI Changes 
48
 
                  <input type="text" ng-model="drf.toDate" datepicker class="form-control" placeholder="To Date" style="width: 120px; float: left; margin-right: 15px;">
565570086   Kuldeep Arora   highcharts(MFS,CS... 
49
50
51
52
53
54
55
56
57
58
59
60
 
  
                  <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>
                  <!--<label ng-if="fillForm">Swarn Singh</label> -->
                  <div class="clearfix"></div>
           </form>
         </div>  
         <div class="clearfix"></div> 
     </div>
d121d5539   Kuldeep Arora   UI Changes 
61
565570086   Kuldeep Arora   highcharts(MFS,CS... 
62
63
64
65
66
67
68
69
70
71
72
73
74
 
           <div class="row">
              <div class="col-md-6">
                 <div class="widget stacked">
                    <div class="widget-header">
                       <i class="icon-bar-chart"></i>
                       <h3>Monthly Fuel Sales</h3>
                    </div>
                    <!-- /widget-header -->
                    <div class="widget-content">
                       <nvd3 options="optionsmfs" data="datamfs"></nvd3>
                       <!-- /bar-chart -->
                    </div>
                    <!-- /widget-content -->
feacde5ff   Rishav   setup acuefuel in... 
75
 
                 </div>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
76
 
                 <!-- /widget -->
feacde5ff   Rishav   setup acuefuel in... 
77
 
              </div>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
78
79
80
81
82
83
84
85
86
87
88
89
90
 
              <!-- /.span6 -->
              <div class="col-md-6">
                 <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 -->
dd378d69f   Mr. Hot Foods   changes in flight... 
91
 
                 </div>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
92
 
                 <!-- /widget -->
dd378d69f   Mr. Hot Foods   changes in flight... 
93
 
              </div>
565570086   Kuldeep Arora   highcharts(MFS,CS... 
94
 
              <!-- /span6 -->
dd378d69f   Mr. Hot Foods   changes in flight... 
95
 
           </div>
dd378d69f   Mr. Hot Foods   changes in flight... 
96
97
feacde5ff   Rishav   setup acuefuel in... 
98
 
        <div class="row">
05bfa28a2   Mr. Hot Foods   remove save butto... 
99
feacde5ff   Rishav   setup acuefuel in... 
100
101
102
103
104
105
 
        </div>
        <div class="row">
           <div class="col-md-6">
              <div class="widget stacked">
                 <div class="widget-header">
                    <i class="icon-bar-chart"></i>
05bfa28a2   Mr. Hot Foods   remove save butto... 
106
 
                    <h3>Customer Sources</h3>
feacde5ff   Rishav   setup acuefuel in... 
107
108
109
 
                 </div>
                 <!-- /widget-header -->
                 <div class="widget-content">
dd378d69f   Mr. Hot Foods   changes in flight... 
110
 
                    <nvd3 options="optionscs" data="datacs"></nvd3>
feacde5ff   Rishav   setup acuefuel in... 
111
112
113
114
115
116
117
 
                    <!-- /pie-chart -->
                 </div>
                 <!-- /widget-content -->
              </div>
              <!-- /widget -->        
           </div>
           <!-- /span6 -->
05bfa28a2   Mr. Hot Foods   remove save butto... 
118
119
 
  
            <div class="col-md-6">
feacde5ff   Rishav   setup acuefuel in... 
120
121
122
 
              <div class="widget stacked">
                 <div class="widget-header">
                    <i class="icon-bar-chart"></i>
05bfa28a2   Mr. Hot Foods   remove save butto... 
123
 
                    <h3>Regional PAP Pricing</h3>
feacde5ff   Rishav   setup acuefuel in... 
124
125
126
 
                 </div>
                 <!-- /widget-header -->
                 <div class="widget-content">
f100849ce   Mr. Hot Foods   analytics updates 
127
 
                    <div id="map" style="width: 100%; height: 325px;"></div>
feacde5ff   Rishav   setup acuefuel in... 
128
129
130
 
                 </div>
                 <!-- /widget-content -->
              </div>
05bfa28a2   Mr. Hot Foods   remove save butto... 
131
 
              <!-- /widget -->
feacde5ff   Rishav   setup acuefuel in... 
132
 
           </div>
05bfa28a2   Mr. Hot Foods   remove save butto... 
133
134
 
           <!-- /.span6 -->
feacde5ff   Rishav   setup acuefuel in... 
135
 
        </div>
05bfa28a2   Mr. Hot Foods   remove save butto... 
136
feacde5ff   Rishav   setup acuefuel in... 
137
138
139
140
 
     </div>
     <!-- /container -->
  </div>
  <!-- /main -->
dd378d69f   Mr. Hot Foods   changes in flight... 
141