From 6a5033afc3c8e0d5d12d709b35b306b6ea1f70e8 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Thu, 3 Apr 2025 23:11:05 -0400
Subject: Implemented action buttons with ng-template!!!

---
 .../app/components/funding-basket/funding-basket.component.html   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'ufund-ui/src/app/components/funding-basket')

diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
index 2b05d01..3e884cd 100644
--- a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
+++ b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
@@ -1,7 +1,13 @@
 <div id="box">
     <h1>Funding Basket</h1>
     <ng-template [ngIf]="(usersService.getBasket() | async)?.length">
-        <app-need-list [needs]="(usersService.getBasket() | async)!"/>
+        <ng-template let-need #NLActions>
+            <input type="number" placeholder="Quantity" min="1" [id]="need?.id" class="contribution">
+            <button class="removeNeed" title="delete need" (click)="this.usersService.removeNeed(need.id)">
+                <span class="icon">delete</span>Remove from Basket
+            </button>
+        </ng-template>
+        <app-need-list [actionArea]="NLActions" [needs]="(usersService.getBasket() | async)!"/>
         <br>
         <div id="footer">
             <button class="button2" title="checkout" (click)="checkout()">Checkout</button>
-- 
cgit v1.2.3