part of funding basket ts and html

1 files changed, 41 insertions, 1 deletions

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 3fb2b5b..0a880af 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 +1,41 @@
-<p>funding-basket works!</p>
+<h1>Funding Basket</h1>
+
+<div id="needCount">
+    <label for="needCount">Needs in Basket:</label>
+    <span>{{ needCount }}</span>
+</div>
+
+<div *ngIf="isBasketEmpty">
+    <h2>There are no needs in the basket</h2>
+</div>
+
+<table class="needs" *ngIf="!isBasketEmpty">
+    <thead>
+        <tr>
+            <th class="need"></th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr *ngFor="let need of basket">
+            <td>
+                <a routerLink="/need/{{need.id}}">
+                    {{need.name}}
+                </a>
+                <div>
+                <button type="button" class="addNeed" title="add need"
+                (click)="addNeed(need)">Add Need</button>
+                </div>
+                <br>
+                <div>
+                <button type="button" class="removeNeed" title="delete need"
+                (click)="removeNeed(need)">Remove Need</button>
+                </div>
+            </td>
+        </tr>
+    </tbody>
+</table>
+<br>
+<div>
+    <button type="submit" class="checkout" title="checkout"
+    (click)="checkout()">Checkout</button>
+</div>
\ No newline at end of file