diff options
| author | Hayden Hartman <haydenhartman10@gmail.com> | 2025-03-17 21:49:35 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-03-17 21:49:35 -0400 |
| commit | d1b7b81cbedc673cf6f52ac5745438f95083b78e (patch) | |
| tree | 948255f18f05f2a26e22126de44fa433635876df /ufund-ui/src/app/components/need-list/need-list.component.html | |
| parent | 1bf10f9f26f47ea5cff7ff48d5664febb0ed2585 (diff) | |
| parent | 54876363de44791ba65b6c43b795f8d0c3548ecc (diff) | |
| download | JellySolutions-d1b7b81cbedc673cf6f52ac5745438f95083b78e.tar.gz JellySolutions-d1b7b81cbedc673cf6f52ac5745438f95083b78e.tar.bz2 JellySolutions-d1b7b81cbedc673cf6f52ac5745438f95083b78e.zip | |
Merge pull request #10 from RIT-SWEN-261-02/cupboard-component
Cupboard component
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 | 20 |
1 files changed, 20 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 6e48d96..07f6735 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,6 +1,26 @@ <h1>Needs List</h1> +<input id="search-button" type="button" value="Search" (click)="open()"> +<div id="search-form"> + <form #searchForm="ngForm"> + <label>Search:</label><br> + <input type="text" name="search" (input)="search(searchForm.value)" ngModel> + <input type="button" value="Clear" (click)="searchForm.reset()"> <br> + </form> + <button (click)="close()">Close</button> + <div> + <h2 id="search-status">Search Results:</h2> + <div *ngFor="let need of searchResults"> + <a routerLink="/need/{{need.id}}"> + {{need.name}} + </a> + <button (click)="delete(need.id)" *ngIf="isManager()">Delete</button> + </div> + </div> +</div> + <li *ngFor="let need of needs"> <a routerLink="/need/{{need.id}}"> {{need.name}} </a> + <button (click)="delete(need.id)" *ngIf="isManager()">Delete</button> </li> |