opendev/system-config
Code Issues Proposed changes

a more visually compact template for recheck

Browse Source 
the recheck template was very expansive, which often meant that a
busy bug would take over the entire default window.

Instead of displaying things in <li>, make them lists on a single line.

Adjust whitespace on h3s so that they visually are attached to the
item they explain. Default h* spacing rules in html are actually
typically backwards, and require you to put a visual artifact above
them to imply the grouping you want.

Put a (closed) at the end of the title about bugs that are closed, to
give some indication about why they were shifted down the list.

It also deletes some errant trailing spaces, sorry about the unrelated
change there, but my emacs is configured to do that on every save.

Change-Id: I7869aa8a5b41f2f8826f61b8052933de659cb6cd
Reviewed-on: https://review.openstack.org/23341
Reviewed-by: James E. Blair <corvus@inaugust.com>
Reviewed-by: Clark Boylan <clark.boylan@gmail.com>
Approved: Clark Boylan <clark.boylan@gmail.com>
Tested-by: Jenkins
This commit is contained in:
Sean Dague 2013-03-02 08:39:00 -05:00 committed by Jenkins
parent 30a62df56f
commit b8764f9551
1 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
modules/openstack_project/files/zuul/scoreboard.html
View File

@ -3,26 +3,34 @@
lang="en"> lang="en">
<HEAD> <HEAD>
<TITLE></TITLE> <TITLE></TITLE>
<!-- 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'/>
<!-- Framework CSS --> <!-- Framework CSS -->
<link rel="stylesheet" href="http://openstack.org/themes/openstack/css/blueprint/screen.css" type="text/css" media="screen, projection"/> <link rel="stylesheet" href="http://openstack.org/themes/openstack/css/blueprint/screen.css" type="text/css" media="screen, projection"/>
<link rel="stylesheet" href="http://openstack.org/themes/openstack/css/blueprint/print.css" type="text/css" media="print"/> <link rel="stylesheet" href="http://openstack.org/themes/openstack/css/blueprint/print.css" type="text/css" media="print"/>
<!-- IE CSS --> <!-- IE CSS -->
<!--[if lt IE 8]><link rel="stylesheet" href="http://openstack.org/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> <!--[if lt IE 8]><link rel="stylesheet" href="http://openstack.org/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<!-- OpenStack Specific CSS --> <!-- OpenStack Specific CSS -->
<link rel="stylesheet" href="http://openstack.org/themes/openstack/css/dropdown.css" type="text/css" media="screen, projection, print"/> <link rel="stylesheet" href="http://openstack.org/themes/openstack/css/dropdown.css" type="text/css" media="screen, projection, print"/>
<!-- Page Specific CSS --> <!-- Page Specific CSS -->
<link rel="stylesheet" href="http://openstack.org/themes/openstack/css/home.css" type="text/css" media="screen, projection, print"/> <link rel="stylesheet" href="http://openstack.org/themes/openstack/css/home.css" type="text/css" media="screen, projection, print"/>
<link rel="stylesheet" type="text/css" href="http://openstack.org/themes/openstack/css/main.css" /> <link rel="stylesheet" type="text/css" href="http://openstack.org/themes/openstack/css/main.css" />
</HEAD> <style type="text/css">
h3.subhead {
border: none;
margin-bottom: 0.2em;
padding-top: 1.5em;
}
</style>
</HEAD>
<BODY> <BODY>
<div class="container"> <div class="container">
@ -31,7 +39,7 @@
<h1 id="logo"><a href="/">Open Stack</a></h1> <h1 id="logo"><a href="/">Open Stack</a></h1>
</div> </div>
<div class="span-19 last blueLine"> <div class="span-19 last blueLine">
<div id="navigation" class="span-19"> <div id="navigation" class="span-19">
<ul id="Menu1"> <ul id="Menu1">
<li><a href="/">Status</a></li> <li><a href="/">Status</a></li>
@ -49,27 +57,21 @@
<div class="container"> <div class="container">
<h1>Bugs Causing Rechecks</h1> <h1>Bugs Causing Rechecks</h1>
<br/>
<div py:for="bug in bugs"> <div py:for="bug in bugs">
<h3 class="subhead"> <h3 class="subhead">
<a href="https://code.launchpad.net/bugs/${bug['number']}"> <a href="https://code.launchpad.net/bugs/${bug['number']}">
Bug ${bug.number}: ${bug.title}</a> Bug ${bug.number}: ${bug.title}</a>
<py:if test="bug.is_closed()">(closed)</py:if>
</h3> </h3>
First seen: ${bug.first_seen.strftime("%Y-%m-%d %H:%M:%S")} UTC<br/> First seen: ${bug.first_seen.strftime("%Y-%m-%d %H:%M:%S")} UTC<br/>
Last seen: ${bug.last_seen.strftime("%Y-%m-%d %H:%M:%S")} UTC<br/> Last seen: ${bug.last_seen.strftime("%Y-%m-%d %H:%M:%S")} UTC<br/>
Rechecks: ${len(bug.hits)}<br/> Rechecks: ${len(bug.hits)}<br/>
Affecting projects: Affecting projects: ${', '.join(bug.projects)}<br/>
<ul>
<li py:for="project in bug.projects">
${project}
</li>
</ul>
Affecting changes: Affecting changes:
<ul> <span py:for="i, change in enumerate(bug.changes)">
<li py:for="change in bug.changes"> <a href="https://review.openstack.org/${change}"
<a href="https://review.openstack.org/${change}"> ${change} </a> >${change}</a><span py:if="i+1 != len(bug.changes)" py:replace="','"/>
</li> </span>
</ul>
</div> </div>
</div> </div>
@ -116,4 +118,3 @@
</div> </div>
</BODY> </BODY>
</html> </html>