1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165
|
<script>
function refreshCubismGraph() {
$("#cubism_graph_display img").each(function (index) {
var src = $(this).attr("src");
if (src.indexOf("graph.php") == 0) {
var d = new Date();
$(this).attr("src", jQuery.param.querystring(src, "&_=" + d.getTime()));
}
});
}
function createCubismGraph() {
if ($('#hreg').val() == "" || $('#metric_chooser').val() == "") {
alert("Host regular expression and metric name can't be blank");
return false;
}
this.form.submit();
/* var params = $("#cubism_graph_form").serialize() + "&cubism=1";
$("#cubism_graph_display").html('<img src="img/spinner.gif">');
$.ajax({url: 'generate_cubism.php',
cache: false,
data: params,
success: function(data) {
$("#cubism_graph_display").html(data);
}});
return false;
*/
}
$(function() {
var availablemetrics = [
<?php
require_once('./eval_conf.php');
require_once('./functions.php');
$available_metrics = array();
retrieve_metrics_cache("metric_list");
asort($index_array['metric_list']);
foreach ($index_array['metric_list'] as $key => $value) {
$available_metrics[] = "\"$value\"";
}
print join(",", $available_metrics);
unset($available_metrics);
?>];
$( ".ag_buttons" ).button();
$("#hreg").change(function() {
$.cookie("ganglia-cubism-graph-hreg" + window.name,
$("#hreg").val());
});
$("#max").change(function() {
$.cookie("ganglia-cubism-graph-upper" + window.name,
$("#max").val());
});
$("#min").change(function() {
$.cookie("ganglia-cubism-graph-lower" + window.name,
$("#min").val());
});
function restoreCubismGraph() {
var hreg = $.cookie("ganglia-cubism-graph-hreg" + window.name);
if (hreg != null)
$("#hreg").val(hreg);
var gtype = $.cookie("ganglia-cubism-graph-gtype" + window.name);
if (gtype != null) {
if (gtype == "line")
$("#gtline").click();
else
$("#gtstack").click();
}
var glegend = $.cookie("ganglia-cubism-graph-glegend" + window.name);
if (glegend != null) {
if (glegend == "show")
$("#glshow").click();
else
$("#glhide").click();
}
var metric = $.cookie("ganglia-cubism-graph-metric" + window.name);
if (metric != null)
$("#metric_chooser").val(metric);
var title = $.cookie("ganglia-cubism-graph-title" + window.name);
if (title != null)
$("#title").val(title);
var vl = $.cookie("ganglia-cubism-graph-vl" + window.name);
if (vl != null)
$("#vl").val(vl);
var upper = $.cookie("ganglia-cubism-graph-upper" + window.name);
if (upper != null)
$("#x").val(upper);
var lower = $.cookie("ganglia-cubism-graph-lower" + window.name);
if (lower != null)
$("#n").val(lower);
if (hreg != null && metric != null)
return true;
else
return false;
}
$( "#metric_chooser" ).autocomplete({
source: availablemetrics,
change: function(event, ui) {
$.cookie("ganglia-cubism-graph-metric" + window.name,
$("#metric_chooser").val());
}
});
if (restoreCubismGraph())
createCubismGraph();
});
</script>
<div id="cubism_graph_header">
<em>Create a Cubism Dashboard</em>
<p>Minimum and maximum values are important since they assure correct graph shading. If graph appears to be missing
data points adjust the step size e.g. 10. Step size is the same as the gmetad polling period.</p>
<form target="_blank" action="cubism.php" id="cubism_graph_form">
<table id="cubism_graph_table_form">
<tr>
<td>Host Regular expression:</td>
<td> <input name="hreg" id="hreg" size=30></td>
</tr>
<tr>
<td>Metric Regular expression:</td>
<td> <input name="mreg" id="metric_chooser" size=30></td>
</tr>
<tr>
<td>Min:</td>
<td><input name="min" id="min" value="" size=15></td>
</tr>
<tr>
<td>Max:</td>
<td><input name="max" id="max" value="" size=15>
</td>
<tr>
<td>Individual graph height:</td>
<td><input name="height" id="height" value="<?php print $conf['cubism_default_height']; ?>" size=5></td>
</tr>
<tr>
<td>Data step in seconds</td>
<td><input name="step" id="step" value="<?php print $conf['cubism_default_step']; ?>" size=3></td>
</tr>
<tr>
<td colspan=2>
<button class="ag_buttons" onclick="createCubismGraph();">Create Graph</button>
</td>
</tr>
</table>
</form>
</div>
|