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!!!

---
 .../components/need-list/need-list.component.html   | 21 +++------------------
 1 file changed, 3 insertions(+), 18 deletions(-)

(limited to 'ufund-ui/src/app/components/need-list/need-list.component.html')

diff --git a/ufund-ui/src/app/components/need-list/need-list.component.html b/ufund-ui/src/app/components/need-list/need-list.component.html
index b19c33d..ffed91d 100644
--- a/ufund-ui/src/app/components/need-list/need-list.component.html
+++ b/ufund-ui/src/app/components/need-list/need-list.component.html
@@ -20,24 +20,9 @@
                 <progress [value]="need.current" [max]="need.maxGoal"></progress>
             </div>
         </div>
-
-<!--        <div class="actionArea">-->
-<!--            <button *ngIf="isHelper()" (click)="add(need)">-->
-<!--                <span class="icon">add</span>Add To Basket-->
-<!--            </button>-->
-<!--            <button *ngIf="isManager()" (click)="select(need)">-->
-<!--                <span class="icon">edit</span>Edit Need-->
-<!--            </button>-->
-<!--            <button *ngIf="isManager()" (click)="delete(need.id)" >-->
-<!--                <span class="icon">delete</span>Delete Need-->
-<!--            </button>-->
-<!--        </div>-->
-<!--        <div class="actionArea">-->
-<!--            <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>-->
-<!--        </div>-->
+        <div *ngIf="actionArea" class="actionArea">
+            <ng-container [ngTemplateOutlet]="actionArea" [ngTemplateOutletContext]="{$implicit: need}"/>
+        </div>
     </div>
 </div>
 
-- 
cgit v1.2.3