diff options
| author | Akash Keshav <112591754+domesticchores@users.noreply.github.com> | 2025-03-17 22:56:19 -0400 |
|---|---|---|
| committer | Akash Keshav <112591754+domesticchores@users.noreply.github.com> | 2025-03-17 22:56:19 -0400 |
| commit | b5797b53eddf5a52ea9bbd8f3c638edd678407ab (patch) | |
| tree | 4bbd0905ff63de9b3337b1a5989e1677494111c0 /ufund-ui/src/app/components/need-page/need-page.component.html | |
| parent | 7de909de2778633660afe5d68f848d1e618b8470 (diff) | |
| download | JellySolutions-b5797b53eddf5a52ea9bbd8f3c638edd678407ab.tar.gz JellySolutions-b5797b53eddf5a52ea9bbd8f3c638edd678407ab.tar.bz2 JellySolutions-b5797b53eddf5a52ea9bbd8f3c638edd678407ab.zip | |
please work, i backmerged and everything. -ak
Diffstat (limited to 'ufund-ui/src/app/components/need-page/need-page.component.html')
| -rw-r--r-- | ufund-ui/src/app/components/need-page/need-page.component.html | 29 |
1 files changed, 21 insertions, 8 deletions
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.html b/ufund-ui/src/app/components/need-page/need-page.component.html index 4bb001e..8234ac7 100644 --- a/ufund-ui/src/app/components/need-page/need-page.component.html +++ b/ufund-ui/src/app/components/need-page/need-page.component.html @@ -1,8 +1,21 @@ -<input type="button" value="Back" (click)="back()"> -<h1>Need page</h1> -<p>id: {{need?.id}}</p> -<p>name: {{need?.name}}</p> -<p>filterAttributes: {{need?.filterAttributes}}</p> -<p>type: {{need?.type}}</p> -<p>max goal: {{need?.maxGoal}}</p> -<p>current: {{need?.maxGoal}}</p>
\ No newline at end of file +<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)}}%</strong> complete!</p>
\ No newline at end of file |