src/app/Views/header/header.component.ts
| selector | app-header |
| styleUrls | ./header.component.scss |
| templateUrl | ./header.component.html |
Methods |
constructor(tokenStorage: TokenStorageService)
|
||||||
|
Defined in src/app/Views/header/header.component.ts:9
|
||||||
|
Parameters :
|
| logout |
logout()
|
|
Defined in src/app/Views/header/header.component.ts:16
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
import { TokenStorageService } from 'src/app/Services/token.service';
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.scss'],
})
export class HeaderComponent {
/**
* @param {TokenStorageService} privatetokenStorage
*/
constructor(private tokenStorage: TokenStorageService) {}
//logout() clears session storage; All user data is eradicated from it and page is reloaded
logout() {
this.tokenStorage.signOut();
location.reload();
}
}
<mat-toolbar>
<a href=""><span>Aktienbot</span></a>
<span class="example-spacer"></span>
<button
mat-icon-button
aria-label="Example icon-button with heart icon"
routerLink="/profile"
>
<mat-icon>account_circle</mat-icon>
</button>
<button
mat-icon-button
class="example-icon favorite-icon"
routerLink="/settings"
>
<mat-icon>ballot</mat-icon>
</button>
<button
mat-icon-button
aria-label="Example icon-button with heart icon"
(click)="logout()"
>
<mat-icon>logout</mat-icon>
</button>
</mat-toolbar>
./header.component.scss
.example-spacer {
flex: 1 1 auto;
}
a {
color: white;
text-decoration: none; /* no underline */
}