Grammalecte  Check-in [1b9383c16e]

Overview
Comment:[fx] lexicon editor: ui update
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | fx | multid
Files: files | file ages | folders
SHA3-256: 1b9383c16e93b67fbb756bc0110ba26c9b88950e43627280995dbeafee4b39b9
User & Date: olr on 2018-03-23 19:45:09
Other Links: branch diff | manifest | tags
Context
2018-03-24
10:22
[fx] lexicon editor: avertissement pour les verbes-modèles check-in: ac87c308ff user: olr tags: fx, multid
2018-03-23
19:45
[fx] lexicon editor: ui update check-in: 1b9383c16e user: olr tags: fx, multid
17:39
[fx] lexicon editor: search page check-in: 412e20b14a user: olr tags: fx, multid
Changes

Modified gc_lang/fr/tb/content/lex_editor.xul from [a7d03be6b4] to [325f7fe814].

178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
...
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
              <label id="num_entries" class="data" value="0" />
            </hbox>
            <spacer flex="1" />
            <button id="delete_button" label="Supprimer la sélection" />
            <spacer flex="20" />
            <progressmeter id="progress_lexicon" value="0"/>
            <button id="save_button" label="Enregistrer" />

          </vbox>

          <vbox>
            <listbox id="lexicon_table" seltype="multiple">
              <!--
              <listhead>
                <listheader label="Flexions"/>
................................................................................
            <hbox>
              <label value="Étiquettes" />
              <spacer flex="1" />
              <textbox id="search_tags_pattern" value="" />
            </hbox>
            <button id="search_regex_button" label="Chercher" />
            <label value="" />
            <description>La recherche par expressions régulières peut générer un nombre gigantesque de résultats. Seules les 2000 premières occurrences trouvées seront affichées. La recherche peut être longue, parce tout le graphe de mots, qui contient 500 000 mots, sera parcouru si besoin.</description>

            <spacer flex="1" />
            
            <progressmeter id="progress_search" value="0"/>
            <hbox>
              <spacer flex="1" />
              <label id="search_num_entries" class="align_right" value="0" />







<







 







|







178
179
180
181
182
183
184

185
186
187
188
189
190
191
...
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
              <label id="num_entries" class="data" value="0" />
            </hbox>
            <spacer flex="1" />
            <button id="delete_button" label="Supprimer la sélection" />
            <spacer flex="20" />
            <progressmeter id="progress_lexicon" value="0"/>
            <button id="save_button" label="Enregistrer" />

          </vbox>

          <vbox>
            <listbox id="lexicon_table" seltype="multiple">
              <!--
              <listhead>
                <listheader label="Flexions"/>
................................................................................
            <hbox>
              <label value="Étiquettes" />
              <spacer flex="1" />
              <textbox id="search_tags_pattern" value="" />
            </hbox>
            <button id="search_regex_button" label="Chercher" />
            <label value="" />
            <description>La recherche par expressions régulières peut générer un nombre gigantesque de résultats. Seules les 2000 premières occurrences trouvées seront affichées. La recherche peut être longue, parce tout le graphe de mots, qui contient 500 000 flexions, sera parcouru si besoin.</description>

            <spacer flex="1" />
            
            <progressmeter id="progress_search" value="0"/>
            <hbox>
              <spacer flex="1" />
              <label id="search_num_entries" class="align_right" value="0" />

Modified gc_lang/fr/webext/panel/lex_editor.css from [eb525cb687] to [c099ac0ad7].

59
60
61
62
63
64
65





66
67
68
69
70
71
72
...
147
148
149
150
151
152
153




154
155
156
157
158
159
160
}
details > * {
    font-size: 12px;
    font-variant: normal;
    color: hsl(210, 0%, 0%);
    cursor: auto;
}






/*
    Main buttons
*/
#buttons {
    padding: 10px 0;
    justify-content: center;
................................................................................
    flex-grow: 1;
    margin: 5px;
    padding: 10px 15px 15px 15px;
    background-color: hsl(0, 10%, 96%);
    border-radius: 3px;
}






.typeline {
    padding: 5px 10px;
}
.widelabel {
    display: inline-block;
    min-width: 80px;







>
>
>
>
>







 







>
>
>
>







59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
...
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
}
details > * {
    font-size: 12px;
    font-variant: normal;
    color: hsl(210, 0%, 0%);
    cursor: auto;
}
details.inline {
    padding: 3px;
    width: 260px;
}


