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