Homec4science
Diffusion nietzsche-online-tools (master) Browse

nietzsche-online-tools/src/app/app.component.html
f16a385fadcdmaster

Last Change
Raw File

app.component.html
View Options

<h3>{{title}}</h3>
<action-tab [send]="send" [disposeOldResultMessage]="disposeOldResultMessage" [removeWord]="removeWord" [actions]="actions" [words]="selectedWords"></action-tab>
<div id="navi">
<button (click)="setZoomFactor(zoomFactor+0.2)">+</button>
<button (click)="setZoomFactor(zoomFactor-0.2)">-</button>
<button (click)="setZoomFactor(1)">{{zoomFactor * 100}}%</button>
<label>find:<input [(ngModel)]="findText" (change)="updateWords()" (keydown.enter)="addWords()" type="string"/></label>
<button (click)="resetFindText()" *ngIf="words">{{ words.length }} words</button>
<button (click)="removeWords()" *ngIf="selectedWords.length > 0">remove selected {{selectedWords.length}} word(s)</button>
<select *ngIf="actions && actions.tasks" (change)="setValueToProperty($event.target.value, 'current_task')">
<option *ngFor="let task of actions.tasks" [ngValue]="task">{{task}}</option>
</select>
<button *ngIf="actions && actions.tasks && current_task" (click)="taskDone()">Done</button>
<select *ngIf="potentialDoubleLines" (change)="updatePotentialDoubleWords($event.target.value)">
<option *ngFor="let line of potentialDoubleLines" [value]="line.id">{{line.id}}</option>
</select>
<select *ngIf="potentialDoubleWords" (change)="showPotentialDoubles($event.target.value)">
<option value=""></option>
<option *ngFor="let word of potentialDoubleWords" [value]="word.id">{{word.id}}: {{word.text}}</option>
</select>
<input type="checkbox" *ngIf="faksimile" [(ngModel)]="showFaksimile" [checked]="showFaksimile" />show faksimile
<span *ngIf="!showFaksimile">
<input type="checkbox" (change)="toggleShowTextFieldOnly()" [checked]="savedTextfield !== null" />show margins
<span *ngIf="selectedWords.length > 0">
<input type="checkbox" [(ngModel)]="positionWords" [checked]="positionWords"/> position selected
<input type="number" size="4" (change)="resetPoints()" [(ngModel)]="offset"/>
</span>
</span>
</div>
<div id="page" [ngStyle]="{'overflow': assignHiddenClass()}" *ngIf="svg" [attr.height]="max_page_height">
<div *ngIf="faksimile && showFaksimile">
<page-view [assignClass]="assignClass" [max_height]="max_page_height"
[findText]="findText" [first_image]="svg"
[first_lines]="svg_lines" [first_words]="words"
[second_image]="faksimile" [second_words]="faksimile_words"
[second_lines]="faksimile_lines"
[preferPrimaryUrl]="false" [zoomFactor]="zoomFactor"></page-view>
</div>
<div *ngIf="!showFaksimile">
<page-view [assignClass]="assignClass" [max_height]="max_page_height"
[findText]="findText" [first_image]="svg"
[first_lines]="svg_lines" [first_words]="words"
[preferPrimaryUrl]="false" [zoomFactor]="zoomFactor"></page-view>
</div>
<!--<div id="margin">
<margin-field [text_field]="svg.text_field" [lines]="svg_lines" [zoomFactor]="zoomFactor"></margin-field>
</div>
<div id="gap"></div>
<div id="textfield">
<text-field [preferPrimaryUrl]="false" [image]="svg" [findText]="findText" [words]="words" [zoomFactor]="zoomFactor" [assignClass]="assignClass"></text-field>
</div>
<div id="gap"></div>
<div id="textfield" *ngIf="faksimile && showFaksimile">
<text-field [preferPrimaryUrl]="false" [image]="faksimile" [findText]="findText" [words]="faksimile_words" [zoomFactor]="zoomFactor"></text-field>
</div>-->
</div>
c4science · Help