navigationlist-list-component.component.html
06678ee39c5amaster

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"
			cdkDrag
			cdkDropList
			[cdkDropListConnectedTo]="[
			'crossref-editor-drop-list-0',
			'crossref-editor-drop-list-1',
			'crossref-editor-drop-list-2',
			'crossref-editor-drop-list-3',
			'crossref-editor-drop-list-4']"
			[cdkDragData]="item"
			[cdkDragDisabled]="navTree.qParam === 'manuscript'"
			(cdkDragStarted)="dragStart($event)">
			<mat-card [ngClass] = "{'card-item': currentRoute !== 'tln-crossref-editor',
			'card-item-drag': currentRoute === 'tln-crossref-editor'}">
			<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>
			<img mat-card-avatar *ngIf="item.avatar" [src]="item.avatar"/>
			</mat-card-header>
			<mat-card-content>
			<img class="thumbnail" *ngIf="item.thumb" [src]="item.thumb"/>
			<img class="thumbnail" *ngIf="item.svg" [src]="item.svg"/>
			</mat-card-content>
			</mat-card>
			</mat-list-item>
			</mat-nav-list>
			</div>