diff options
| author | Tyler Ferrari <69283684+Sowgro@users.noreply.github.com> | 2025-04-06 12:48:01 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-06 12:48:01 -0400 |
| commit | 843e904f2c756ed097190644800e1ee836acb086 (patch) | |
| tree | 372283ec4e5de3e2115647efc5e12a530da5e873 /ufund-ui/src/app/components/need-list/need-list.component.html | |
| parent | 0fa67503787b0080c6d398a4d8239eeb469ac107 (diff) | |
| parent | 2ac334681c268391987e51a52260be7b632cc4f1 (diff) | |
| download | JellySolutions-843e904f2c756ed097190644800e1ee836acb086.tar.gz JellySolutions-843e904f2c756ed097190644800e1ee836acb086.tar.bz2 JellySolutions-843e904f2c756ed097190644800e1ee836acb086.zip | |
Merge pull request #30 from RIT-SWEN-261-02/need-list-image
Need list image and animation
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 | 7 |
1 files changed, 6 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 406bfa0..1410ce6 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 @@ -2,12 +2,16 @@ <div id="needList"> <div *ngFor="let need of visibleNeeds" class="needEntry"> <div [routerLink]="'/need/' + need.id" class="clickable"> + <div class="split"> <div class="left"> + <img *ngIf="need.image" alt="Need image" class="need-image" [src]="need.image"/> + </div> + + <div class="middle"> <span class="needName">{{need.name}}</span> <span class="needType">{{need.type}}</span> </div> - <div class="right"> <span *ngIf="need.urgent" class="urgent">URGENT</span> <span *ngIf="need.location"><span class="icon">location_on</span>{{need.location}}</span> @@ -21,6 +25,7 @@ <progress [value]="need.current" [max]="need.maxGoal"></progress> </div> </div> + <div *ngIf="actionArea" class="actionArea"> <ng-container [ngTemplateOutlet]="actionArea" [ngTemplateOutletContext]="{$implicit: need}"/> </div> |