broker direcrtory renewed, imageservice updated, demo data

bizmatch/src/app/components/footer/footer.component.html

@@ -4,7 +4,6 @@
             <div class="col-12 md:col-3 md:mb-0 mb-3">
                 <img src="assets/images/header-logo.png" alt="footer sections" height="30" class="mr-3">
                 <div class="text-500">© 2024 Bizmatch All rights reserved.</div>
-                <!-- <div class="text-gray-300 font-bold text-5xl">Bastion</div> -->
             </div>
             <div class="col-12 md:col-3">
                 <div class="text-black mb-4 flex flex-wrap" style="max-width: 290px">BizMatch, Inc., 1001 Blucher Street, Corpus Christi, Texas 78401</div>
@@ -19,7 +18,7 @@
             <div class="col-12 md:col-3 text-500">
                 <div class="text-black font-bold line-height-3 mb-3">Actions</div>
                 <a *ngIf="!userService.isLoggedIn()" (click)="login()"  class="text-500 line-height-3 block cursor-pointer mb-2 no-underline">Login</a>
-                <a *ngIf="userService.isLoggedIn()" [routerLink]="['/account']"  class="text-500 line-height-3 block cursor-pointer mb-2 no-underline">Account</a>
+                <a *ngIf="userService.isLoggedIn()" [routerLink]="['/account',userService.getUser()?.id]"  class="text-500 line-height-3 block cursor-pointer mb-2 no-underline">Account</a>
                 <a *ngIf="userService.isLoggedIn()" class="text-500 line-height-3 block cursor-pointer mb-2 no-underline" (click)="userService.logout()">Log Out</a>
             </div>
         </div>

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

@@ -21,8 +21,8 @@ import { User } from '../../../../../common-models/src/main.model';
 })
 export class HeaderComponent {
 	public buildVersion = environment.buildVersion;
-	user:User;
 	user$:Observable<User>
+	user:User;
 	public tabItems: MenuItem[];
 	public menuItems: MenuItem[];
 	activeItem
@@ -33,6 +33,60 @@ export class HeaderComponent {
 
 	ngOnInit(){
 		this.user$=this.userService.getUserObservable();
+		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/${this.user.id}`,
+							visible: this.isUserLogedIn()
+						},
+						{
+							label: 'Create Listing',
+							icon: 'pi pi-plus-circle',
+							routerLink: "/createListing",
+							visible: this.isUserLogedIn()
+						},
+						{
+							label: 'My Listings',
+							icon: 'pi pi-list',
+							routerLink:"/myListings",
+							visible: this.isUserLogedIn()
+						},
+						{
+							label: 'My Favorites',
+							icon: 'pi pi-star',
+							routerLink:"/myFavorites",
+							visible: this.isUserLogedIn()
+						},
+						{
+							label: 'EMail Us',
+							icon: 'fa-regular fa-envelope',
+							routerLink:"/emailUs",
+							visible: this.isUserLogedIn()
+						},
+						{
+							label: 'Logout',
+							icon: 'fa-solid fa-right-from-bracket',
+							routerLink:"/logout",
+							visible: this.isUserLogedIn()
+						},
+						{
+							label: 'Login',
+							icon: 'fa-solid fa-right-from-bracket',
+							//routerLink:"/account",
+							command: () => this.login(),
+							visible: !this.isUserLogedIn()
+						},
+					]
+				}
+			]
+		});
 		this.tabItems = [
 			{
 				label: 'Businesses for Sale',
@@ -50,63 +104,13 @@ export class HeaderComponent {
 				fragment:''
 			}
 		];
-		this.menuItems = [
-			{
-                label: 'User Actions',
-                icon: 'fas fa-cog',
-                items: [
-					{
-                        label: 'Account',
-                        icon: 'pi pi-user',
-						routerLink: '/account',
-						visible: this.isUserLoogedIn()
-                    },
-                    {
-                        label: 'Create Listing',
-                        icon: 'pi pi-plus-circle',
-						routerLink: "/createListing",
-						visible: this.isUserLoogedIn()
-                    },
-					{
-                        label: 'My Listings',
-                        icon: 'pi pi-list',
-						routerLink:"/myListings",
-						visible: this.isUserLoogedIn()
-                    },
-					{
-                        label: 'My Favorites',
-                        icon: 'pi pi-star',
-						routerLink:"/myFavorites",
-						visible: this.isUserLoogedIn()
-                    },
-					{
-                        label: 'EMail Us',
-                        icon: 'fa-regular fa-envelope',
-						routerLink:"/emailUs",
-						visible: this.isUserLoogedIn()
-                    },
-					{
-                        label: 'Logout',
-                        icon: 'fa-solid fa-right-from-bracket',
-						routerLink:"/logout",
-						visible: this.isUserLoogedIn()
-                    },
-					{
-                        label: 'Login',
-                        icon: 'fa-solid fa-right-from-bracket',
-						//routerLink:"/account",
-						command: () => this.login(),
-						visible: !this.isUserLoogedIn()
-                    },
-				]
-			}
-		]
+
 		this.activeItem=this.tabItems[0];
 	}
 	navigateWithState(dest: string, state: any) {
 		this.router.navigate([dest], { state: state });
 	}
-	isUserLoogedIn(){
+	isUserLogedIn(){
 		return this.userService?.isLoggedIn();
 	}
 	login(){