2011-08-09 09:10:51 +00:00
|
|
|
<?php
|
|
|
|
echo <<<EEE
|
|
|
|
<html>
|
2012-05-01 23:43:11 +00:00
|
|
|
<head>
|
|
|
|
<title>Node {$_GET['n']} Ganglia Report</title>
|
|
|
|
<meta content="600" http-equiv="refresh">
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
|
|
|
<link href="css/style.css" rel=stylesheet type="text/css">
|
|
|
|
<link href="css/jquery.jqplot.css" rel=stylesheet type="text/css">
|
|
|
|
<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>
|
|
|
|
<script type="text/javascript" src="js/ui.js"></script>
|
2011-08-09 09:10:51 +00:00
|
|
|
EEE;
|
|
|
|
?>
|
2012-05-01 23:43:11 +00:00
|
|
|
|
2011-08-09 09:10:51 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
window.onload=function() {
|
|
|
|
var nodepath = $('#nodepath').val();
|
|
|
|
includeJs("js/jquery/jquery.jqplot.min.js");
|
|
|
|
includeJs("js/jquery/jqplot.dateAxisRenderer.min.js");
|
|
|
|
includeJs("js/jquery/jqplot.dateAxisRenderer.min.js");
|
|
|
|
includeJs("js/monitor/gangliamon.js");
|
|
|
|
$.ajax({
|
|
|
|
url : 'lib/cmd.php',
|
|
|
|
dataType : 'json',
|
|
|
|
data : {
|
|
|
|
cmd : 'webrun',
|
|
|
|
tgt : '',
|
|
|
|
args : 'gangliashow;' + nodepath + ';hour;_summary_',
|
|
|
|
msg : ''
|
|
|
|
},
|
|
|
|
|
|
|
|
success: function(data){
|
|
|
|
drawNodesummary(data.rsp[0]);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
function drawNodesummary(summaryString){
|
2012-05-01 23:43:11 +00:00
|
|
|
var nodename = $('#nodename').val();
|
|
|
|
var nodeData = new Object();
|
|
|
|
var metricArray = summaryString.split(';');
|
2011-08-09 09:10:51 +00:00
|
|
|
var metricname = '';
|
|
|
|
var valueArray = '';
|
|
|
|
var position = 0;
|
|
|
|
var tempLength = 0;
|
|
|
|
for (var index = 0; index < metricArray.length; index++){
|
|
|
|
position = metricArray[index].indexOf(':');
|
|
|
|
|
|
|
|
metricname = metricArray[index].substr(0, position);
|
|
|
|
nodeData[metricname] = new Array();
|
|
|
|
valueArray = metricArray[index].substr(position + 1).split(',');
|
|
|
|
tempLength = valueArray.length;
|
|
|
|
|
|
|
|
for (var i = 0; i < tempLength; i++){
|
|
|
|
nodeData[metricname].push(Number(valueArray[i]));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
drawLoadFlot('ganglianodeload', nodename, nodeData['load_one'], nodeData['cpu_num']);
|
|
|
|
drawCpuFlot('ganglianodecpu', nodename, nodeData['cpu_idle']);
|
|
|
|
drawMemFlot('ganglianodemem', nodename, nodeData['mem_free'], nodeData['mem_total']);
|
2011-08-11 09:42:23 +00:00
|
|
|
drawDiskFlot('ganglianodedisk', nodename, nodeData['disk_free'], nodeData['disk_total']);
|
|
|
|
drawNetworkFlot('ganglianodenetwork', nodename, nodeData['bytes_in'], nodeData['bytes_out']);
|
2011-08-09 09:10:51 +00:00
|
|
|
}
|
|
|
|
</script>
|
2012-05-01 23:43:11 +00:00
|
|
|
|
2011-08-09 09:10:51 +00:00
|
|
|
<?php
|
|
|
|
echo <<<EEE
|
2012-05-01 23:43:11 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<input id="nodename" type="hidden" value="{$_GET['n']}"></input>
|
|
|
|
<input id="nodepath" type="hidden" value="{$_GET['p']}"></input>
|
|
|
|
<div style="background-color:white;" class="tab">
|
|
|
|
<table style="border-style:none;">
|
|
|
|
<tr>
|
|
|
|
<td style="padding:0;border-style:none;"><div id="ganglianodeload" class="monitor-sum-div"></div></td>
|
|
|
|
<td style="padding:0;border-style:none;"><div id="ganglianodecpu" class="monitor-sum-div"></div></td>
|
|
|
|
<td style="padding:0;border-style: none;"><div id="ganglianodemem" class="monitor-sum-div"></div></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td style="padding:0;border-style:none;"><div id="ganglianodedisk" class="monitor-sum-div"></div></td>
|
|
|
|
<td style="padding:0;border-style:none;"><div id="ganglianodenetwork" class="monitor-sum-div"></div></td>
|
|
|
|
<td style="padding:0;border-style:none;"></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</body>
|
2011-08-09 09:10:51 +00:00
|
|
|
</html>
|
|
|
|
EEE;
|
|
|
|
?>
|