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 | 23 |
1 files changed, 12 insertions, 11 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 c325320..84f83d6 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 @@ -26,37 +26,38 @@ <div id="needList"> <div *ngFor="let need of searchResults" class="needEntry"> - <div [routerLink]="'/need/' + need.id"> + <div [routerLink]="'/need/' + need.id" class="clickable"> <div class="split"> <div class="left"> <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> </div> </div> - + + <br> + <div class="prog"> <span id="hover-status-label-{{need.id}}"> </span> <span>{{need.current}}/{{need.maxGoal}} ({{((need.current / need.maxGoal) * 100).toFixed(0)}}%)</span> <progress [value]="need.current" [max]="need.maxGoal"></progress> </div> - <div class="description"> - {{need.description}} - </div> </div> - - <div> - <button *ngIf="isHelper()" (click)="add(need)">Add To Basket</button> + + <div class="actionArea"> + <button *ngIf="isHelper()" (click)="add(need)"> + <span class="icon">add</span>Add To Basket + </button> <button *ngIf="isManager()" (click)="select(need)"> - <span class="icon">edit</span> + <span class="icon">edit</span>Delete Need </button> <button *ngIf="isManager()" (click)="delete(need.id)" > - <span class="icon">delete</span> + <span class="icon">delete</span>Edit Need </button> </div> </div> |