diff options
| author | benal01 <bja4245@rit.edu> | 2025-04-02 23:00:14 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-02 23:00:14 -0400 |
| commit | 2f67d2218b48937a370c5562eff5141b80475524 (patch) | |
| tree | c744dd407f46f71b692aaaad6d4c66237c8ba9a5 /ufund-ui/src/app/components/need-list/need-list.component.html | |
| parent | 2b7c42ffacaaf884bc9497e975c0c3274e9f966e (diff) | |
| parent | fb6d8140830bbb5081056105eaa775f26885da8f (diff) | |
| download | JellySolutions-2f67d2218b48937a370c5562eff5141b80475524.tar.gz JellySolutions-2f67d2218b48937a370c5562eff5141b80475524.tar.bz2 JellySolutions-2f67d2218b48937a370c5562eff5141b80475524.zip | |
Merge pull request #25 from RIT-SWEN-261-02/need-image
Need image support + need page image styling
Diffstat (limited to 'ufund-ui/src/app/components/need-list/need-list.component.html')
| -rw-r--r-- | ufund-ui/src/app/components/need-list/need-list.component.html | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.html b/ufund-ui/src/app/components/need-list/need-list.component.html index 0d64c99..84f80dc 100644 --- a/ufund-ui/src/app/components/need-list/need-list.component.html +++ b/ufund-ui/src/app/components/need-list/need-list.component.html @@ -40,10 +40,9 @@ </div> </div> - <br> - <div class="prog"> <span id="hover-status-label-{{need.id}}"> </span> + <span>{{need.type.toString() == 'MONETARY' ? '$' : ''}}{{need.current}}/{{need.type.toString() == 'MONETARY' ? '$' : ''}}{{need.maxGoal}} ({{((need.current / need.maxGoal) * 100).toFixed(0)}}%)</span> <progress [value]="need.current" [max]="need.maxGoal"></progress> </div> @@ -65,7 +64,9 @@ </div> <div id="page-selector"> - <button *ngIf="currentPage > 0" (click)="decrementPage()"><span class="icon">arrow_back_ios</span></button> + <button [disabled]="!(currentPage !== 0)" (click)="firstPage()"><span class="icon">first_page</span></button> + <button [disabled]="!(currentPage > 0)" (click)="decrementPage()"><span class="icon">arrow_back_ios_new</span></button> <span>Page {{currentPage + 1}} of {{totalPages}}</span> - <button *ngIf="currentPage < totalPages - 1" (click)="incrementPage()"><span class="icon">arrow_forward_ios</span></button> + <button [disabled]="!(currentPage < totalPages - 1)" (click)="incrementPage()"><span class="icon">arrow_forward_ios</span></button> + <button [disabled]="!(currentPage !== totalPages - 1)" (click)="lastPage()"><span class="icon">last_page</span></button> </div> |