File
Methods
|
deconnxionlogin
|
deconnxionlogin()
|
|
|
|
|
|
Private
router
|
Default value : inject(Router)
|
|
|
|
userEmail
|
Type : string | null | undefined
|
|
|
import { Component, Input, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatIconModule } from '@angular/material/icon';
import { Router } from '@angular/router';
@Component({
selector: 'bgui-navbar',
standalone: true,
imports: [CommonModule, MatIconModule],
templateUrl: './navbar.component.html',
styleUrls: ['./navbar.component.scss'],
})
export class NavbarComponent {
userEmail: string | null | undefined;
ngOnInit() {
this.userEmail = localStorage.getItem('username');
console.log(this.userEmail);
}
private router = inject(Router);
deconnxionlogin() {
localStorage.setItem('isLoggedIn', 'false');
localStorage.removeItem('token');
// // Remplacez 'page-accueil' par l'URL de la page à laquelle vous souhaitez rediriger
// console.log("Redirection vers 'dash'");
this.router.navigate(['/auth']);
// //window.location.href = '/';
}
}
<div class="container-fluid">
<div class="nk-header-wrap">
<div class="nk-menu-trigger d-xl-none ms-n1">
<a
href="#"
class="nk-nav-toggle nk-quick-nav-icon"
data-target="sidebarMenu"
><em class="icon ni ni-menu"></em
></a>
</div>
<div class="nk-header-brand d-xl-none">
<a href="html/index.html" class="logo-link"> </a>
</div>
<div class="nk-header-tools">
<ul class="nk-quick-nav">
<li class="dropdown user-dropdown">
<a href="#" class="dropdown-toggle me-n1" data-bs-toggle="dropdown">
<div class="user-toggle">
<div class="user-avatar sm">
<mat-icon fontSet="material-icons-round" class="icon"
>account_circle</mat-icon
>
</div>
<div class="user-info d-none d-xl-block">
<div class="user-status user-status-unverified">Caissière</div>
<div class="user-name text-light">{{ userEmail }}</div>
</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-md dropdown-menu-end">
<div
class="dropdown-inner user-card-wrap bg-lighter d-none d-md-block">
<div class="user-card">
<div class="user-info">
<span class="lead-text">Ines N'Dri</span>
<span class="sub-text">Caissière</span>
</div>
</div>
</div>
<div class="dropdown-inner">
<ul class="link-list">
<li>
<a href=""
><em class="icon ni"
><mat-icon fontSet="material-icons-round"
>manage_accounts</mat-icon
></em
><span>Mon profil</span></a
>
</li>
<li>
<a href=""
><em class="icon ni"
><mat-icon fontSet="material-icons-round"
>contact_support</mat-icon
></em
><span>Aide</span></a
>
</li>
</ul>
</div>
<div class="dropdown-inner">
<ul class="link-list">
<li>
<button class="btn btn-danger" (click)="deconnxionlogin()">
<em class="icon ni">
<mat-icon fontSet="material-icons-round"
>logout</mat-icon
></em
><span>Se déconnecter</span>
</button>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- .nk-header-wrap -->
</div>
Legend
Html element with directive