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>