From 0652eb445728806d7fd6a50021a763051503ab36 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Thu, 3 Apr 2025 14:55:55 -0400
Subject: get checkout abstraction kinda working

---
 .../components/need-list/need-list.component.html  | 55 +++++++---------------
 1 file changed, 17 insertions(+), 38 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 88317dd..b19c33d 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
@@ -1,30 +1,4 @@
-<div id="header">
-    <div id="searchArea">
-        <form id="search-form" #searchForm="ngForm">
-            <input type="text" name="search" class="wide-input" placeholder="Search in {{needs.length}} needs..." (input)="search(searchForm.value)" ngModel>
-            <input type="reset" value="Clear" (click)="search(null)"> <br>
-        </form>
-    </div>
-    <div id="sortArea">
-        <label for="sort">Sort by: </label>
-        <select id='sort' [(ngModel)] = "sortSelection" class="wide-input" (change)="search(searchForm.value)" [value]="sortSelection">
-            <option *ngFor="let algorithm of SortingAlgoArrays" value="{{algorithm.name}}">
-                {{algorithm.display[sortMode === 'Ascending' ? 0 : 1]}}
-            </option>
-        </select>
-        <button (click)="changeSortMode(searchForm.value)">
-            <span class="icon">{{sortMode === 'Ascending' ? 'arrow_upward': 'arrow_downward'}}</span>
-        </button>
-        <label>Needs per page: </label>
-        <input type ="number" [(ngModel)]="itemsPerPage" (change)="resetVisibleNeeds()" min="1" max="{{searchResults.length}}">
-    </div>
-    <!--<button (click)="close()">Close</button>-->
-</div>
-
 <!-- display for when results are present and filtered-->
-<h2 *ngIf="searchResults.length < needs.length && searchResults.length != 0"> Search Results({{needs.length - searchResults.length}} needs filtered): </h2>
-<h2 *ngIf="searchResults.length == needs.length"> All Needs </h2>
-<h2 *ngIf="searchResults.length == 0"> No Results Found </h2>
 <div id="needList">
     <div *ngFor="let need of visibleNeeds" class="needEntry">
         <div [routerLink]="'/need/' + need.id" class="clickable">
@@ -45,20 +19,25 @@
                 <span>{{need.current}}/{{need.maxGoal}} ({{((need.current / need.maxGoal) * 100).toFixed(0)}}%)</span>
                 <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">-->
+<!--            <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>
 </div>
 
-- 
cgit v1.2.3


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


From 8ee9c972b06829ccae3adccf3009279f6aeaeb4c Mon Sep 17 00:00:00 2001
From: benal01 <bja4245@rit.edu>
Date: Sat, 5 Apr 2025 20:18:25 -0400
Subject: need image on need list

---
 ufund-ui/src/app/components/need-list/need-list.component.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(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 406bfa0..1410ce6 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
@@ -2,12 +2,16 @@
 <div id="needList">
     <div *ngFor="let need of visibleNeeds" class="needEntry">
         <div [routerLink]="'/need/' + need.id" class="clickable">
+           
             <div class="split">
                 <div class="left">
+                    <img *ngIf="need.image" alt="Need image" class="need-image" [src]="need.image"/>
+                </div>
+                
+                <div class="middle">
                     <span class="needName">{{need.name}}</span>
                     <span class="needType">{{need.type}}</span>
                 </div>
-
                 <div class="right">
                     <span *ngIf="need.urgent" class="urgent">URGENT</span>
                     <span *ngIf="need.location"><span class="icon">location_on</span>{{need.location}}</span>
@@ -21,6 +25,7 @@
                 <progress [value]="need.current" [max]="need.maxGoal"></progress>
             </div>
         </div>
+    
         <div *ngIf="actionArea" class="actionArea">
             <ng-container [ngTemplateOutlet]="actionArea" [ngTemplateOutletContext]="{$implicit: need}"/>
         </div>
-- 
cgit v1.2.3