86 lines
3.5 KiB
TypeScript
86 lines
3.5 KiB
TypeScript
import { CommonModule, isPlatformBrowser } from '@angular/common';
|
|
import { AfterViewInit, Component, HostListener, PLATFORM_ID, inject } from '@angular/core';
|
|
import { ActivatedRoute, NavigationEnd, Router, RouterOutlet } from '@angular/router';
|
|
import { initFlowbite } from 'flowbite';
|
|
import { filter } from 'rxjs/operators';
|
|
import build from '../build';
|
|
import { ConfirmationComponent } from './components/confirmation/confirmation.component';
|
|
import { ConfirmationService } from './components/confirmation/confirmation.service';
|
|
import { EMailComponent } from './components/email/email.component';
|
|
import { FooterComponent } from './components/footer/footer.component';
|
|
import { HeaderComponent } from './components/header/header.component';
|
|
import { MessageContainerComponent } from './components/message/message-container.component';
|
|
import { SearchModalCommercialComponent } from './components/search-modal/search-modal-commercial.component';
|
|
import { SearchModalComponent } from './components/search-modal/search-modal.component';
|
|
import { AuditService } from './services/audit.service';
|
|
import { GeoService } from './services/geo.service';
|
|
import { LoadingService } from './services/loading.service';
|
|
import { UserService } from './services/user.service';
|
|
|
|
@Component({
|
|
selector: 'app-root',
|
|
standalone: true,
|
|
imports: [CommonModule, RouterOutlet, HeaderComponent, FooterComponent, MessageContainerComponent, SearchModalComponent, SearchModalCommercialComponent, ConfirmationComponent, EMailComponent],
|
|
providers: [],
|
|
templateUrl: './app.component.html',
|
|
styleUrl: './app.component.scss',
|
|
})
|
|
export class AppComponent implements AfterViewInit {
|
|
build = build;
|
|
title = 'bizmatch';
|
|
actualRoute = '';
|
|
private platformId = inject(PLATFORM_ID);
|
|
private isBrowser = isPlatformBrowser(this.platformId);
|
|
|
|
public constructor(
|
|
public loadingService: LoadingService,
|
|
private router: Router,
|
|
private activatedRoute: ActivatedRoute,
|
|
private userService: UserService,
|
|
private confirmationService: ConfirmationService,
|
|
private auditService: AuditService,
|
|
private geoService: GeoService,
|
|
) {
|
|
this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
|
|
let currentRoute = this.activatedRoute.root;
|
|
while (currentRoute.children[0] !== undefined) {
|
|
currentRoute = currentRoute.children[0];
|
|
}
|
|
// Hier haben Sie Zugriff auf den aktuellen Route-Pfad
|
|
this.actualRoute = currentRoute.snapshot.url[0].path;
|
|
|
|
// Re-initialize Flowbite after navigation to ensure all components are ready
|
|
if (this.isBrowser) {
|
|
setTimeout(() => {
|
|
initFlowbite();
|
|
}, 50);
|
|
}
|
|
});
|
|
}
|
|
ngOnInit() {
|
|
// Navigation tracking moved from constructor
|
|
}
|
|
|
|
ngAfterViewInit() {
|
|
// Initialize Flowbite for dropdowns, modals, and other interactive components
|
|
// Note: Drawers work automatically with data-drawer-target attributes
|
|
if (this.isBrowser) {
|
|
initFlowbite();
|
|
}
|
|
}
|
|
|
|
@HostListener('window:keydown', ['$event'])
|
|
handleKeyboardEvent(event: KeyboardEvent) {
|
|
if (event.shiftKey && event.ctrlKey && event.key === 'V') {
|
|
this.showVersionDialog();
|
|
}
|
|
}
|
|
showVersionDialog() {
|
|
this.confirmationService.showConfirmation({ message: `App Version: ${this.build.timestamp}`, buttons: 'none' });
|
|
}
|
|
isFilterRoute(): boolean {
|
|
const filterRoutes = ['/businessListings', '/commercialPropertyListings', '/brokerListings'];
|
|
return filterRoutes.includes(this.actualRoute);
|
|
}
|
|
}
|