<mat-toolbar color="primary">
  <!-- <div fxHide.gt-xs> -->
  <button mat-icon-button (click)="onToggleSidenav()">
    <!-- <mat-icon>menu</mat-icon> -->
    <img class="navigation-icon" width="32" border="0" alt="HR" [src]="navBarIconPath">
  </button>
  <div>
    <!-- <a [routerLink]="'/' +globals.mainPage.path" class="navigation-items">
      &nbsp;&nbsp;&nbsp;{{title}}
    </a> -->
    <a (click)="refreshPage()"
      [class]="'navigation-items'+(authService.versionObsolete ?' redcolor':'')+(!serverInfoService.isLive() ?' test_title':'')"
      [style.cursor]="'pointer'" title="Klicke um die Seite neu zu laden">
      &nbsp;&nbsp;&nbsp;{{title}}
      <span *ngIf="authService.versionObsolete" title="{{'core.hint.update' | translate}}"> {{ 'core.msg.update' | translate}}
        <!-- <mat-icon [class]="'restarticon '+(authService.versionObsolete?'redcolor':'')">refresh</mat-icon> -->
      </span>
    </a>
  </div>

  <div class="router-bar" *ngIf="authService.isLoggedIn()">
      <span *ngFor="let page of globals.appPages">
        <a [routerLink]="'/'+page.path" [class]="page.disabled?'HTMLelement_disabled ng-star-inserted-item':'ng-star-inserted-item'" *ngIf=!page.hidden>
          <a routerLinkActive="selected" [class]="page.disabled?'HTMLelement_disabled':''"
             *ngIf="page.path !== pageLogin.path || !authService.isLoggedIn()">
             <!-- <mat-icon [class]="page.disabled?'HTMLelement_disabled':'nav-icon'" *ngIf="!!page.icon">{{page.icon}}</mat-icon> -->
             <mat-icon [class]="'nav-icon'" *ngIf="page.showIconInNavbar && !!page.icon" title="{{page.caption | translate}}">{{page.icon}}</mat-icon>
             <span *ngIf="!page.showIconInNavbar || !page.icon">{{page.caption | translate}}</span><span *ngIf="page.path === pageAccount.path"></span>
          </a>
        </a>
      </span>
  </div>
</mat-toolbar>
