diff options
Diffstat (limited to 'ufund-ui/src/app/components/need-page/need-page.component.html')
| -rw-r--r-- | ufund-ui/src/app/components/need-page/need-page.component.html | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.html b/ufund-ui/src/app/components/need-page/need-page.component.html index 8263c04..1ef4598 100644 --- a/ufund-ui/src/app/components/need-page/need-page.component.html +++ b/ufund-ui/src/app/components/need-page/need-page.component.html @@ -1,5 +1,17 @@ -<div id="box"> +<ng-template #warn> + <div *ngIf="!this.warned" class="accountWarn"> + <h1>Not Logged in!</h1> + <p>To contribute to needs you must be logged in!</p> + <div> + <button (click)="modalService.hideModal(); this.router.navigate(['/login'], {queryParams: {redir: this.router.url}});">Log In</button> + <button (click) = "modalService.hideModal(); warned = true">Continue Anyway</button> + </div> + </div> +</ng-template> + +<div id="box" (mouseenter)="!warned && (!usersService.isHelper() && !usersService.isManager()) ? modalService.showModal(warn) : null"> @if (need) { + <img *ngIf="need.image" alt="Need image" class="need-image" [src]="need.image"/> <h1>{{need.name}}</h1> <span class="needType">{{need.type}} GOAL</span> |