elastic-recheck/web/share/index.html
Joe Gordon 77470c4f6f Add graph for gate hit count
When looking at the gate failure rate it is easier to interpret it if
one knows how big the data set is.

Also change the color codes used to be brighter and human readable.
Color code names found here:
http://graphite.readthedocs.org/en/1.0/url-api.html

Change-Id: I7d304623b3c244876684ea2b0f822dee354b84c1
2013-12-16 11:04:59 -08:00

121 lines
3.9 KiB
HTML

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:py="http://genshi.edgewall.org/"
lang="en">
<HEAD>
<TITLE>Elastic Recheck</TITLE>
<script type="text/javascript"
src="http://status.openstack.org/jquery.min.js"></script>
<script type="text/javascript"
src="http://status.openstack.org/jquery-visibility.min.js"></script>
<script type="text/javascript"
src="http://status.openstack.org/jquery-graphite.js"></script>
<script type="text/javascript"
src="http://status.openstack.org/common.js"></script>
<script type="text/javascript"
src="http://status.openstack.org/jquery.flot.min.js"></script>
<script type="text/javascript"
src="http://status.openstack.org/jquery.flot.time.min.js"></script>
<script type="text/javascript"
src="elastic-recheck.js"></script>
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=PT+Sans&amp;subset=latin' rel='stylesheet' type='text/css'/>
<!-- Framework CSS -->
<link rel="stylesheet" href="http://www.openstack.org/themes/openstack/css/blueprint/screen.css" type="text/css" media="screen, projection"/>
<link rel="stylesheet" href="http://www.openstack.org/themes/openstack/css/blueprint/print.css" type="text/css" media="print"/>
<!-- IE CSS -->
<!--[if lt IE 8]><link rel="stylesheet" href="http://www.openstack.org/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<!-- OpenStack Specific CSS -->
<link rel="stylesheet" href="http://www.openstack.org/themes/openstack/css/dropdown.css" type="text/css" media="screen, projection, print"/>
<!-- Page Specific CSS -->
<link rel="stylesheet" href="http://www.openstack.org/themes/openstack/css/home.css" type="text/css" media="screen, projection, print"/>
<link rel="stylesheet" type="text/css" href="http://www.openstack.org/themes/openstack/css/main.css" />
<style type="text/css">
.graph {
width: 600px;
height: 200px;
margin-bottom: 6px;
}
.extlink {
margin-left: 2em;
margin-right: 2em;
}
.bug-container {
margin-bottom: 2em;
}
table {
width: auto;
}
</style>
<script type="text/javascript">
</script>
</HEAD>
<BODY>
<script type="text/javascript">header('Rechecks');</script>
<div class="container" id="graph-container">
<script type="text/javascript">
$("#graph-container").append($(new Image()).graphite({
from: "-36hours",
url: "http://graphite.openstack.org/render/",
width: 600,
height: 400,
bgcolor: 'ffffff',
fgcolor: '000000',
yMax: 100,
yMin: 0,
target: [
graphite_moving_avg("gate-tempest-dsvm-neutron", "purple"),
graphite_moving_avg("gate-tempest-dsvm-full","orange"),
graphite_moving_avg("gate-grenade-dsvm","brown"),
graphite_moving_avg("gate-tempest-dsvm-large-ops","blue"),
graphite_moving_avg("gate-tempest-dsvm-neutron-large-ops","aqua"),
graphite_moving_avg("gate-tempest-dsvm-postgres-full","magenta")
],
title: "Gate Failure Rates"
}));
</script>
</div>
<div class="container" id="graph-container">
<script type="text/javascript">
$("#graph-container").append($(new Image()).graphite({
from: "-36hours",
url: "http://graphite.openstack.org/render/",
width: 600,
height: 200,
bgcolor: 'ffffff',
fgcolor: '000000',
hideGrid: true,
target: [
graphite_hit_count("gate-tempest-dsvm-neutron", "purple"),
graphite_hit_count("gate-tempest-dsvm-full","orange"),
graphite_hit_count("gate-grenade-dsvm","brown"),
graphite_hit_count("gate-tempest-dsvm-large-ops","blue"),
graphite_hit_count("gate-tempest-dsvm-neutron-large-ops","aqua"),
graphite_hit_count("gate-tempest-dsvm-postgres-full","magenta")
],
title: "Gate Hit Count"
}));
</script>
</div>
<div id="main-container" class="container">
</div>
<script type="text/javascript">footer();</script>
</BODY>
</html>