From 0c7190b2b8f3c41f8f21d4dbda0881b2da4a78a3 Mon Sep 17 00:00:00 2001
From: John Hoffmann <john.hoffmann@accenture.com>
Date: Wed, 30 Oct 2024 12:26:05 +0100
Subject: [PATCH] feat: add marketplace boilerplate

---
 src/app/app-routing.module.ts                 |  2 ++
 src/app/app.component.html                    |  1 +
 .../marketplace/marketplace.component.html    |  1 +
 .../marketplace/marketplace.component.scss    |  0
 .../marketplace/marketplace.component.spec.ts | 22 +++++++++++++++++++
 .../marketplace/marketplace.component.ts      | 10 +++++++++
 6 files changed, 36 insertions(+)
 create mode 100644 src/app/components/marketplace/marketplace.component.html
 create mode 100644 src/app/components/marketplace/marketplace.component.scss
 create mode 100644 src/app/components/marketplace/marketplace.component.spec.ts
 create mode 100644 src/app/components/marketplace/marketplace.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 08eff4c..831c7d9 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -3,10 +3,12 @@ import { RouterModule, Routes } from '@angular/router';
 import { QueryComponent } from './components/query/query.component';
 import { CatalogBrowserComponent } from './components/catalog-browser/catalog-browser.component';
 import { NodeDetailsComponent } from './components/node-details/node-details.component';
+import { MarketplaceComponent } from './components/marketplace/marketplace.component';
 
 const routes: Routes = [
     { path: 'nodes', component: CatalogBrowserComponent },
     { path: 'query', component: QueryComponent },
+    { path: 'marketplace', component: MarketplaceComponent },
     { path: 'nodes/:id', component: NodeDetailsComponent },
     { path: '', redirectTo: 'nodes', pathMatch: 'full' },
 ];
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 63a2559..45201e0 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -4,6 +4,7 @@
 
     <a mat-button routerLink="">Browse Catalog</a>
     <a mat-button routerLink="query">Query Tool</a>
+    <a mat-button routerLink="marketplace">Marketplace</a>
     <ng-container *ngIf="isLoggedIn()">
         <button id="user-menu" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="User: {{ username }}">
             <mat-icon>account_circle</mat-icon>
diff --git a/src/app/components/marketplace/marketplace.component.html b/src/app/components/marketplace/marketplace.component.html
new file mode 100644
index 0000000..46cb72b
--- /dev/null
+++ b/src/app/components/marketplace/marketplace.component.html
@@ -0,0 +1 @@
+<p>marketplace works!</p>
diff --git a/src/app/components/marketplace/marketplace.component.scss b/src/app/components/marketplace/marketplace.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/marketplace/marketplace.component.spec.ts b/src/app/components/marketplace/marketplace.component.spec.ts
new file mode 100644
index 0000000..eb5b9fe
--- /dev/null
+++ b/src/app/components/marketplace/marketplace.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MarketplaceComponent } from './marketplace.component';
+
+describe('MarketplaceComponent', () => {
+    let component: MarketplaceComponent;
+    let fixture: ComponentFixture<MarketplaceComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [MarketplaceComponent],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(MarketplaceComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});
diff --git a/src/app/components/marketplace/marketplace.component.ts b/src/app/components/marketplace/marketplace.component.ts
new file mode 100644
index 0000000..f71cd2d
--- /dev/null
+++ b/src/app/components/marketplace/marketplace.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-marketplace',
+    standalone: true,
+    imports: [],
+    templateUrl: './marketplace.component.html',
+    styleUrl: './marketplace.component.scss',
+})
+export class MarketplaceComponent {}