blob: a72167c3fa8d9723f2fa0185bec72bdaae036dff (
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
26
|
<div id="box">
<h1>{{need?.name}}</h1>
<div>
<h3>Looking for <u>{{need?.type}}</u> Donations.</h3>
</div>
<div *ngIf="need?.filterAttributes">
<p>Tags:</p>
<ul style="display: flex; column-gap: 24px;">
<li *ngFor="let tag of need?.filterAttributes">
<p>{{tag}}</p>
</li>
</ul>
</div>
<hr>
<p>Location: {{need?.location}}</p>
<p>Urgent: {{need?.urgent}}</p>
<span>{{need?.current}} / {{need?.maxGoal}}</span>
<progress [value]="need?.current" [max]="need?.maxGoal"></progress>
<span>This goal is <strong>{{(((need?.current ?? 0)*100) / (need?.maxGoal ?? 0)).toFixed(0)}}%</strong> complete!</span>
<div>
<button>Add to basket</button>
<button>Edit</button>
<button>Delete</button>
</div>
</div>
|
