You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
www_admin/root/tt/dashboard.tt

81 lines
3.3 KiB

<!--[if IE]><script language="javascript" type="text/javascript" src="/js/jsrrd/flot/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="/js/jsrrd/jsrrd/binaryXHR.js"></script>
<script type="text/javascript" src="/js/jsrrd/jsrrd/rrdFile.js"></script>
<script type="text/javascript" src="/js/jsrrd/jsrrd/rrdMultiFile.js"></script>
<script type="text/javascript" src="/js/jsrrd/jsrrd/rrdFlotSupport.js"></script>
<script type="text/javascript" src="/js/jsrrd/jsrrd/rrdFlot.js"></script>
<script type="text/javascript" src="/js/jsrrd/flot/jquery.flot.js"></script>
<script type="text/javascript" src="/js/jsrrd/flot/jquery.flot.selection.js"></script>
<h3 id="title">Dashboard</h3>
<div class="topsubmenu">
<ul>
<li [% "class=\"selected\"" IF ctx=="system" %]><a href="system"><span>System</span></a></li>
<li [% "class=\"selected\"" IF ctx == "voip" %]><a href="voip"><span>Voip</span></a></li>
</ul>
</div>
<div class="topsubmenudivider"> </div>
<p>Click&amp;Drag on the graphs to zoom individual ranges.</p>
<div class="nobg span-17">
[% even = 0 %]
<span style="font-weight: bold;">test</span>
<div id="plot_test"><div style="margin: 20px;"><img src="/static/images/loader.gif" alt="loading" style="margin-right: 10px;"/>loading...</div></div>
[% FOREACH item IN plotdata %]
<span style="font-weight: bold;">[% item.title %]</span>
<div id="plot_[% item.name %]"><div style="margin: 20px;"><img src="/static/images/loader.gif" alt="loading" style="margin-right: 10px;"/>loading...</div></div>
[% END %]
</div>
<script type="text/javascript">
function update_fname(rrd_data_arr, args) {
var graph_opts={};
var ds_graph_opts={};
if (rrd_data_arr.length == 1)
var f=new rrdFlot(args['plot_id'],rrd_data_arr[0],graph_opts,ds_graph_opts, args['si_suffix']);
else {
var t = new RRDFileSum(rrd_data_arr, false);
var f=new rrdFlot(args['plot_id'],t,graph_opts,ds_graph_opts, args['si_suffix']);
}
}
function update_fname_handler(bf, args) {
var rrd_data=undefined;
var fname = args['name'];
var output = args['output'];
try {
var rrd_data=new RRDFile(bf);
} catch(err) {
alert("File "+fname+" is not a valid RRD archive!");
}
if (rrd_data!=undefined) {
output.push(rrd_data);
if (output.length >= args['rrd_count']) {
update_fname(output, args);
}
}
}
function fname_update(fname, plot_id, si_suffix) {
var o = new Array();
for (var i = 0; i < fname.length; i++) {
try {
FetchBinaryURLAsync(fname[i], update_fname_handler, {plot_id: plot_id,
si_suffix: si_suffix, rrd_count: fname.length, name: fname[i],
output: o});
} catch (err) {
alert("Failed loading "+fname[i]+"\n"+err);
}
}
}
fname_update(["/rrd/get?path=memory/memory-free.rrd", "/rrd/get?path=memory/memory-cached.rrd"], "plot_test", true);
[% FOREACH item IN plotdata %]
fname_update(["[% item.url %]"], "plot_[% item.name %]", [% item.si ? "true" : "false" %]);
[% END %]
</script>