adding version output to UI

index.js

@@ -6,6 +6,8 @@ const good = require('good');
 const _ = require('lodash');
 const url = require('url');
 
+const packageInfo = require('./package.json');
+
 const baseForward = {
     protocol: process.env.CONCOURSE_URL_PROTOCOL || 'https',
     slashes: true,
@@ -30,6 +32,12 @@ function getEnv(request, reply) {
         return _.startsWith(key, 'JS_');
     });
 
+    _.extend(frontEndEnv, {
+        package: _.pick(packageInfo, [
+            'version'
+        ])
+    });
+
     reply(frontEndEnv);
 }
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "concourse-workbench",
   "private": true,
-  "version": "1.0.0",
+  "version": "0.4-beta4",
   "description": "Provides a one page web application to monitor concourse job states.",
   "main": "index.js",
   "scripts": {

public/css/workbench.css

@@ -135,3 +135,7 @@
 .pipe .status-bar .pending .js-animation-wrapper {
     display: block;
 }
+
+.lower-right-info td{
+    white-space: nowrap;
+}

public/index.html

@@ -117,6 +117,10 @@
 					</div>
 				</div>
 			</div>
+			<table class="lower-right-info">
+				<tr><td> workbench: v<span class="number">{{ jsenv.package.version }}</span> </td></tr>
+				<tr><td> concourse: v<span class="number">{{ concourseInfo.version }}</span> </td></tr>
+			</table>
 		</div>
 	<script>
 
@@ -310,6 +314,22 @@
 			$scope.jsenv = jsenv;
 		}
 
+		// get and set the JSInfo
+		$scope.concourseInfo = { version: 'N/A' }
+		$scope.getInfo = function() {
+			$http({
+				method: 'GET',
+				url: '/c/api/v1/info'
+			}).then(function(response) {
+				$scope.setInfo(response.data);
+			}, function(err) {
+				console.error(err);
+			});
+		}
+		$scope.setInfo = function(jsinfo) {
+			$scope.concourseInfo = jsinfo;
+		}
+
 		var pathSearch = $window.location.pathname.split('/').slice(1);
 		pathSearch = pathSearch[0] === 'search' ? pathSearch.slice(1).join('/') : false;
 		$scope.getPipes = function() {
@@ -406,6 +426,7 @@
 		}
 
 		$scope.getPipes();
+		$scope.getInfo();
 		$scope.getJSEnv();
 
 		// setup auto refresh