show-text.page.html 2.19 KB
Newer Older
1 2 3 4
<ion-header>
    <ion-toolbar>
        <div class="toolbar-left">
            <ion-back-button icon="arrow-round-back" defaultHref="home"></ion-back-button>
5 6
            <ion-title>{{corpusService.currentCorpus.title}}
                {{exerciseService.currentUrn.split(":")[exerciseService.currentUrn.split(":").length - 1]}}
7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
            </ion-title>
        </div>
        <div class="toolbar-right">
            <ion-spinner *ngIf="HelperService.isLoading"></ion-spinner>
            <button (click)="HelperService.goToHomePage(navCtrl)">
                <ion-icon name="home"></ion-icon>
            </button>
            <button (click)="HelperService.goToFeedbackPage(navCtrl)">
                <ion-icon name="help-circle"></ion-icon>
            </button>
        </div>
    </ion-toolbar>
</ion-header>


<ion-content padding>
    <ion-grid *ngIf="exerciseService.currentText.length > 0; else loading">
        <ion-row>
            <ion-col>
26 27 28 29
                <ion-button (click)="goToExerciseParametersPage()">{{ "EXERCISE_SET_PARAMETERS" | translate}}
                </ion-button>
            </ion-col>
            <ion-col>
30 31
                <ion-button
                        (click)="HelperService.goToVocabularyCheckPage(navCtrl)">{{ 'VOCABULARY_CHECK' | translate }}</ion-button>
32 33 34 35 36
            </ion-col>
        </ion-row>
        <ion-row *ngIf="HelperService.isVocabularyCheck">
            <ion-col>
                <label>{{ "TEXT_SHOW_OOV" | translate}}
37
                    <input type="checkbox" [(ngModel)]="highlightOOV"/>
38 39 40 41 42 43 44
                </label>
                <br>
            </ion-col>
        </ion-row>
        <ion-row>
            <ion-col class="text">
                <div *ngIf="highlightOOV; else noOOV">
45
                    <span *ngFor="let node of exerciseService.annisResponse.graph.nodes" [class.oov]="node.is_oov">
46 47 48 49 50 51 52 53 54 55 56 57
                        {{node.annis_tok}}&#32;
                    </span>
                </div>
                <ng-template #noOOV>
                    <span>{{exerciseService.currentText}}</span>
                </ng-template>
            </ion-col>
        </ion-row>
    </ion-grid>
    <ng-template #loading>
        <ion-spinner></ion-spinner>
    </ng-template>
58
</ion-content>