diff options
Diffstat (limited to 'templates/statistics/id44.html')
-rw-r--r-- | templates/statistics/id44.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/templates/statistics/id44.html b/templates/statistics/id44.html new file mode 100644 index 00000000..cd4e32d7 --- /dev/null +++ b/templates/statistics/id44.html @@ -0,0 +1,48 @@ +<div class="col-md-6"> + <div class="panel panel-default"> + <div class="panel-heading"> + {{lang_tempPartStats}} + </div> + <div class="panel-body"> + <div class="row"> + <div class="col-md-6"> + <table class="table table-condensed table-striped"> + <tr> + <th>{{lang_partitionSize}}</th> + <th class="text-right">{{lang_machineCount}}</th> + </tr> + {{#rows}} + <tr id="tmpid{{gb}}"> + <td class="text-left slx-nowrap"><a href="?do=Statistics&filter=hddgb&argument={{gb}}">{{gb}} GiB</td> + <td class="text-right">{{count}}</td> + </tr> + {{/rows}} + </table> + </div> + <div class="col-md-6"> + <canvas id="temppartchart" style="width:100%;height:250px"></canvas> + <script type="text/javascript"> + document.addEventListener("DOMContentLoaded", function() { + var data = {{{json}}}; + var sel = false; + new Chart(document.getElementById('temppartchart').getContext('2d')).Pie(data, { + animation: false, + tooltipTemplate: "<%if (label){%><%=label%><%}%>", + customTooltips: function(tooltip) { + if (!tooltip) { + if (sel !== false) sel.removeClass('info'); + sel = false; + return; + } + sel = $('#tmpid' + String(tooltip.text)); + console.log('#tmpid' + String(tooltip.text)); + sel.addClass('info'); + } + }); + }, false); + </script> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file |