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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { AuthService } from './auth.service';
import { JwtDecoderService } from './jwt-decoder.service';
import { Router, RouterLink, RouterOutlet } from '@angular/router';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatSidenavModule } from '@angular/material/sidenav';
import { CustomSidenavComponent } from './components/custom-sidenav/custom-sidenav.component';
import { CommonModule } from '@angular/common';
import { jwtDecode } from 'jwt-decode';
import {MatMenuModule} from '@angular/material/menu';
@Component({
selector: 'app-root',
standalone: true,
imports: [
RouterLink, RouterOutlet, CommonModule,
MatToolbarModule, MatButtonModule, MatIconModule,
MatSidenavModule, CustomSidenavComponent,MatIconModule,MatMenuModule
],
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
decodedToken: any;
collapsed = false;
sidenavWidth = '250px';
authTokenPresent = false;
token_valido = false;
constructor(
private jwtDecoderService: JwtDecoderService,
private authService: AuthService,
private cdr: ChangeDetectorRef,
private router:Router
) {}
ngOnInit() {
this.authService.authToken$.subscribe(isLoggedIn => {
this.authTokenPresent = isLoggedIn;
if (this.authTokenPresent) {
const token = sessionStorage.getItem('accessToken')!;
if (token) {
this.decodedToken = jwtDecode(token);
const isExpired = this.isTokenExpired(this.decodedToken);
if (isExpired) {
sessionStorage.removeItem('accessToken');
} else {
this.decodedToken = this.jwtDecoderService.decodeToken(token);
if (this.decodedToken.role != null) {
this.token_valido = true;
}
}
}
}
this.cdr.detectChanges();
});
}
logout() {
// Remove o token do armazenamento da sessão
sessionStorage.removeItem('accessToken');
// Atualiza o estado de autenticação para falso
this.authTokenPresent = false;
this.token_valido = false;
// Redireciona para a página de login ou outra rota
this.router.navigate(['/']);
// Detecta mudanças para atualizar o componente
this.cdr.detectChanges();
}
isTokenExpired(token: any): boolean {
if (!token || !token.exp) {
return true;
}
return token.exp < Date.now() / 1000;
}
toggleCollapsed() {
this.collapsed = !this.collapsed;
this.sidenavWidth = this.collapsed ? '65px' : '250px';
this.cdr.detectChanges();
}
}