diff options
Diffstat (limited to 'ufund-ui/src/app/components/funding-basket/funding-basket.component.html')
| -rw-r--r-- | ufund-ui/src/app/components/funding-basket/funding-basket.component.html | 42 |
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 |