diff options
| author | benal01 <bja4245@rit.edu> | 2025-03-31 23:47:36 -0400 |
|---|---|---|
| committer | benal01 <bja4245@rit.edu> | 2025-03-31 23:47:36 -0400 |
| commit | bb2e7b50e1ca96120fc42eed1f090cf0e1c98258 (patch) | |
| tree | 22375a8326cbf868ba7c4d082facb0dfd0010c67 /ufund-ui/src/app/components/need-list/need-list.component.html | |
| parent | 4f8ddd385924b3c7c2b36acd28daf658ecc2cb09 (diff) | |
| download | JellySolutions-bb2e7b50e1ca96120fc42eed1f090cf0e1c98258.tar.gz JellySolutions-bb2e7b50e1ca96120fc42eed1f090cf0e1c98258.tar.bz2 JellySolutions-bb2e7b50e1ca96120fc42eed1f090cf0e1c98258.zip | |
needs per page
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, 8 insertions, 1 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 84f83d6..d43e07b 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 @@ -24,8 +24,15 @@ <h2 *ngIf="searchResults.length == needs.length"> All Needs </h2> <h2 *ngIf="searchResults.length == 0"> No Results Found </h2> +<div id="page-selector"> + <span>Page {{currentPage + 1}} of {{totalPages}} </span> <br> + <label>Needs per page: </label> + <input type ="number" [(ngModel)]="itemsPerPage" (change)="resetVisibleNeeds()" min="1" max="{{searchResults.length}}"> + <button *ngIf="currentPage > 0" (click)="decrementPage()">Previous</button> + <button *ngIf="currentPage < totalPages - 1" (click)="incrementPage()">Next</button> +</div> <div id="needList"> - <div *ngFor="let need of searchResults" class="needEntry"> + <div *ngFor="let need of visibleNeeds" class="needEntry"> <div [routerLink]="'/need/' + need.id" class="clickable"> <div class="split"> <div class="left"> |