|
|
|
@ -322,8 +322,8 @@ |
|
|
|
<!--[if lte IE 8]> |
|
|
|
<script src="{% static "js/excanvas.js" %}"></script> |
|
|
|
<![endif]--> |
|
|
|
<script src="{% static "js/pydash.js" %}"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
|
|
|
|
function get_os_data(url, element) { |
|
|
|
$.get(url, function(data) { |
|
|
|
$(element).text(data); |
|
|
|
@ -336,7 +336,7 @@ dashboard.getUptime = function() { |
|
|
|
get_os_data('/info/uptime/', "#get-uptime"); |
|
|
|
} |
|
|
|
dashboard.getDisk = function() { |
|
|
|
$.getJSON('/info/getdisk/{{ getdisk }}', function(data) { |
|
|
|
$.getJSON('/info/getdisk/', function(data) { |
|
|
|
var tr=''; |
|
|
|
$.each( data, function( index, item){ |
|
|
|
tr+='<tr><td>'+item[0]+'</td><td>'+item[1]+'</td><td>'+item[2]+'</td><td>'+item[3]+'</td><td>'+item[4]+'</td><td>'+item[5]+'</td></tr>'; |
|
|
|
@ -346,7 +346,7 @@ dashboard.getDisk = function() { |
|
|
|
}); |
|
|
|
} |
|
|
|
dashboard.getUsers = function() { |
|
|
|
$.getJSON('/info/getusers/{{ getusers }}', function(data) { |
|
|
|
$.getJSON('/info/getusers/', function(data) { |
|
|
|
var tr=''; |
|
|
|
$.each( data, function( index, item){ |
|
|
|
tr+='<tr><td>'+item[0]+'</td><td>'+item[1]+'</td><td>'+item[2]+'</td></tr>'; |
|
|
|
@ -366,7 +366,7 @@ dashboard.getProc = function() { |
|
|
|
}); |
|
|
|
} |
|
|
|
dashboard.getIps = function() { |
|
|
|
$.getJSON('/info/getips/{{ getips }}', function(data) { |
|
|
|
$.getJSON('/info/getips/', function(data) { |
|
|
|
var tr=''; |
|
|
|
$.each( data, function( index, item){ |
|
|
|
tr+='<tr><td>'+item[0]+'</td><td>'+item[1]+'</td></tr>'; |
|
|
|
@ -380,7 +380,7 @@ dashboard.getIps = function() { |
|
|
|
var mem_ctx = $("#memoryChart").get(0).getContext("2d"); |
|
|
|
var memChart = new Chart(mem_ctx); |
|
|
|
function memory_usage(){ |
|
|
|
$.getJSON('/info/memory/{{ memusage }}', function(data) { |
|
|
|
$.getJSON('/info/memory/', function(data) { |
|
|
|
var options = { |
|
|
|
animation : false, |
|
|
|
pointDotRadius : 2, |
|
|
|
@ -393,7 +393,7 @@ var mem_ctx = $("#memoryChart").get(0).getContext("2d"); |
|
|
|
var cpu_ctx = $("#cpuuChart").get(0).getContext("2d"); |
|
|
|
var cpuChart = new Chart(cpu_ctx); |
|
|
|
function cpuu_usage(){ |
|
|
|
$.getJSON('/info/cpuusage/{{ cpuusage }}', function(data) { |
|
|
|
$.getJSON('/info/cpuusage/', function(data) { |
|
|
|
var options = { |
|
|
|
percentageInnerCutout : 50, |
|
|
|
segmentStrokeWidth : 0 |
|
|
|
@ -418,7 +418,7 @@ var trf_ctx = $("#trfChart").get(0).getContext("2d"); |
|
|
|
var load_ctx = $("#loadChart").get(0).getContext("2d"); |
|
|
|
var loadChart = new Chart(load_ctx); |
|
|
|
function load_average(){ |
|
|
|
$.getJSON('/info/loadaverage/{{ loadaverage }}', function(data) { |
|
|
|
$.getJSON('/info/loadaverage/', function(data) { |
|
|
|
var options = { |
|
|
|
animation : false, |
|
|
|
pointDotRadius : 2, |
|
|
|
@ -428,7 +428,7 @@ var load_ctx = $("#loadChart").get(0).getContext("2d"); |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
$(function() { |
|
|
|
$(function() { |
|
|
|
window.setInterval('memory_usage()', {{ time_refresh }}); |
|
|
|
window.setInterval('load_average()', {{ time_refresh }}); |
|
|
|
window.setInterval('cpuu_usage()', {{ time_refresh }}); |
|
|
|
@ -450,8 +450,9 @@ $(function pageLoad() { |
|
|
|
dashboard.getIps(); |
|
|
|
dashboard.getProc(); |
|
|
|
}); |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
{% endblock %} |
|
|
|
|
|
|
|
</body> |
|
|
|
|