Umbau: header & businessListing

bizmatch/src/app/components/header/header.component.ts

@@ -2,6 +2,7 @@ import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 import { faUserGear } from '@fortawesome/free-solid-svg-icons';
+import { initFlowbite } from 'flowbite';
 import { KeycloakService } from 'keycloak-angular';
 import { MenuItem } from 'primeng/api';
 import { ButtonModule } from 'primeng/button';
@@ -33,92 +34,13 @@ export class HeaderComponent {
   async ngOnInit() {
     const token = await this.keycloakService.getToken();
     this.user = map2User(token);
-    //this.user$ = this.keycloakService
-    // this.user$.subscribe(u => {
-    // this.user = u;
-    this.menuItems = [
-      {
-        label: 'User Actions',
-        icon: 'fas fa-cog',
-        items: [
-          {
-            label: 'Account',
-            icon: 'pi pi-user',
-            routerLink: `/account`,
-            visible: this.keycloakService.isLoggedIn(),
-          },
-          {
-            label: 'Create Listing',
-            icon: 'pi pi-plus-circle',
-            routerLink: '/createBusinessListing',
-            visible: this.keycloakService.isLoggedIn(),
-          },
-          {
-            label: 'My Listings',
-            icon: 'pi pi-list',
-            routerLink: '/myListings',
-            visible: this.keycloakService.isLoggedIn(),
-          },
-          {
-            label: 'My Favorites',
-            icon: 'pi pi-star',
-            routerLink: '/myFavorites',
-            visible: this.keycloakService.isLoggedIn(),
-          },
-          {
-            label: 'EMail Us',
-            icon: 'fa-regular fa-envelope',
-            routerLink: '/emailUs',
-            visible: this.keycloakService.isLoggedIn(),
-          },
-          {
-            label: 'Logout',
-            icon: 'fa-solid fa-right-from-bracket',
-            routerLink: '/logout',
-            visible: this.keycloakService.isLoggedIn(),
-          },
-          {
-            label: 'Login',
-            icon: 'fa-solid fa-right-from-bracket',
-            command: () => this.login(),
-            visible: !this.keycloakService.isLoggedIn(),
-          },
-        ],
-      },
-    ];
-    // });
-    this.tabItems = [
-      {
-        label: 'Businesses for Sale',
-        routerLink: '/businessListings',
-        state: {},
-      },
-      {
-        label: 'Commercial Property',
-        routerLink: '/commercialPropertyListings',
-        state: {},
-      },
-      {
-        label: 'Professionals/Brokers Directory',
-        routerLink: '/brokerListings',
-        state: {},
-      },
-    ];
-    this.loginItems = [
-      {
-        label: 'Login',
-        command: () => this.login(),
-        visible: !this.keycloakService.isLoggedIn(),
-      },
-      {
-        label: 'Register',
-        command: () => this.register(),
-        visible: !this.keycloakService.isLoggedIn(),
-      },
-    ];
-    this.activeItem = this.tabItems[0];
+    setTimeout(() => {
+      initFlowbite();
+    });
   }
 
+  ngAfterViewInit() {}
+
   navigateWithState(dest: string, state: any) {
     this.router.navigate([dest], { state: state });
   }