Add a Loading paragraph onto zuul's status page

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

View File

@ -171,6 +171,11 @@ a:link {
display: none;
}
.loading_message {
text-align: center;
font-size: 16pt;
}
/** 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/
*/
@ -278,6 +283,7 @@ progress[aria-valuenow]:before {
</div>
<div id="pipeline-container">
<p class="loading_message">Loading...</p>
</div>
<div class="container" id="graph-container">