Add server version to all pages

appengine/swarming/elements/res/imp/common/swarming-app.html

 <!--
   Copyright 2016 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <swarming-app>
 
   <swarming-app> is meant to be used in top level elements to provide the header
       toolbar and authentication.
 
   It contains the definition of the following style modules:
 
     swarming-app-style
 
   <style include="shared-style"> contains styles to be shared among all
       apps, such as colors.
 
   Properties:
     busy: Boolean, If the busy spinner should be active.
     client_id: String, Oauth 2.0 client id.  It will be set by server-side
         template evaluation.
     name: String, the name of the app to be displayed.
 
     auth_headers: Object, Use this as an argument to sk.request to set oauth2 headers.
     permissions: Object, {String:Boolean} of permissions to perform various
         behaviors, such as terminate_bot.
+    server_version: Object, containing String server_version. server_version
+        represents what git revision the server is using.
     signed_in: Boolean, if the user is signed in.
   Methods:
     None.
 
   Events:
     None.
 -->
 
 <link rel="import" href="/res/imp/bower_components/app-layout/app-layout.html">
 <link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
@@ skipping 31 matching lines @@
         margin-left:15px;
       }
       .main-content {
         padding: 3px;
       }
 
       .main-content a {
         color: #1F78B4;
       }
 
+      auth-signin, .small {
+        font-size: .7em;
+      }
+
       paper-fab {
         position: fixed;
         bottom: 5px;
         right: 5px;
         background-color: #1F78B4;
       }
 
       paper-spinner-lite {
         --paper-spinner-color: var(--google-yellow-500);
       }
     </style>
     <app-header-layout>
       <app-header fixed>
         <app-toolbar>
           <div class="title left">[[name]]</div>
-          <paper-spinner-lite class="left" active="[[_or(busy,_busy)]]"></paper-spinner-lite>
+          <paper-spinner-lite class="left" active="[[_or(busy,_busy1,_busy2)]]"></paper-spinner-lite>
 
           <a class="left" href="/newui/">Home</a>
           <a class="left" href="/newui/botlist">Bot List</a>
           <a class="left" href="/newui/tasklist">Task List</a>
           <div class="flex"></div>
+          <div class="small right">
+            Server:
+            <a href$="[[_versionLink(server_version)]]">
+              [[server_version.server_version]]
+            </a>
+          </div>
           <auth-signin
               class="right"
               client_id="[[client_id]]"
               auth_headers="{{auth_headers}}"
               signed_in="{{signed_in}}">
           </auth-signin>
         </app-toolbar>
       </app-header>
       <div class="main-content">
         <content></content>
@@ skipping 20 matching lines @@
         client_id: {
           type: String,
         },
         name: {
           type: String,
         },
         // outputs
         auth_headers: {
           type: Object,
           notify: true,
-          observer: "_loadPermissions"
+          observer: "_load"
         },
 
         permissions: {
           type: Object,
           value: function() {
             // If we aren't logged in, default to no permissions.
             return {};
           },
           notify: true,
         },
 
+        server_version: {
+          type: Object,
+          notify: true,
+        },
+
         signed_in: {
           type: Boolean,
           value: false,
-          notify:true,
+          notify: true,
         },
 
         // private
-        _busy: {
+        _busy1: {
+          type: Boolean,
+          value: false,
+        },
+        _busy2: {
           type: Boolean,
           value: false,
         }
 
       },
 
-      _loadPermissions: function() {
+      _load: function() {
         this._getJsonAsync("permissions", "/_ah/api/swarming/v1/server/permissions",
-          "_busy", this.auth_headers);
+          "_busy1", this.auth_headers);
+        this._getJsonAsync("server_version", "/_ah/api/swarming/v1/server/details",
+          "_busy2", this.auth_headers)
       },
 
+      _versionLink: function(version) {
+        if (!version || !version.server_version) {
+          return undefined;
+        }
+        var split = version.server_version.split("-");
+        if (split.length !== 2) {
+          return undefined;
+        }
+        return "https://github.com/luci/luci-py/commit/"+split[1];
+      }
+
     });
   </script>
 </dom-module>
 
 <dom-module id="swarming-app-style">
   <style>
       * {
         font-family: sans-serif;
       }
       /* Only style anchor tags that are actually linking somewhere.*/
       a[href] {
         color: #1F78B4;
       }
   </style>
 </dom-module>