Display zuul version from zuul/status

* it could be useful to determine when zuul updated
* it requires Id451f15538258ab2dec8e3e8f000cff4a8b7b20d to display version

Change-Id: Ic8664927b3b5d713f9ae84bffe0a7c3455eee4fa

modules/openstack_project/files/zuul/status.html

@@ -123,6 +123,9 @@ td.tree {
 #graph-container img:first-of-type {
     margin-left: 0px;
 }
+#zuul_info_container {
+    margin-top: 12px;
+}
 a:link {
     color: #204A87;
 }
@@ -336,6 +339,14 @@ $("#graph-container").append($(new Image()).addClass('graph').graphite({
       </script>
     </div>
 
+    <div class="container" id="zuul_info_container">
+        <h2>Zuul info</h2>
+        <p>
+            Zuul version:
+            <span id="zuul-version"></span>
+        </p>
+    </div>
+
     <script type="text/javascript">footer();</script>
   </BODY>
 </html>

modules/openstack_project/files/zuul/status.js

@@ -382,10 +382,18 @@ function clean_changes_lists() {
     window.zuul_collapsed_exceptions = new_collapsed_exceptions;
 }
 
+function update_zuul_info(data) {
+    if ('zuul_version' in data) {
+        $('#zuul-version').text(data['zuul_version']);
+    }
+}
+
 function update() {
     var html = '';
 
     $.getJSON('http://zuul.openstack.org/status.json', function(data) {
+        update_zuul_info(data);
+
         if ('message' in data) {
             $("#message").attr('class', 'alertbox');
             $("#message").html(data['message']);
@@ -407,7 +415,6 @@ function update() {
             data['trigger_event_queue']['length']);
         $("#result_event_queue_length").html(
             data['result_event_queue']['length']);
-
     });
 
     clean_changes_lists();