diff options
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 e00ba47..8ea7b88 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"> |