diff options
Diffstat (limited to 'modules-available/statistics/templates/machine-usage.html')
-rw-r--r-- | modules-available/statistics/templates/machine-usage.html | 31 |
1 files changed, 13 insertions, 18 deletions
diff --git a/modules-available/statistics/templates/machine-usage.html b/modules-available/statistics/templates/machine-usage.html index be435ee5..ba6ae5b1 100644 --- a/modules-available/statistics/templates/machine-usage.html +++ b/modules-available/statistics/templates/machine-usage.html @@ -7,13 +7,15 @@ <div class="panel-body"> {{#isclient}} <div class="row"> - <div class="col-sm-6"> + <div class="col-md-6 sticky-table" style="max-height:400px" id="usage-list"> <table class="table table-condensed"> + <thead> <tr> <th>{{lang_eventType}}</th> <th>{{lang_when}}</th> <th>{{lang_duration}}</th> </tr> + </thead> {{#rows}} <tr> <td><span class="glyphicon glyphicon-{{glyph}}"></span></td> @@ -23,24 +25,17 @@ {{/rows}} </table> </div> - <div class="col-sm-6"> - <table class="table table-condensed"> - {{#hasrows2}} - <tr> - <th>{{lang_eventType}}</th> - <th>{{lang_when}}</th> - <th>{{lang_duration}}</th> - </tr> - {{/hasrows2}} - {{#rows2}} - <tr> - <td><span class="glyphicon glyphicon-{{glyph}}"></span></td> - <td>{{from}}</td> - <td>{{duration}}</td> - </tr> - {{/rows2}} - </table> + <div class="col-md-6 hidden-sm"> + <div class="pull-right" style="max-width: 290px" id="usage-pie" data-chart="{{chart}}"></div> + <div class="clearfix"></div> </div> + <script> + document.addEventListener('DOMContentLoaded', function () { + var element = document.getElementById("usage-list"); + element.scrollTop = element.scrollHeight; + makeUsagePie($('#usage-pie')); + }); + </script> </div> {{/isclient}} <div class="timebar"> {{{graph}}}</div> |