blob: 6363c6812bd00dbdb73b861597eeea7ed276a4a2 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<div id="box">
@if ((authService.getCurrentUserSubject() | async)?.type === userType.HELPER) {
<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 sort-scheme" (input)="resetColor($event)">
<button class="removeNeed" (click)="this.usersService.removeNeed(need.id)">
<span class="icon">delete</span>Remove from Basket
</button>
</ng-template>
<app-need-list [uid]="1" [actionArea]="NLActions" [needs]="(usersService.getBasket() | async)!"/>
<br>
<div id="footer">
<button class="button2" title="checkout" (click)="checkout()">Checkout</button>
<span id="running-total">Your current running total is: ${{runningTotal | async}}</span>
</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>
} @else {
<h1>Unauthorized</h1>
<span>This page requires you to be logged in as a user! <a routerLink="/login">Log In</a></span>
}
</div>
|
