diff options
| author | Akash Keshav <112591754+domesticchores@users.noreply.github.com> | 2025-03-17 22:58:15 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-17 22:58:15 -0400 |
| commit | 49b1dab1d6619515e270944dee6efb4eb3cde4df (patch) | |
| tree | c148b5e8c834ee3aa07e68280976719861387885 /ufund-ui/src/app/components/need-page/need-page.component.html | |
| parent | e9950afde68bb6e5e659ac182334bf2b18088f90 (diff) | |
| parent | b5797b53eddf5a52ea9bbd8f3c638edd678407ab (diff) | |
| download | JellySolutions-49b1dab1d6619515e270944dee6efb4eb3cde4df.tar.gz JellySolutions-49b1dab1d6619515e270944dee6efb4eb3cde4df.tar.bz2 JellySolutions-49b1dab1d6619515e270944dee6efb4eb3cde4df.zip | |
Merge pull request #12 from RIT-SWEN-261-02/need-page-rework-rework
Need page rework rework -> main pull request
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 |