aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src/app/components/funding-basket
diff options
context:
space:
mode:
authorsowgro <tpoke.ferrari@gmail.com>2025-04-03 23:11:05 -0400
committersowgro <tpoke.ferrari@gmail.com>2025-04-03 23:11:05 -0400
commit6a5033afc3c8e0d5d12d709b35b306b6ea1f70e8 (patch)
tree15511941490e8010dacaf20c704f9b314da5634b /ufund-ui/src/app/components/funding-basket
parentad651c44ce2515d497c8e5214147c69126e25903 (diff)
downloadJellySolutions-6a5033afc3c8e0d5d12d709b35b306b6ea1f70e8.tar.gz
JellySolutions-6a5033afc3c8e0d5d12d709b35b306b6ea1f70e8.tar.bz2
JellySolutions-6a5033afc3c8e0d5d12d709b35b306b6ea1f70e8.zip
Implemented action buttons with ng-template!!!
Diffstat (limited to 'ufund-ui/src/app/components/funding-basket')
-rw-r--r--ufund-ui/src/app/components/funding-basket/funding-basket.component.html8
1 files changed, 7 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 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>