Merge pull request #134 from skounis/feat/issue-133-version

feat(version) Load from package.json and display.

package.json

@@ -1,6 +1,7 @@
 {
   "name": "dcc-validation-wire",
-  "version": "0.0.0",
+  "version": "1.0.2",
+  "description": "EU DCC Validation Portal.",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -11,6 +12,8 @@
     "cypress:open": "cypress open",
     "cypress:run": "cypress run"
   },
+  "author": "Stavros Kounis",
+  "license": " EUPL-1.2 License",
   "private": true,
   "dependencies": {
     "@angular/animations": "~13.1.0",

src/app/app.component.html

@@ -377,8 +377,9 @@
 <div class="content" role="main">
   <mat-drawer-container class="dcc-container" autosize>
     <!-- Drawer -->
-    <mat-drawer #drawer class="dcc-sidenav" mode="side">
+    <mat-drawer #drawer class="dcc-sidenav" mode="side">  
       <app-qrtree></app-qrtree>
+      <div style="padding: 1rem;"><small>ver: {{version}}</small></div>
     </mat-drawer>
     <!-- Content -->
     <div class="dcc-content">

src/app/app.component.ts

@@ -7,6 +7,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { DownloadDialogComponent } from '../components/download-dialog/download-dialog.component';
 import { WelcomeDialogComponent } from '../components/welcome-dialog/welcome-dialog.component';
 import { ConfirmDialogComponent } from '../components/confirm-dialog/confirm-dialog.component';
+import packageJSON from '../../package.json'
 
 @Component({
   selector: 'app-root',
@@ -23,6 +24,7 @@ export class AppComponent implements OnInit {
     return this.store.platform;
   }
 
+  version = packageJSON.version;
   title = 'dcc-validation-wire';
   showFiller = false;
 
@@ -32,6 +34,7 @@ export class AppComponent implements OnInit {
     private sanitizer: DomSanitizer,
     readonly snackBar: MatSnackBar,
     public dialog: MatDialog) {
+
     this.store.getMessage().subscribe((message: string) => {
       if (!message) { return }
       this.open(message);

src/json-typings.d.ts

@@ -0,0 +1,4 @@
+declare module "*.json" {
+    const value: any;
+    export default value;
+  }

tsconfig.json

@@ -21,7 +21,9 @@
     "lib": [
       "es2020",
       "dom"
-    ]
+    ],
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,