From db00189a86546d80d59c2ad2ef4c42e2baf11026 Mon Sep 17 00:00:00 2001
From: Steve Kowalik <steven@wedontsleep.org>
Date: Fri, 10 Jan 2014 14:13:45 +0800
Subject: [PATCH] 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
---
 modules/openstack_project/files/zuul/status.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/modules/openstack_project/files/zuul/status.html b/modules/openstack_project/files/zuul/status.html
index 7486afb4a8..ad3aeb62bd 100644
--- a/modules/openstack_project/files/zuul/status.html
+++ b/modules/openstack_project/files/zuul/status.html
@@ -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">