You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

29 lines
1.2 KiB

<mat-toolbar color="primary">
<button mat-flat-button color="primary" [routerLink]="['/seasons']">
<mat-icon>sports_esports</mat-icon>
Seasons
</button>
<button mat-flat-button color="primary" [routerLink]="['/getting-started']">
<mat-icon>help_center</mat-icon>
Getting Started
</button>
<span class="example-spacer"></span>
<app-theme-menu
[options] = "options"
(themeChange)="themeChangeHandler($event)">
</app-theme-menu>
@if(usersService.isAuthenticated == false) {
<button mat-icon-button class="example-icon" aria-label="Example icon-button with share icon" (click)="onLoginClick()" matTooltip="Login">
<mat-icon>login</mat-icon>
</button>
}
@else {
{{usersService.getUserName()}}
<button mat-icon-button class="example-icon" aria-label="Example icon-button with share icon" matTooltip="Profile" [routerLink]="['/user/'+usersService.getUserId()]">
<mat-icon>person_pin</mat-icon>
</button>
<button mat-icon-button class="example-icon" aria-label="Example icon-button with share icon" (click)="onLogoutClick()" matTooltip="Logout">
<mat-icon>logout</mat-icon>
</button>
}
</mat-toolbar>