system-config/modules/openstack_project/files/zuul/status.html
James E. Blair c83fdaaf86 Update jobs launched graph with new paths
Change-Id: I714c9cc6c158c09dbe039327add451c35c9fa97e
2013-08-01 14:02:33 -07:00

178 lines
4.8 KiB
HTML

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:py="http://genshi.edgewall.org/"
lang="en">
<HEAD>
<style type="text/css">
#pipeline-container {
max-width: 950px;
margin: 0 auto;
}
.change {
border: 1px solid #95c7db;
margin-top: 10px;
padding: 2px;
}
.change > .header {
background: #E2ECEF;
color: black;
margin: -2px -2px 2px -2px;
padding: 4px;
}
.change > .header > .changeid {
margin: 1em;
}
.change > .header > .time {
float: right;
}
.job {
display: block;
}
.pipeline {
float: left;
width: 25em;
padding: 4px;
}
.pipeline > .header {
background: #0000cc;
color: white;
}
.arrow {
text-align: center;
font-size: 16pt;
line-height: 1.0;
}
.result_success {
color: #007f00;
}
.result_failure {
color: #cf2f19;
}
.result_unstable {
color: #e39f00;
}
a:link {
color: #204A87;
}
#message p{
margin: 0;
}
.alertbox {
border: 1px solid #e5574d;
background: #ffaba5;
color: black;
padding: 1em;
font-size: 12pt;
margin: 0pt;
}
</style>
<TITLE>Zuul Status</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="status.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" />
</HEAD>
<BODY>
<script type="text/javascript">header('Zuul');</script>
<div class="container">
<h1> Zuul Status </h1>
<p> Zuul is a pipeline oriented project gating and automation
system. Each of the sections below is a separate pipeline
configured to automate some portion of the testing or
operation of the OpenStack project. For more information, please see
<a href="http://ci.openstack.org/zuul">the Zuul reference manual.</a>
</p>
<p>
Queue lengths: <span id="trigger_event_queue_length"></span> events,
<span id="result_event_queue_length"></span> results.
</p>
</div>
<div class="container">
<div id="message"/>
</div>
<div id="pipeline-container">
</div>
<div class="container" id="graph-container">
<h2> Job Stats </h2>
<script type="text/javascript">
$.fn.graphite.defaults.url = "http://graphite.openstack.org/render/";
$("#graph-container").append($(new Image()).addClass('graph').graphite({
from: "-24hours",
width: 310,
height: 170,
bgcolor: 'ffffff',
fgcolor: '000000',
target: [
"alias(sumSeries(stats.gauges.devstack.pool.*.oneiric.ready), 'Oneiric')",
"alias(sumSeries(stats.gauges.devstack.pool.*.precise.ready), 'Precise')"
],
title: "Ready Devstack Jenkins Nodes"
}));
$("#graph-container").append($(new Image()).addClass('graph').graphite({
from: "-24hours",
width: 310,
height: 170,
bgcolor: 'ffffff',
fgcolor: '000000',
target: [
"alias(summarize(sumSeries(stats_counts.zuul.pipeline.*.job.*.*),'1h'),'All Jobs')",
],
title: "Zuul Jobs Launched (per Hour)"
}));
$("#graph-container").append($(new Image()).addClass('graph').graphite({
from: "-24hours",
width: 310,
height: 170,
bgcolor: 'ffffff',
fgcolor: '000000',
target: [
"alias(summarize(stats_counts.gerrit.event.comment-added, '1h'), 'Comment added')",
"alias(summarize(stats_counts.gerrit.event.patchset-created, '1h'), 'Patchset created')",
"alias(summarize(stats_counts.gerrit.event.change-merged, '1h'), 'Change merged')",
],
title: "Gerrit Events (per Hour)"
}));
</script>
</div>
<script type="text/javascript">footer();</script>
</BODY>
</html>