ufund-ui/src/app/components/funding-basket/funding-basket.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<div id="box">
    <h1>Funding Basket</h1>
    <ng-template [ngIf]="(usersService.getBasket() | async)?.length">
        <ng-template let-need #NLActions>
            <input type="number" placeholder="Quantity" min="1" [id]="need?.id" class="contribution">
            <button class="removeNeed" (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>
        </div>
    </ng-template>
    <div *ngIf="!usersService.getBasket().getValue().length">
        <span>There are no needs in your basket! </span><a routerLink="/cupboard">Browse the cupboard</a>
    </div>
</div>