content-view-tab-component.component.html
6175f54ec753crossref-editor

content-view-tab-component.component.html
View Options

			<mat-drawer-container [hasBackdrop]= false>
			<mat-drawer [mode]="navBarOpenMode" [position] ="orientation" [disableClose]="false" [opened]="navBarOpenState">
			<app-navigation-list-component></app-navigation-list-component>
			<div class="button-container" *ngIf="navBarOpenMode === 'over'">
			<button mat-raised-button class="toggle-button" (click)="toggleNavDrawer()">
			<mat-icon class="mat-accent">{{ navBarOpenState ? 'chevron_left' : 'chevron_right' }}</mat-icon>
			</button>
			</div>
			</mat-drawer>
			<mat-drawer-content>
			<div class="button-container">
			<button mat-raised-button class="toggle-button" (click)="toggleNavDrawer()">
			<mat-icon class="mat-accent">{{ navBarOpenState ? 'chevron_left' : 'chevron_right' }}</mat-icon>
			</button>
			</div>
			<div class="content-container">
			<mat-card *ngIf="!queryParams.fullscreen \|\| queryParams.fullscreen !== 'true'">
			<nav mat-tab-nav-bar>
			<a mat-tab-link
			*ngFor="let link of navTabLinks"
			[routerLink]="link.link"
			[queryParams]="queryParams"
			routerLinkActive #rla="routerLinkActive"
			[active]="rla.isActive">
			{{link.label}}
			</a>
			<button mat-button (click)="goFullScreen()">
			<mat-icon aria-hidden="false">fullscreen</mat-icon>
			</button>
			</nav>

			</mat-card>
			<router-outlet></router-outlet>
			</div>
			</mat-drawer-content>
			</mat-drawer-container>