/*
    Main buttons
*/
#buttons {
    padding: 10px 0;
    justify-content: center;
................................................................................
    flex-grow: 1;
    margin: 5px;
    padding: 10px 15px 15px 15px;
    background-color: hsl(0, 10%, 96%);
    border-radius: 3px;
}

.space_container {
    display: flex;
    justify-content: space-between;
}

.typeline {
    padding: 5px 10px;
}
.widelabel {
    display: inline-block;
    min-width: 80px;

Modified gc_lang/fr/webext/panel/lex_editor.html from [8c84d14b59] to [e194235c3a].

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
...
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
...
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
...
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
                        <div class="examples_true">Il pleut.<br/>Il faut.</div>
                        <div class="examples_false">Je pleus.<br/>Nous fallons.</div>
                      </div>
                    </details>
                  </div>
                  <div class="block">
                    <h3>Auxiliaire pour le passé composé</label></h3>


                    <div><input type="checkbox" id="up_v_ae" value="e" /><label for="up_v_ae"> être</label></div>

                    <details>
                      <div class="container">
                        <div class="examples_true">Je suis venu.<br/>Je suis parti.</div>
                        <div class="examples_false">J’ai venu.<br/>J’ai parti.</div>
                      </div>
                    </details>




                    <div><input type="checkbox" id="up_v_aa" value="a" /><label for="up_v_aa"> avoir</label></div>

                    <details>
                      <div class="container">
                        <div class="examples_true">J’ai mangé.<br/>J’ai prié.</div>
                        <div class="examples_false">Je suis mangé.<br/>Je suis prié.</div>
                      </div>
                    </details>

                  </div>

                  <div class="block">
                    <h3><input type="checkbox" id="up_partpas" checked /><label for="up_partpas"> participes passés variables</label></h3>
                    <p class="description">Cette option est ignorée si vous utilisez un verbe modèle.</p>
                  </div>

................................................................................
                        <li>Les verbes <i>être</i> et <i>avoir</i> n’appartiennent à aucun groupe. Il est recommandé de ne pas s’en servir comme modèle.</li>
                      </ul>
                    </details>
                  </div>
                </div>

                <h3 class="category" id="select_adverbe" data-tag="W">Adverbe</h3>
                <div id="section_adverbe" class="section">
                  <p>Les adverbes sont invariables en genre et en nombre.</p>
                </div>

                <h3 class="category" id="select_nom_propre" data-tag="M">Nom propre</h3>
                <div id="section_nom_propre" class="section">
                  <div class="container">
                    <div class="block">
                      <h3>Genre</h3>
                      <p><input type="radio" id="up_nom_propre_M1" name="pos_nom_propre" value=":M1" /><label for="up_nom_propre_M1"> Prénom</label></p>
................................................................................
                      <p><input type="radio" id="up_nom_propre_genre_m" name="genre_m" value=":m" /><label for="up_nom_propre_genre_m"> masculin</label></p>
                      <p><input type="radio" id="up_nom_propre_genre_f" name="genre_m" value=":f" /><label for="up_nom_propre_genre_f"> féminin</label></p>
                    </div>
                  </div>
                </div>
                <h3 class="category" id="select_autre" data-tag="X">Autre</h3>
                <div id="section_autre" class="section">
                  <p>Indiquez les étiquettes grammaticales que vous voulez appliquer au mot. À utiliser seulement si vous savez ce que vous faites.</p>
                  <h3>Flexion</h3>
                  <p><input type="text" id="flexion" name="flexion" class="large" maxlength="20" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="flexion" /></p>
                  <h3>Étiquettes</h3>
                  <p><input type="text" id="tags" name="tags" class="large" maxlength="20" value="" pattern="^:[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ:._-]+$" placeholder="étiquettes" /></p>
                </div>
              </div>
            </div>
................................................................................
            <p><b>Flexion</b></p>
            <p> <input id="search_flexion_pattern" class="medium" type="text" /></p>

            <p><b>Étiquettes</b></p>
            <p><input id="search_tags_pattern" class="medium" type="text" /></p>
            <p><div id="search_regex_button" class="button_search">Chercher</div></p>

            <p style="margin-top: 50px;">La recherche par expressions régulières peut générer un nombre gigantesque de résultats. Seules les 2000 premières occurrences trouvées seront affichées. La recherche peut être longue, parce tout le graphe de mots, qui contient 500 000 mots, sera parcouru si besoin.</p>
          </div>

          <div>
            <h2>Résultats</h2>
            <table id="search_table">
                  
            </table>







>
>
|
>
|
|
|
|
|
|
>
>
>
>
|
>
|
|
|
|
|
|
>







 







|
<
<







 







<







 







|







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
165
166
167
168
169
170
171
172
...
193
194
195
196
197
198
199
200


201
202
203
204
205
206
207
...
214
215
216
217
218
219
220

221
222
223
224
225
226
227
...
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
                        <div class="examples_true">Il pleut.<br/>Il faut.</div>
                        <div class="examples_false">Je pleus.<br/>Nous fallons.</div>
                      </div>
                    </details>
                  </div>
                  <div class="block">
                    <h3>Auxiliaire pour le passé composé</label></h3>
                    <div class="space_container">
                      <div>
                        <input type="checkbox" id="up_v_ae" value="e" /><label for="up_v_ae"> être</label>
                      </div>
                      <details class="inline">
                        <div class="container">
                          <div class="examples_true">Je suis venu.<br/>Je suis parti.</div>
                          <div class="examples_false">J’ai venu.<br/>J’ai parti.</div>
                        </div>
                      </details>
                    </div>
                      
                    <div class="space_container">
                      <div>
                        <input type="checkbox" id="up_v_aa" value="a" /><label for="up_v_aa"> avoir</label>
                      </div>
                      <details class="inline">
                        <div class="container">
                          <div class="examples_true">J’ai mangé.<br/>J’ai prié.</div>
                          <div class="examples_false">Je suis mangé.<br/>Je suis prié.</div>
                        </div>
                      </details>
                    </div>
                  </div>

                  <div class="block">
                    <h3><input type="checkbox" id="up_partpas" checked /><label for="up_partpas"> participes passés variables</label></h3>
                    <p class="description">Cette option est ignorée si vous utilisez un verbe modèle.</p>
                  </div>

................................................................................
                        <li>Les verbes <i>être</i> et <i>avoir</i> n’appartiennent à aucun groupe. Il est recommandé de ne pas s’en servir comme modèle.</li>
                      </ul>
                    </details>
                  </div>
                </div>

                <h3 class="category" id="select_adverbe" data-tag="W">Adverbe</h3>
                <div id="section_adverbe" class="section"></div>



                <h3 class="category" id="select_nom_propre" data-tag="M">Nom propre</h3>
                <div id="section_nom_propre" class="section">
                  <div class="container">
                    <div class="block">
                      <h3>Genre</h3>
                      <p><input type="radio" id="up_nom_propre_M1" name="pos_nom_propre" value=":M1" /><label for="up_nom_propre_M1"> Prénom</label></p>
................................................................................
                      <p><input type="radio" id="up_nom_propre_genre_m" name="genre_m" value=":m" /><label for="up_nom_propre_genre_m"> masculin</label></p>
                      <p><input type="radio" id="up_nom_propre_genre_f" name="genre_m" value=":f" /><label for="up_nom_propre_genre_f"> féminin</label></p>
                    </div>
                  </div>
                </div>
                <h3 class="category" id="select_autre" data-tag="X">Autre</h3>
                <div id="section_autre" class="section">

                  <h3>Flexion</h3>
                  <p><input type="text" id="flexion" name="flexion" class="large" maxlength="20" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="flexion" /></p>
                  <h3>Étiquettes</h3>
                  <p><input type="text" id="tags" name="tags" class="large" maxlength="20" value="" pattern="^:[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ:._-]+$" placeholder="étiquettes" /></p>
                </div>
              </div>
            </div>
................................................................................
            <p><b>Flexion</b></p>
            <p> <input id="search_flexion_pattern" class="medium" type="text" /></p>

            <p><b>Étiquettes</b></p>
            <p><input id="search_tags_pattern" class="medium" type="text" /></p>
            <p><div id="search_regex_button" class="button_search">Chercher</div></p>

            <p style="margin-top: 50px;">La recherche par expressions régulières peut générer un nombre gigantesque de résultats. Seules les 2000 premières occurrences trouvées seront affichées. La recherche peut être longue, parce tout le graphe de mots, qui contient 500 000 flexions, sera parcouru si besoin.</p>
          </div>

          <div>
            <h2>Résultats</h2>
            <table id="search_table">
                  
            </table>