diff options
| author | Simon Rettberg | 2016-05-03 19:03:09 +0200 |
|---|---|---|
| committer | Simon Rettberg | 2016-05-03 19:03:09 +0200 |
| commit | 50404f3b23b7fd6aeae4c9d2f6df0ea25e984e66 (patch) | |
| tree | 05e99fdffa696434960d7c77966c0bc36d6339e8 /modules-available/statistics/templates/kvmstate.html | |
| parent | Second half of merge.... (diff) | |
| download | slx-admin-50404f3b23b7fd6aeae4c9d2f6df0ea25e984e66.tar.gz slx-admin-50404f3b23b7fd6aeae4c9d2f6df0ea25e984e66.tar.xz slx-admin-50404f3b23b7fd6aeae4c9d2f6df0ea25e984e66.zip | |
WIP
Diffstat (limited to 'modules-available/statistics/templates/kvmstate.html')
| -rw-r--r-- | modules-available/statistics/templates/kvmstate.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/modules-available/statistics/templates/kvmstate.html b/modules-available/statistics/templates/kvmstate.html new file mode 100644 index 00000000..107a34f7 --- /dev/null +++ b/modules-available/statistics/templates/kvmstate.html @@ -0,0 +1,47 @@ +<div class="col-md-6"> + <div class="panel panel-default"> + <div class="panel-heading"> + {{lang_kvmStats}} + </div> + <div class="panel-body"> + <div class="row"> + <div class="col-sm-6"> + <table class="table table-condensed table-striped"> + <tr> + <th>{{lang_kvmState}}</th> + <th class="text-right">{{lang_machineCount}}</th> + </tr> + {{#rows}} + <tr id="kvm{{kvmstate}}"> + <td class="text-left slx-nowrap"><a href="?do=Statistics&filter=kvmstate&argument={{kvmstate}}">{{kvmstate}}</a></td> + <td class="text-right">{{count}}</td> + </tr> + {{/rows}} + </table> + </div> + <div class="col-sm-6"> + <canvas id="kvmchart" style="width:100%;height:250px"></canvas> + <script type="text/javascript"> + document.addEventListener("DOMContentLoaded", function() { + var data = {{{json}}}; + var sel = false; + new Chart(document.getElementById('kvmchart').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 = $('#kvm' + tooltip.text); + sel.addClass('info'); + } + }); + }, false); + </script> + </div> + </div> + </div> + </div> +</div>
\ No newline at end of file |