diff options
| author | benal01 <bja4245@rit.edu> | 2025-03-27 08:20:49 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-27 08:20:49 -0400 |
| commit | f7a5b01d15493e86a35598b6396621823bc0242f (patch) | |
| tree | 222807b745ff1cdff83153821deb088afcd0f05b /ufund-ui/src/app/components/need-list/need-list.component.html | |
| parent | d5ae670dbce9e5cabbd594759df490176fd8cecd (diff) | |
| parent | 2dc001c80af113d8d01ba545a0dbfda960e0f7fe (diff) | |
| download | JellySolutions-f7a5b01d15493e86a35598b6396621823bc0242f.tar.gz JellySolutions-f7a5b01d15493e86a35598b6396621823bc0242f.tar.bz2 JellySolutions-f7a5b01d15493e86a35598b6396621823bc0242f.zip | |
Merge pull request #18 from RIT-SWEN-261-02/need-sorting
Merge new sorting filters into the cupboard/need-list rework
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, 9 insertions, 0 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 eaa8a6f..de4be58 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 @@ -1,5 +1,14 @@ <h1>Needs List</h1> <div id="search-container"> + <div style="display: flex;"> + <h3>Sort by:</h3> + <table style="margin-left: 10px; display: flex; column-gap: 24px;"> + <tr><h3><button (click)="changeSortAlgo('sortByName',searchForm.value)">Name(A-Z)</button></h3></tr> + <tr><h3><button (click)="changeSortAlgo('sortByNameReverse',searchForm.value)">Name(Z-A)</button></h3></tr> + <tr><h3><button (click)="changeSortAlgo('sortByMaxGoal',searchForm.value)">Max Goal(Descending)</button></h3></tr> + <tr><h3><button (click)="changeSortAlgo('sortByMinGoal',searchForm.value)">Max Goal(Ascending)</button></h3></tr> + </table> + </div> <form id="search-form" #searchForm="ngForm"> <input type="text" name="search" placeholder="Search in {{needs.length}} needs..." (input)="search(searchForm.value)" ngModel> <input type="reset" value="Clear" (click)="search(null)"> <br> |