src/app/components/navbar/navbar.component.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { TokenService } from 'src/app/services/token.service';
import { UserService } from 'src/app/services/user.service';
import { User } from 'src/models/identity/user.model';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})
export class NavbarComponent implements OnInit {
  public user: User;
  public loggedIn: Boolean;

  constructor(private _router: Router, private _userService: UserService, private _tokenService: TokenService)
  { }

  ngOnInit(): void {
    this.loggedIn = this._tokenService.getTokenFromSessionStorage() !== '';

    this.user = this._userService.getDefaultUser();
    this.user.userName = ''; // so you don't always see a flash of 'Gosho'

    this._userService.getUserFromSessionStorageRequest().subscribe({
      next: (res: object) => {
        Object.assign(this.user, res);
      },
    });
  }

  goToProfile(): void {
    // Properly reload the page
    // Needed because if you're on someone's profile and go to yours, angular won't refresh the page (with your info)
    this._router.routeReuseStrategy.shouldReuseRoute = () => false;
    this._router.onSameUrlNavigation = 'reload';

    this._router.navigate(['/profile/' + this.user.userName]);
  }

  goToFeed(): void {
    if (this.loggedIn) {
      this._router.navigate(['/']);
    }
    else {
      this.goToLogin();
    }
  }

  goToSettings(): void {
    this._router.navigate(['/profile/' + this.user.userName + '/settings']);
  }

  logout(): void {
    this._tokenService.logoutUserFromSessionStorage();
    this.goToLogin();
  }

  goToLogin(): void {
    this._router.navigate(['/login']);
  }
}