Display frontend / backend version at the homescreen

bookie/src/app/core/user.ts

@@ -10,6 +10,7 @@ export class User {
   isAuthenticated: boolean;
   access_token?: string;
   exp?: number;
+  ver: string;
 
   public constructor(init?: Partial<User>) {
     Object.assign(this, init);

bookie/src/app/home/home.component.html

@@ -198,3 +198,6 @@
     <h3 class="item-name">Users</h3>
   </mat-card>
 </div>
+<footer class="footer">
+  <p>Backend: v{{ auth.user.ver }} / Frontend: v{{ version }}</p>
+</footer>

bookie/src/app/home/home.component.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 
+import { environment } from '../../environments/environment';
 import { AuthService } from '../auth/auth.service';
 
 @Component({
@@ -8,5 +9,9 @@ import { AuthService } from '../auth/auth.service';
   styleUrls: ['./home.component.css'],
 })
 export class HomeComponent {
-  constructor(public auth: AuthService) {}
+  version: string;
+
+  constructor(public auth: AuthService) {
+    this.version = environment.version;
+  }
 }

bookie/src/app/sales/running-tables/running-tables.component.ts

@@ -22,7 +22,8 @@ export class RunningTablesComponent implements OnInit {
   navigateToBill(table: Table): void {
     const qp = { table: table.id };
     if (table.voucherId) {
-      qp.voucher = table.voucherId;
+      // eslint-disable-next-line @typescript-eslint/dot-notation
+      qp['voucher'] = table.voucherId;
     }
     const navigationExtras: NavigationExtras = {
       queryParams: qp,