diff options
| author | Tyler Ferrari <69283684+Sowgro@users.noreply.github.com> | 2025-04-07 21:19:30 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-07 21:19:30 -0400 |
| commit | ef62e670a4af08026581db83410bbc8b98e45d7d (patch) | |
| tree | 926d727942996ad5c2eb5729935330a17d2bff78 /ufund-ui/src/app/components/need-page/need-page.component.html | |
| parent | 7617db08a43d873a65abd47b02e23ad8cb4cb5cd (diff) | |
| parent | a6fd8cddfb5cf4812d6d974dc552bef44e816a21 (diff) | |
| download | JellySolutions-ef62e670a4af08026581db83410bbc8b98e45d7d.tar.gz JellySolutions-ef62e670a4af08026581db83410bbc8b98e45d7d.tar.bz2 JellySolutions-ef62e670a4af08026581db83410bbc8b98e45d7d.zip | |
Merge pull request #32 from RIT-SWEN-261-02/call-to-action
Call to action when not signed in on need page
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> |