initial release

2024-02-29 10:23:41 -06:00
commit 5146c8e919
210 changed files with 11040 additions and 0 deletions
--- a/bizmatch/src/app/components/header/header.component.ts
+++ b/bizmatch/src/app/components/header/header.component.ts
@@ -0,0 +1,115 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MenuItem } from 'primeng/api';
+import { ButtonModule } from 'primeng/button';
+import { MenubarModule } from 'primeng/menubar';
+import { OverlayPanelModule } from 'primeng/overlaypanel';
+import { environment } from '../../../environments/environment';
+import { UserService } from '../../services/user.service';
+import { User } from '../../models/main.model';
+import { TabMenuModule } from 'primeng/tabmenu';
+import { Observable } from 'rxjs';
+import { faUserGear } from '@fortawesome/free-solid-svg-icons';
+import { Router } from '@angular/router';
+
+@Component({
+	selector: 'header',
+	standalone: true,
+	imports: [CommonModule, MenubarModule, ButtonModule, OverlayPanelModule, TabMenuModule ],
+	templateUrl: './header.component.html',
+	styleUrl: './header.component.scss'
+})
+export class HeaderComponent {
+	public buildVersion = environment.buildVersion;
+	user:User;
+	user$:Observable<User>
+	public tabItems: MenuItem[];
+	public menuItems: MenuItem[];
+	activeItem
+	faUserGear=faUserGear
+	constructor(public userService: UserService,private router: Router) {
+		
+	}
+
+	ngOnInit(){
+		this.user$=this.userService.getUserObservable();
+		this.tabItems = [
+			{
+				label: 'Businesses for Sale',
+				routerLink: '/listings/business',
+				fragment:''
+			},
+			{
+				label: 'Professionals/Brokers Directory',
+				routerLink: '/listings/professionals_brokers',
+				fragment:''
+			},
+			{
+				label: 'Investment Property',
+				routerLink: '/listings/investment',
+				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(){
+		return this.userService?.isLoggedIn();
+	}
+	login(){
+		this.userService.login(window.location.href);
+	}
+}