opendev/system-config
Code Issues Proposed changes

Add a Loading paragraph onto zuul's status page

Browse Source 
When watching Zuul status' page on networks that are not completly
reliable, it can take up to 20 seconds for the status page to show the
queues, especially if the JSON blob to download is large. So now the
HTML page adds a 'Loading...' paragraph into the div, which the JS will
very handily remove when it parses and adds the JSON into the DOM.

Change-Id: I2519300c2e9323bfd9379b792832e5ffef027f26
This commit is contained in:
Steve Kowalik 2014-01-10 14:13:45 +08:00
parent a9db2d264a
commit db00189a86
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
modules/openstack_project/files/zuul/status.html
View File

@ -171,6 +171,11 @@ a:link {
display: none; display: none;
} }
.loading_message {
text-align: center;
font-size: 16pt;
}
/** Theming for the progress bars to get them consisten across browers: /** Theming for the progress bars to get them consisten across browers:
referenced from http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/ referenced from http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/
*/ */
@ -278,6 +283,7 @@ progress[aria-valuenow]:before {
</div> </div>
<div id="pipeline-container"> <div id="pipeline-container">
<p class="loading_message">Loading...</p>
</div> </div>
<div class="container" id="graph-container"> <div class="container" id="graph-container">