validatedCity, mask for input, confirmatonService, Version Info,

bizmatch/src/app/app.component.ts

@@ -5,6 +5,8 @@ import { KeycloakService } from 'keycloak-angular';
 
 import { filter } from 'rxjs/operators';
 import build from '../build';
+import { ConfirmationComponent } from './components/confirmation/confirmation.component';
+import { ConfirmationService } from './components/confirmation/confirmation.service';
 import { FooterComponent } from './components/footer/footer.component';
 import { HeaderComponent } from './components/header/header.component';
 import { MessageContainerComponent } from './components/message/message-container.component';
@@ -15,7 +17,7 @@ import { UserService } from './services/user.service';
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, RouterOutlet, HeaderComponent, FooterComponent, MessageContainerComponent, SearchModalComponent],
+  imports: [CommonModule, RouterOutlet, HeaderComponent, FooterComponent, MessageContainerComponent, SearchModalComponent, ConfirmationComponent],
   providers: [],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
@@ -25,7 +27,14 @@ export class AppComponent {
   title = 'bizmatch';
   actualRoute = '';
 
-  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) {
@@ -49,13 +58,6 @@ export class AppComponent {
   }
 
   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: () => {},
-    // });
+    this.confirmationService.showConfirmation({ message: `App Version: ${this.build.timestamp}`, buttons: 'none' });
   }
 }