application version

src/app/layouts/footer.component.html

@@ -7,7 +7,7 @@
 
         </div>
         <div class="col text-right">
-            Version 2.0.0
+            {{'versionNumber' | i18n : version}}
         </div>
     </div>
 </div>

src/app/layouts/footer.component.ts

@@ -1,9 +1,20 @@
 import {
     Component,
+    OnInit,
 } from '@angular/core';
 
+import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
+
 @Component({
     selector: 'app-footer',
     templateUrl: 'footer.component.html',
 })
-export class FooterComponent { }
+export class FooterComponent implements OnInit {
+    version: string;
+
+    constructor(private platformUtilsService: PlatformUtilsService) { }
+
+    ngOnInit() {
+        this.version = this.platformUtilsService.getApplicationVersion();
+    }
+}

src/locales/en/messages.json

@@ -547,5 +547,14 @@
   },
   "noItemsInList": {
     "message": "There are no items to list."
+  },
+  "versionNumber": {
+    "message": "Version $VERSION_NUMBER$",
+    "placeholders": {
+      "version_number": {
+        "content": "$1",
+        "example": "1.2.3"
+      }
+    }
   }
 }

src/services/webPlatformUtils.service.ts

@@ -100,7 +100,7 @@ export class WebPlatformUtilsService implements PlatformUtilsService {
     }
 
     getApplicationVersion(): string {
-        return '1.2.3';
+        return process.env.APPLICATION_VERSION || '-';
     }
 
     supportsU2f(win: Window): boolean {