feat(header): added application version label next to the title

Add version label next to title

Closes issue #2

Author: Moreno Bruschi

src/app/core/components/header/header.component.html

@@ -1,5 +1,5 @@
 <div class="d-md-flex justify-content-between align-items-center">
-  <h1 class="h3"><img src="assets/redis-white.png" />{{title}}</h1>
+  <h1 class="h3"><img src="assets/redis-white.png" />{{title}} {{version}}</h1>
   <nav>
       <ul class="nav">
           <li class="nav-item">

src/app/core/components/header/header.component.ts

@@ -1,4 +1,5 @@
 import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { version } from '../../../../../package.json';
 
 @Component({
   selector: 'tr-header',
@@ -19,6 +20,7 @@ import { Component, ChangeDetectorRef, AfterViewInit } from '@angular/core';
 })
 export class HeaderComponent implements AfterViewInit {
   title = 'Redis Patterns';
+  version = version;
 
   constructor(private changeDetectorRef: ChangeDetectorRef) {}
 

tsconfig.json

@@ -10,6 +10,7 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "importHelpers": true,
+    "resolveJsonModule": true,
     "target": "es2015",
     "typeRoots": [
       "node_modules/@types"