login-button.component.html

<button *ngIf="!loggedIn" mat-raised-button (click)="openLoginDialog()" tabindex="8">{{ "login.login" | translate}}</button>

<button tabindex="8" *ngIf="loggedIn" mat-button [matMenuTriggerFor]="logoutMenu">{{currentUser.firstname}} ({{currentUser.nick}}) {{currentUser.lastname}}</button>
<mat-menu #logoutMenu="matMenu">
  <button mat-menu-item (click)="logout()" >{{ "login.logout" | translate}}</button>
</mat-menu>