navigationlist-list-component.component.html
e4cc32779d90master

navigationlist-list-component.component.html
View Options

			<div id="navlist" class="navlist-container" *ngIf="navTree">
			<mat-nav-list *ngIf="navTree && navTree.entries">
			<mat-list-item *ngFor="let item of navTree.entries"
			(click)="onSelectNavItem(item)"
			[id] = "item.tlnEntity.id"
			[class.active-item]="item.tlnEntity.id === navTree.selectedItem">
			<mat-card class = "card-item">
			<mat-card-header>
			<mat-card-title>
			<span>{{item.tlnEntity.label}}</span>
			</mat-card-title>
			<mat-card-subtitle *ngIf="item.tlnEntity.description">GSA-Signatur {{item.tlnEntity.description}}</mat-card-subtitle>
			<mat-card-subtitle *ngIf="navTree.parentLabel">{{navTree.parentLabel}}</mat-card-subtitle>
			<tln-img mat-card-avatar *ngIf="item.avatar" [src]="item.avatar" [isAvatar]="true"></tln-img>
			<tln-status *ngIf="item.avatar" class="head-icon" [currentIri]="item.tlnEntity.id"></tln-status>
			</mat-card-header>
			<mat-card-content>
			<tln-img class="thumbnail" *ngIf="item.thumb" [src]="item.thumb"></tln-img>
			<img class="thumbnail" *ngIf="item.svg" [src]="item.svg"/>
			<tln-status *ngIf="item.svg" class="content-icon" [currentIri]="item.tlnEntity.id"></tln-status>
			</mat-card-content>
			</mat-card>
			</mat-list-item>
			</mat-nav-list>
			</div>