Version Info

bizmatch/src/app/app.component.ts

@@ -1,31 +1,42 @@
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
+import { Component, HostListener } from '@angular/core';
 import { ActivatedRoute, NavigationEnd, Router, RouterOutlet } from '@angular/router';
 import onChange from 'on-change';
+import { ConfirmationService } from 'primeng/api';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import { filter } from 'rxjs/operators';
 import { ListingCriteria } from '../../../bizmatch-server/src/models/main.model';
+import build from '../build';
 import { FooterComponent } from './components/footer/footer.component';
 import { HeaderComponent } from './components/header/header.component';
 import { KeycloakService } from './services/keycloak.service';
 import { LoadingService } from './services/loading.service';
 import { UserService } from './services/user.service';
 import { createDefaultListingCriteria } from './utils/utils';
-
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, RouterOutlet, HeaderComponent, ProgressSpinnerModule, FooterComponent],
+  imports: [CommonModule, RouterOutlet, HeaderComponent, ProgressSpinnerModule, FooterComponent, ConfirmDialogModule],
+  providers: [ConfirmationService],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
 })
 export class AppComponent {
+  build = build;
   title = 'bizmatch';
   actualRoute = '';
   listingCriteria: ListingCriteria = onChange(createDefaultListingCriteria(), (path, value, previousValue, applyData) => {
     sessionStorage.setItem('criteria', JSON.stringify(value));
   });
-  public constructor(public loadingService: LoadingService, private router: Router, private activatedRoute: ActivatedRoute, private keycloakService: KeycloakService, private userService: UserService) {
+  public constructor(
+    public loadingService: LoadingService,
+    private router: Router,
+    private activatedRoute: ActivatedRoute,
+    private keycloakService: KeycloakService,
+    private userService: UserService,
+    private confirmationService: ConfirmationService,
+  ) {
     this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
       let currentRoute = this.activatedRoute.root;
       while (currentRoute.children[0] !== undefined) {
@@ -36,4 +47,21 @@ export class AppComponent {
     });
   }
   ngOnInit() {}
+  @HostListener('window:keydown', ['$event'])
+  handleKeyboardEvent(event: KeyboardEvent) {
+    if (event.shiftKey && event.ctrlKey && event.key === 'V') {
+      this.showVersionDialog();
+    }
+  }
+
+  showVersionDialog() {
+    this.confirmationService.confirm({
+      target: event.target as EventTarget,
+      message: `App Version: ${this.build.timestamp}`,
+      header: 'Version Info',
+      icon: 'pi pi-info-circle',
+      accept: () => {},
+      reject: () => {},
+    });
+  }
 }