text-range.page.html 9.39 KB
Newer Older
1 2
<ion-header>
    <ion-toolbar>
3 4
        <ion-buttons slot="start">
            <div class="home-logo">
5
                <a (click)="HelperService.goToHomePage(navCtrl)">
6 7 8 9
                    <img src="assets/imgs/logo.png" width="32px" height="32px" alt="CALLIDUS Logo">
                </a>
            </div>
        </ion-buttons>
10 11
        <ion-spinner *ngIf="HelperService.isLoading"></ion-spinner>
        <ion-title>{{corpusService.currentCorpus?.title}}</ion-title>
12 13 14
        <ion-buttons slot="end">
            <ion-menu-button autoHide="false"></ion-menu-button>
        </ion-buttons>
15 16 17 18 19 20 21
    </ion-toolbar>
</ion-header>


<ion-content padding>
    <ion-grid>
        <ion-row>
22
            <h2>{{'TEXT_RANGE' | translate}}</h2>
23 24 25
        </ion-row>
        <ion-row>
            <ion-col>
26
                {{ 'START_OF_TEXT' | translate }}
27 28
            </ion-col>
            <ion-col>
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
                <ion-grid>
                    <ion-row>
                        <input [(ngModel)]="corpusService.currentTextRange.start[0]" id="input1"
                               (ngModelChange)="showFurtherReferences(true).then()" (focus)="currentInputId = 1"
                               placeholder="{{ corpusService.currentCorpus?.citation_level_1 }}"
                               (blur)="resetCurrentInputId()"/>
                    </ion-row>
                    <ion-row>
                        <ion-list *ngIf="currentInputId === 1">
                            <ion-item *ngFor="let key of ObjectKeys(corpusService.currentCorpus?.citations)">
                                <button class="autocomplete"
                                        (click)="corpusService.currentTextRange.start[0] = key; applyAutoComplete(true)">
                                    {{ key }}
                                </button>
                            </ion-item>
                        </ion-list>
                    </ion-row>
                </ion-grid>
            </ion-col>
            <ion-col>
                <ion-grid>
                    <ion-row>
                        <input *ngIf="corpusService.currentCorpus?.citation_level_2 !== CitationLevel[CitationLevel.default]"
                               [(ngModel)]="corpusService.currentTextRange.start[1]" id="input2"
                               (ngModelChange)="showFurtherReferences(true).then()"
                               placeholder="{{ corpusService.currentCorpus?.citation_level_2 }}"
                               (focus)="currentInputId = 2"
                               (blur)="resetCurrentInputId()"
                               disabled="{{!corpusService.currentCorpus?.citations.hasOwnProperty(corpusService.currentTextRange.start[0])}}"/>
                    </ion-row>
                    <ion-row>
                        <ion-list *ngIf="currentInputId === 2">
                            <ion-item
                                    *ngFor="let key of ObjectKeys(corpusService.currentCorpus?.citations[corpusService.currentTextRange.start[0]].subcitations)">
                                <button class="autocomplete"
                                        (click)="corpusService.currentTextRange.start[1] = key; applyAutoComplete(true)">
                                    {{ key }}
                                </button>
                            </ion-item>
                        </ion-list>
                    </ion-row>
                </ion-grid>
            </ion-col>
            <ion-col>
                <ion-grid>
                    <ion-row>
                        <input *ngIf="corpusService.currentCorpus?.citation_level_3 !== CitationLevel[CitationLevel.default]"
                               [(ngModel)]="corpusService.currentTextRange.start[2]" id="input3"
                               (ngModelChange)="showFurtherReferences(true).then()"
                               placeholder="{{ corpusService.currentCorpus?.citation_level_3 }}"
                               (focus)="currentInputId = 3"
                               (blur)="resetCurrentInputId()" disabled="{{isInputDisabled(true)}}"/>
                    </ion-row>
                    <ion-row>
                        <ion-list *ngIf="currentInputId === 3">
                            <ion-item
                                    *ngFor="let key of ObjectKeys(corpusService.currentCorpus?.citations[corpusService.currentTextRange.start[0]].subcitations[corpusService.currentTextRange.start[1]].subcitations)">
                                <button class="autocomplete"
                                        (click)="corpusService.currentTextRange.start[2] = key; applyAutoComplete(true)">
                                    {{ key }}
                                </button>
                            </ion-item>
                        </ion-list>
                    </ion-row>
                </ion-grid>
