Homec4science
Diffusion Nietzsche-Beta-App (develop) Browse

NietzscheBeta/nietzsche-beta-app/src/app/tln-edition/tln-fulltext/tln-fulltext.component.html
19fae4ed3d85develop

Last Change
Raw File

tln-fulltext.component.html
View Options

<div id="page" #tooltipContainer>
<fulltext-navigation></fulltext-navigation>
<div class="search" [style.width.px]="previewWidth">
<mat-card>
<mat-card-header>
<mat-card-title>Suche<span *ngIf="searchTerm">: <span class="small-grey">{{searchTerm}}</span></span></mat-card-title>
</mat-card-header>
<mat-card-content>
<mat-form-field class="full-width">
<mat-label>Text</mat-label>
<input matInput type="text" [(ngModel)]="searchTerm" (keydown.enter)="search()" (keydown.esc)="clearFindText()">
<button mat-button *ngIf="searchTerm" matSuffix mat-icon-button aria-label="Clear" (click)="clearFindText()">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
<button mat-button (click)="search()"><mat-icon>search</mat-icon></button>
<mat-spinner *ngIf="startSearch && !resultsReceived && searchTerm"></mat-spinner>
<div *ngIf="resultsReceived && searchTerm">
{{ pages | resultPipe }}
</div>
</mat-card-content>
</mat-card>
</div>
<div *ngIf="pages.length > 0" class="text" [style.left.px]="previewWidth+20" [style.width.px]="max_width+margin_width-25">
<div class="page-view" *ngFor="let page of pages">
<span class="mat-button default-mouse page-navi">
<span>{{page.title}}, {{page.number}}</span>
<open-in-viewer [routerInformation]="{ title: page.title, number: page.number, page: page.id,
manuscript: page.manuscript, launchExternally: false }"></open-in-viewer>
<open-in-viewer [routerInformation]="{ title: page.title, number: page.number, page: page.id,
manuscript: page.manuscript, launchExternally: true }"></open-in-viewer>
</span>
<tln-page-view *ngFor="let result of page.results"
[page]="page.id"
[multiInstanceMode]="true"
[selectedViewOption]="selectedViewOption"
[startLine]="result.getStartLine()"
[endLine]="result.getEndLine()"
[selectedWords]="result.getWords()"
[max_width]="max_width"></tln-page-view>
</div>
</div>
<tool-tip [container]="tooltipContainer" [menuOffsetPosition]="{x: 0, y: 0 }"></tool-tip>
</div>
c4science · Help