show monocular version in ui (#337)

* show monocular version in ui

* improve VERSION default in Makefile

* make monocularVersion field in FooterComponent public

.travis.yml

@@ -19,6 +19,7 @@ before_install:
 install:
   - make -C src/api bootstrap
   - make -C src/ui install
+  - make -C src/ui VERSION=$TRAVIS_TAG set-version
 script:
   - make -C src/api test test-cover docker-build
   - make -C src/ui docker-build # Tests disabled for now

src/ui/Makefile

@@ -1,6 +1,10 @@
 IMAGE_REPO ?= bitnami/monocular-ui
 IMAGE_TAG ?= latest
 
+ifeq "$(VERSION)" ""
+	override VERSION = dev
+endif
+
 install:
 	npm install
 
@@ -18,3 +22,6 @@ compile-aot:
 
 docker-build: compile-aot
 	docker build --pull --rm -t ${IMAGE_REPO}:${IMAGE_TAG} rootfs/
+
+set-version:
+	sed -i src/version.ts -e 's/dev/${VERSION}/'

src/ui/src/app/footer/footer.component.html

@@ -12,6 +12,7 @@
   <div class="footer__repo">
     <div class="footer__opensource">Monocular is an
       <a class="reverse" href="https://github.com/kubernetes-helm/monocular">Open Source project</a>
+      | {{ monocularVersion }}
     </div>
     <span class="footer__maintainers">
       With <img src="/assets/images/hearth.svg" />

src/ui/src/app/footer/footer.component.ts

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { MONOCULAR_VERSION } from '../../version';
 
 @Component({
   selector: 'app-footer',
   templateUrl: './footer.component.html',
   styleUrls: ['./footer.component.scss']
 })
-export class FooterComponent { }
+export class FooterComponent {
+  monocularVersion: string = MONOCULAR_VERSION;
+}

src/ui/src/version.ts

@@ -0,0 +1,2 @@
+// This version is automatically set during the release process, see `make set-version`
+export const MONOCULAR_VERSION = 'dev';