94 95 96
            </ion-col>
        </ion-row>
        <ion-row>
97 98 99
            <ion-col>
                {{ 'END_OF_TEXT' | translate }}
            </ion-col>
100
            <ion-col>
101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164
                <ion-grid>
                    <ion-row>
                        <input [(ngModel)]="corpusService.currentTextRange.end[0]" id="input4"
                               (ngModelChange)="showFurtherReferences(false).then()"
                               placeholder="{{ corpusService.currentCorpus?.citation_level_1 }}"
                               (focus)="currentInputId = 4" (blur)="resetCurrentInputId()"/>
                    </ion-row>
                    <ion-row>
                        <ion-list *ngIf="currentInputId === 4">
                            <ion-item *ngFor="let key of ObjectKeys(corpusService.currentCorpus?.citations)">
                                <button class="autocomplete"
                                        (click)="corpusService.currentTextRange.end[0] = key; applyAutoComplete(false)">
                                    {{ key }}
                                </button>
                            </ion-item>
                        </ion-list>
                    </ion-row>
                </ion-grid>
            </ion-col>
            <ion-col>
                <ion-grid>
                    <ion-row>
                        <input *ngIf="corpusService.currentCorpus?.citation_level_2 !== CitationLevel[CitationLevel.default]"
                               [(ngModel)]="corpusService.currentTextRange.end[1]" id="input5"
                               (ngModelChange)="showFurtherReferences(false).then()"
                               placeholder="{{ corpusService.currentCorpus?.citation_level_2 }}"
                               (focus)="currentInputId = 5" (blur)="resetCurrentInputId()"
                               disabled="{{!corpusService.currentCorpus?.citations.hasOwnProperty(corpusService.currentTextRange.start[0])}}"/>
                    </ion-row>
                    <ion-row>
                        <ion-list *ngIf="currentInputId === 5">
                            <ion-item
                                    *ngFor="let key of ObjectKeys(corpusService.currentCorpus?.citations[corpusService.currentTextRange.end[0]].subcitations)">
                                <button class="autocomplete"
                                        (click)="corpusService.currentTextRange.end[1] = key; applyAutoComplete(false)">
                                    {{ key }}
                                </button>
                            </ion-item>
                        </ion-list>
                    </ion-row>
                </ion-grid>
            </ion-col>
            <ion-col>
                <ion-grid>
                    <ion-row>
                        <input *ngIf="corpusService.currentCorpus?.citation_level_3 !== CitationLevel[CitationLevel.default]"
                               [(ngModel)]="corpusService.currentTextRange.end[2]" id="input6"
                               (ngModelChange)="showFurtherReferences(false).then()"
                               placeholder="{{ corpusService.currentCorpus?.citation_level_3 }}"
                               (focus)="currentInputId = 6" (blur)="resetCurrentInputId()"
                               disabled="{{isInputDisabled(false)}}"/>
                    </ion-row>
                    <ion-row>
                        <ion-list *ngIf="currentInputId === 6">
                            <ion-item
                                    *ngFor="let key of ObjectKeys(corpusService.currentCorpus?.citations[corpusService.currentTextRange.end[0]].subcitations[corpusService.currentTextRange.end[1]].subcitations)">
                                <button class="autocomplete"
                                        (click)="corpusService.currentTextRange.end[2] = key; applyAutoComplete(false)">
                                    {{ key }}
                                </button>
                            </ion-item>
                        </ion-list>
                    </ion-row>
                </ion-grid>
165 166
            </ion-col>
        </ion-row>
167 168
        <ion-row>
            <ion-col>
169
                <ion-button (click)="navCtrl.pop()">{{ 'BACK' | translate }}</ion-button>
170 171 172 173 174 175 176 177
            </ion-col>
            <ion-col>
                <ion-button (click)="confirmSelection()">{{ "SHOW_TEXT" | translate }}</ion-button>
            </ion-col>
            <ion-col>
                <ion-button (click)="confirmSelection(true)">{{ "EXERCISE_SET_PARAMETERS" | translate }}</ion-button>
            </ion-col>
        </ion-row>
178
    </ion-grid>
179
</ion-content>