From 8811480c199b7b2a97ee0532d3488ed9512b6f37 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Wed, 26 Feb 2025 21:31:52 -0500
Subject: get angular services working

---
 .../src/app/components/need-page/need-page.component.html    |  8 +++++++-
 ufund-ui/src/app/components/need-page/need-page.component.ts | 12 ++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

(limited to 'ufund-ui/src/app/components/need-page')

diff --git a/ufund-ui/src/app/components/need-page/need-page.component.html b/ufund-ui/src/app/components/need-page/need-page.component.html
index ed5b6d8..0bc4746 100644
--- a/ufund-ui/src/app/components/need-page/need-page.component.html
+++ b/ufund-ui/src/app/components/need-page/need-page.component.html
@@ -1 +1,7 @@
-<p>need-page works!</p>
+<h1>Need page</h1>
+<p>id: {{need?.id}}</p>
+<p>name: {{need?.name}}</p>
+<p>filterAttributes: {{need?.filterAttributes}}</p>
+<p>type: {{need?.type}}</p>
+<p>max goal: {{need?.maxGoal}}</p>
+<p>current: {{need?.maxGoal}}</p>
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.ts b/ufund-ui/src/app/components/need-page/need-page.component.ts
index 390bfb6..15c1e87 100644
--- a/ufund-ui/src/app/components/need-page/need-page.component.ts
+++ b/ufund-ui/src/app/components/need-page/need-page.component.ts
@@ -1,5 +1,7 @@
 import {Component, Input} from '@angular/core';
 import {Need} from '../../models/Need';
+import {ActivatedRoute} from "@angular/router";
+import {CupboardService} from "../../services/cupboard.service";
 
 @Component({
   selector: 'app-need-page',
@@ -8,5 +10,15 @@ import {Need} from '../../models/Need';
   styleUrl: './need-page.component.css'
 })
 export class NeedPageComponent {
+  constructor(
+     private route: ActivatedRoute,
+     private cupboardService: CupboardService,
+  ) {}
+
   @Input() need?: Need;
+
+  ngOnInit(): void {
+    const id = Number(this.route.snapshot.paramMap.get('id'));
+    this.cupboardService.getNeed(id).subscribe(n => this.need = n);
+  }
 }
-- 
cgit v1.2.3