Homec4science
Diffusion Nietzsche-Beta-App (develop) Browse

NietzscheBeta/nietzsche-beta-app/src/app/tln-edition/tln-crossref/navigation/navigation.component.html
2cc89ecbfeb8develop

Last Change
Raw File

navigation.component.html
View Options

<div id="navi">
<button mat-icon-button [title]="fullscreen ? 'Vollbild aus' : 'Vollbild ein'" (click)="toggleFullscreen()">
<mat-icon *ngIf="fullscreen == true">fullscreen_exit</mat-icon>
<mat-icon *ngIf="fullscreen == false">fullscreen</mat-icon>
</button>
<button mat-icon-button *ngIf="current_page && contextView == PAGE_CONTEXT_VIEW"
[title]="'Alle Querverweise von ' + current_page.title + ' anzeigen'" (click)="changeContext()">
<mat-icon>auto_stories</mat-icon>
</button>
<button mat-icon-button *ngIf="current_page && contextView != PAGE_CONTEXT_VIEW"
[title]="'Querverweise von ' + current_page.title + ' ' + current_page.number + ' anzeigen'" (click)="changeContext()">
<mat-icon>description</mat-icon>
</button>
<button *ngIf="current_page && contextView == PAGE_CONTEXT_VIEW"
mat-icon-button [title]="current_page.title + ' ' + current_page.number +' in Seitenansicht anzeigen'" (click)="setCurrentIri(current_page.id)">
<mat-icon>chrome_reader_mode</mat-icon>
</button>
<button mat-icon-button class="zoom zoom-in" [title]="getZoomTitle(increment)" (click)="setZoomFactor(zoomFactor+increment)"><mat-icon>zoom_in</mat-icon></button>
<button mat-icon-button [ngClass]="{ 'zoom-in': zoomFactor < 1, 'zoom-out': zoomFactor > 1 }"
title="Zoom zur&uuml;cksetzen" (click)="setZoomFactor(1)">{{zoomFactor * 100 | number:'1.0-0'}}%</button>
<button mat-icon-button class="zoom zoom-out" [title]="getZoomTitle(decrement)" (click)="setZoomFactor(zoomFactor+decrement)"><mat-icon>zoom_out</mat-icon></button>
<mat-form-field class="search" *ngIf="contextView == PAGE_CONTEXT_VIEW">
<mat-label>Suche</mat-label>
<input matInput type="text" [(ngModel)]="findText" (ngModelChange)="updateParams()" (keydown.esc)="clearFindText()">
<button mat-button *ngIf="findText" matSuffix mat-icon-button aria-label="Clear" (click)="clearFindText()">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
</div>
c4science · Help