diff options
Diffstat (limited to 'frontend/src/app/_elements/navbar')
| -rw-r--r-- | frontend/src/app/_elements/navbar/navbar.component.html | 16 | ||||
| -rw-r--r-- | frontend/src/app/_elements/navbar/navbar.component.ts | 7 |
2 files changed, 20 insertions, 3 deletions
diff --git a/frontend/src/app/_elements/navbar/navbar.component.html b/frontend/src/app/_elements/navbar/navbar.component.html index 60a80e35..426332bd 100644 --- a/frontend/src/app/_elements/navbar/navbar.component.html +++ b/frontend/src/app/_elements/navbar/navbar.component.html @@ -16,7 +16,7 @@ [class]="(currentUrl === '/predict') ? 'text-secondary' : 'text-white'">Predvidi</a></li> </ul> - <div class="dropdown text-end"> + <div *ngIf="shared.loggedIn" class="dropdown text-end"> <a href="#" class="d-block link-light text-decoration-none dropdown-toggle" id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false"> <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle"> @@ -33,6 +33,18 @@ <li><a class="dropdown-item" href="#">Odjavi se</a></li> </ul> </div> + <div *ngIf="!shared.loggedIn" class="dropdown text-end"> + <button type="button" class="btn btn-primary mx-2" data-bs-toggle="modal" + data-bs-target="#modalForLogin"> + Prijavi se + </button> + <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalForRegister"> + Registruj se + </button> + </div> </div> </div> -</header>
\ No newline at end of file +</header> + +<app-login-modal></app-login-modal> +<app-register-modal></app-register-modal>
\ No newline at end of file diff --git a/frontend/src/app/_elements/navbar/navbar.component.ts b/frontend/src/app/_elements/navbar/navbar.component.ts index 21a0e9ae..154a0d7d 100644 --- a/frontend/src/app/_elements/navbar/navbar.component.ts +++ b/frontend/src/app/_elements/navbar/navbar.component.ts @@ -1,5 +1,7 @@ import { Component, OnInit } from '@angular/core'; import { Location } from '@angular/common'; +import { AuthService } from '../../_services/auth.service'; +import shared from 'src/app/Shared'; @Component({ selector: 'app-navbar', @@ -9,12 +11,15 @@ import { Location } from '@angular/common'; export class NavbarComponent implements OnInit { currentUrl: string; + shared = shared; - constructor(public location: Location) { + constructor(public location: Location, private auth: AuthService) { this.currentUrl = this.location.path(); this.location.onUrlChange(() => { this.currentUrl = this.location.path(); }) + + this.shared.loggedIn = auth.isAuthenticated(); } ngOnInit(): void { |