Homec4science
Diffusion Nietzsche-Beta-App (master) Browse

NietzscheBeta/nietzsche-beta-app/src/app/tln-edition/tln-viewer-navigation/tln-viewer-navigation.component.html
a7ee51e4b507master

Last Change
Raw File

tln-viewer-navigation.component.html
View Options

<div id="navi">
<button *ngIf="!current_page || !manuscript_unity" mat-icon-button disabled="true"><mat-icon>first_page</mat-icon></button>
<button *ngIf="current_page && manuscript_unity"
mat-icon-button [title]="getPageTitle(manuscript_unity.firstPage)" (click)="setCurrentIri(manuscript_unity.firstPage.id)"
[disabled]="updating || manuscript_unity.firstPage.id == current_page.id">
<mat-icon>first_page</mat-icon>
</button>
<button *ngIf="!current_page || !manuscript_unity" mat-icon-button disabled="true"><mat-icon>chevron_left</mat-icon></button>
<button *ngIf="current_page && manuscript_unity" mat-icon-button [title]="getPageTitle(current_page.previous, manuscript_unity.numberOfPages)"
(click)="setCurrentIri(current_page.previous.id)" [disabled]="updating || !current_page.previous">
<mat-icon>chevron_left</mat-icon>
</button>
<mat-form-field appearance="legacy">
<mat-select [(value)]="selectedViewOption" (selectionChange)="updateParams()">
<mat-option *ngFor="let viewOption of viewOptions" [value]="viewOption">{{viewOption}}</mat-option>
</mat-select>
</mat-form-field>
<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 [title]="getZoomTitle(increment)" (click)="setZoomFactor(zoomFactor+increment)"><mat-icon>zoom_in</mat-icon></button>
<button mat-icon-button title="Zoom zur&uuml;cksetzen" (click)="setZoomFactor(1)">{{zoomFactor * 100 | number:'1.0-0'}}%</button>
<button mat-icon-button [title]="getZoomTitle(decrement)" (click)="setZoomFactor(zoomFactor+decrement)"><mat-icon>zoom_out</mat-icon></button>
<span class="mat-button min-width" *ngIf="!current_page">Loading ...</span>
<span class="mat-button min-width" *ngIf="geneticOrders.length == 0 && current_page">{{current_page.title}} {{current_page.number}}</span>
<button mat-button class="min-width" title="Seiteninformationen" (click)="showInformation()" *ngIf="geneticOrders.length > 0 && current_page">
{{current_page.title}} {{current_page.number}}
<mat-icon inline="true">info</mat-icon>
</button>
<mat-form-field>
<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>
<button *ngIf="!current_page || !manuscript_unity" mat-icon-button disabled="true"><mat-icon>chevron_right</mat-icon></button>
<button *ngIf="current_page && manuscript_unity" mat-icon-button [title]="getPageTitle(current_page.next, manuscript_unity.numberOfPages)"
(click)="setCurrentIri(current_page.next.id)" [disabled]="updating || !current_page.next">
<mat-icon>chevron_right</mat-icon>
</button>
<button *ngIf="!current_page || !manuscript_unity" mat-icon-button disabled="true"><mat-icon>last_page</mat-icon></button>
<button *ngIf="manuscript_unity && current_page"
mat-icon-button [title]="getPageTitle(manuscript_unity.lastPage)" (click)="setCurrentIri(manuscript_unity.lastPage.id)"
[disabled]="updating || manuscript_unity.lastPage.id == current_page.id">
<mat-icon>last_page</mat-icon>
</button>
</div>
c4science · Help