Add tab to only plot gate failures to status.o.o/elastic-recheck/

The 'Gate Queue' tab will only count hits that have caused gate failures
This, along with the overall categorization rate, help us have better
insight into what is causing the gate to reset.

Note: This needs a config patch to land before this can work. The
expected location of the output of elastic-recheck-graph has changed.

Co-Authored-By: Michael Krotscheck<krotscheck@gmail.com>

Change-Id: I23ed8d945c9517221622e1ca215c80539bb07bbd
This commit is contained in:
Joe Gordon 2014-01-30 13:19:52 -08:00
parent c9602ca826
commit a4e00a20f1
4 changed files with 133 additions and 26 deletions

View File

@ -31,7 +31,7 @@ function graphite_hit_count(job, color) {
function update() { function update() {
$.getJSON('http://status.openstack.org/elastic-recheck/data/graph.json', function(data) { $.getJSON(data_url, function(data) {
var seen = []; var seen = [];
$.each(data, function(i, bug) { $.each(data, function(i, bug) {
var id = 'bug-'+bug['number']; var id = 'bug-'+bug['number'];

65
web/share/gate.html Normal file
View File

@ -0,0 +1,65 @@
<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>
<script type='text/javascript'>
var data_url = 'http://status.openstack.org/elastic-recheck/data/gate.json';
</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" />
<!-- Project specific css -->
<link rel="stylesheet" type="text/css" href="styles/elastic-recheck.css" />
<script type="text/javascript">
</script>
</HEAD>
<BODY>
<script type="text/javascript">header('Rechecks');</script>
<ul class="nav nav-tabs">
<li><a href="index.html">All Queues</a></li>
<li class=active><a href="gate.html">Gate Queue</a></li>
</ul>
<div id="main-container" class="container">
</div>
<script type="text/javascript">footer();</script>
</BODY>
</html>

View File

@ -18,6 +18,9 @@
src="http://status.openstack.org/jquery.flot.time.min.js"></script> src="http://status.openstack.org/jquery.flot.time.min.js"></script>
<script type="text/javascript" <script type="text/javascript"
src="elastic-recheck.js"></script> src="elastic-recheck.js"></script>
<script type='text/javascript'>
var data_url = 'http://status.openstack.org/elastic-recheck/data/all.json';
</script>
<!-- Google Fonts --> <!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=PT+Sans&amp;subset=latin' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=PT+Sans&amp;subset=latin' rel='stylesheet' type='text/css'/>
@ -39,29 +42,8 @@
<link rel="stylesheet" type="text/css" href="http://www.openstack.org/themes/openstack/css/main.css" /> <link rel="stylesheet" type="text/css" href="http://www.openstack.org/themes/openstack/css/main.css" />
<style type="text/css"> <!-- Project specific css -->
.graph { <link rel="stylesheet" type="text/css" href="styles/elastic-recheck.css" />
width: 600px;
height: 200px;
margin-bottom: 6px;
}
.extlink {
margin-left: 2em;
margin-right: 2em;
}
.bug-container {
margin-bottom: 2em;
}
table {
width: auto;
}
h2 {
padding-top: 1em;
}
h3 {
font-size: 1.1em;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
</script> </script>
@ -70,7 +52,10 @@ h3 {
<BODY> <BODY>
<script type="text/javascript">header('Rechecks');</script> <script type="text/javascript">header('Rechecks');</script>
<ul class="nav nav-tabs">
<li class="active"><a href="index.html">All Queues</a></li>
<li><a href="gate.html">Gate Queue</a></li>
</ul>
<div id="main-container" class="container"> <div id="main-container" class="container">
</div> </div>

View File

@ -0,0 +1,57 @@
.graph {
width: 600px;
height: 200px;
margin-bottom: 6px;
}
.extlink {
margin-left: 2em;
margin-right: 2em;
}
.bug-container {
margin-bottom: 2em;
}
table {
width: auto;
}
h2 {
padding-top: 1em;
}
h3 {
font-size: 1.1em;
}
ul.nav.nav-tabs {
list-style: none;
padding: 0px;
margin: 0px;
height: 24px;
border-bottom: 1px solid #EEEEEE;
}
ul.nav.nav-tabs li {
float: left;
position: relative;
display: block;
margin-bottom: -1px;
}
ul.nav.nav-tabs li a {
background-color: #F8F8F8;
margin-bottom: -1px;
border: 1px solid #EEEEEE;
padding: 8px 10px 8px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
ul.nav.nav-tabs li.active a {
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.recheck-graph-container {
padding: 10px;
border: 1px solid #EEEEEE;
border-top: none;
}