<mat-card class="fixed-nav-header"><mat-toolbar>Navigation</mat-toolbar>
  <mat-card *ngIf="navTrees">
    <nav mat-tab-nav-bar>
      <a mat-tab-link
         *ngFor="let tree of navTrees"
         [active]="tree.isActive"
         #tabFocus
         (click)="changeToTree(tree.idx)">
        <h4 [ngStyle]="{'color': tree.isActive ? 'accent' : 'primary' }">{{tree.label}}</h4>
      </a>
    </nav>
    <div *ngIf="selectedManId"><h3>Manuskript {{selectedManId}}</h3></div>
  </mat-card>
</mat-card>
<div class="navlist-container">
  <mat-nav-list *ngIf="navTreeData">
    <mat-list-item *ngFor="let item of navTreeData"
                   (click)="onSelectNavItem(item)"
                   [id] = "item.tlnEntity.id"
                   [class.active-item]="isItemSelected(item.tlnEntity.id)">
      <div>
        <div>
          <h4 matLine>{{item.tlnEntity.label}}</h4>
        </div>
        <img class="thumbnail" *ngIf="item.img" [src]="item.img"/>
        <mat-icon *ngIf="!item.img" matListIcon >description</mat-icon>
        <mat-divider></mat-divider>
      </div>
    </mat-list-item>
  </mat-nav-list>
</div>