aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src/app/components/need-page/need-page.component.html
blob: 90fd459333770bb210a90bf487c443812f52fbe3 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<button routerLink="/dashboard">Back to dashboard</button>
<h1>Viewing Need: {{need?.name}}</h1>
<a>internal id: {{need?.id}}</a>
<div style="display: flex; column-gap: 6px;">
    <h3>Looking for</h3>
    <h3><u>{{need?.type}}</u></h3>
    <h3>Donations.</h3>
</div>
<div *ngIf="need?.filterAttributes != null">
    <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>Goal: {{need?.maxGoal}}</p>
<p>Current: {{need?.current}}</p>
<p>This goal is <strong>{{(((need?.current ?? 0)*100) / (need?.maxGoal ?? 0)).toFixed(0)}}%</strong> complete!</p>