navigation-list-component.component.html
136952e377dadevelop

navigation-list-component.component.html
View Options

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