Grammalecte  Check-in [b36b4dcdfe]

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: b36b4dcdfe03c90fcc47471a199b40d6d14c570f04c768c6f3c5fb3a762e2c40
User & Date: olr on 2018-03-11 22:22:22
Other Links: branch diff | manifest | tags
Context
2018-03-11
23:28
[fr][bug] conj generator: clone array/list before adding elements check-in: 2ce9bd0c2a user: olr tags: fr, multid
22:22
[fx] lexicon editor: ui update check-in: b36b4dcdfe user: olr tags: fx, multid
21:57
[fr][js][bug] conj generator: missing else check-in: b3026938be user: olr tags: fr, multid
Changes

Modified gc_lang/fr/modules-js/conj_generator.js from [ccd2c13fff] to [5170da2586].

59
60
61
62
63
64
65
66
67


68
69
70
71
72
73
74
59
60
61
62
63
64
65


66
67
68
69
70
71
72
73
74







-
-
+
+







            else if (sVerb.slice(-3) in this.oConj["V1"]) {
                lConj = this.oConj["V1"][sVerb.slice(-3)];
            }
            // 2 lettres
            else {
                lConj = this.oConj["V1"]["er"];
            }
            console.log(lConj);
            console.log(this.oConj["V1_ppas"][sVarPpas]);
            //console.log(lConj);
            //console.log(this.oConj["V1_ppas"][sVarPpas]);
            lConj.push(...this.oConj["V1_ppas"][sVarPpas]);
        } else if (sVerb.endsWith("ir") && nGroup <= 2) {
            // deuxième groupe
            lConj = this.oConj["V2"];
            lConj.push(...this.oConj["V2_ppas"][sVarPpas]);
        } else {
            // TODO: troisième groupe

Modified gc_lang/fr/webext/panel/lex_editor.css from [be224332e1] to [5f2ac9582a].

57
58
59
60
61
62
63

64

65
66

67
68
69
70
71
72
73
57
58
59
60
61
62
63
64

65
66
67
68
69
70
71
72
73
74
75







+
-
+


+







    justify-content: center;
}
#lexicon_button {
    background-color: hsl(210, 80%, 90%);
}
.main_button {
    margin: 0 5px;
    width: 100px;
    padding: 10px 30px;
    padding: 10px 20px;
    background-color: hsl(210, 10%, 95%);
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.big_block {
    margin: 10px 0;
    padding: 10px;
    background-color: hsl(210, 20%, 96%);
95
96
97
98
99
100
101

102
103
104

105
106
107
108

109
110
111
112
113
114
115
97
98
99
100
101
102
103
104
105
106

107
108
109
110

111
112
113
114
115
116
117
118







+


-
+



-
+









#word_section2 {
    display: none;
}

.category {
    margin-right: 5px;
    padding: 10px;
    border-radius: 3px;
    border-left: 2px solid hsl(210, 10%, 90%);
    background-color: hsl(210, 20%, 96%);
    cursor: pointer;
}
.category:hover {
    background-color: hsl(0, 0%, 90%);
    background-color: hsl(210, 20%, 90%);
}

.section {
    display: none;
    padding: 10px;
}

154
155
156
157
158
159
160
161

162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189

190
191
192
193
194
195
196
197
198




199
200
201
202
203
204
205
206
207
208



209
210
211
212
213
214
215
157
158
159
160
161
162
163

164
165
166
167
168
169
170
171
172
173
174

175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190

191
192
193
194
195
196




197
198
199
200
201

202

203
204
205



206
207
208
209
210
211
212
213
214
215







-
+










-
















-
+





-
-
-
-
+
+
+
+

-

-



-
-
-
+
+
+







}
.examples_false {
    flex-grow: 1;
    margin: 2px;
    padding: 10px;
    background-color: hsl(0, 10%, 90%);
    color: hsl(0, 10%, 50%);
    font-size: 14px;
    font-size: 12px;
    border-radius: 3px;
}

ul {
    margin-left: 30px;
}

input[type=text] {
    display: inline-block;
    width: 250px;
    margin-left: 5px;
    padding: 5px 10px;
    border: 2px solid hsl(0, 0%, 80%);
    border-radius: 3px;
    height: 24px;
    background: transparent;
    font: normal 20px Tahoma, "Ubuntu Condensed";
    color: hsl(0, 0%, 20%);
}
input[placeholder] {
    color: hsl(0, 0%, 50%);
}




#buttonline {
    margin-top: 10px;
    margin-top: 5px;
    text-align: right;
}

#add_to_lexicon {
    display: inline-block;
    padding: 7px 10px;
    font-size: 18px;
    background-color: hsl(0, 30%, 30%);
    color: hsl(0, 30%, 60%);
    padding: 5px 10px;
    font-size: 16px;
    background-color: hsl(150, 50%, 50%);
    color: hsl(150, 50%, 96%);
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
#add_to_lexicon:hover {
    background-color: hsl(0, 60%, 40%);
    color: hsl(0, 60%, 70%);
    box-shadow: 0 0 2px hsl(0, 60%, 50%);
    background-color: hsl(150, 60%, 40%);
    color: hsl(150, 60%, 90%);
    box-shadow: 0 0 2px hsl(150, 60%, 50%);
}


#lexicon_page {
    
}

266
267
268
269
270
271
272






266
267
268
269
270
271
272
273
274
275
276
277
278







+
+
+
+
+
+

details {
    font-size: 11px;
    font-variant: small-caps;
    color: hsl(210, 50%, 50%);
    cursor: pointer;
}
details > * {
    font-size: 12px;
    font-variant: normal;
    color: hsl(210, 0%, 0%);
    cursor: auto;
}

Modified gc_lang/fr/webext/panel/lex_editor.html from [abda213ba3] to [c8ac914fb9].

8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24



25
26
27
28
29





30
31
32
33
34
35
36
37
38
39
40

41
42
43
44
45
46
47
8
9
10
11
12
13
14





15
16



17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

40
41
42
43
44
45
46
47







-
-
-
-
-


-
-
-
+
+
+





+
+
+
+
+










-
+







  
  <body>

    <div class="inbox">

      <h1>Éditeur lexical</h1>

      <div id="buttons" class="container">
        <div id="lexicon_button" class="main_button">Lexique</div>
        <div id="add_word_button" class="main_button">Ajout</div>
      </div>

      <div class="big_block">
        <div class="dic_container">
          <div><h3>Dictionnaire personnel.</h3></div>
          <div>Enregistré le : <span id="dic_save_date">néant</span>.</div>
          <div><span id="dic_num_entries">0</span> entrées.</div>
          <div><h3>Dictionnaire personnel</h3></div>
          <div>Enregistré le : <span id="dic_save_date"></span></div>
          <div><span id="dic_num_entries">0</span> entrées</div>
          <div id="export_button" class="fright">Exporter</div>
          <div id="import_button" class="fright">Importer</div>
        </div>
        <progress id="wait_progress" value="0"></progress>
      </div>

      <div id="buttons" class="container">
        <div id="lexicon_button" class="main_button">Lexique</div>
        <div id="add_word_button" class="main_button">Ajout</div>
      </div>

      <div id="add_word_page">
        <div class="columns">
          <div id="word_generator">
            <h2>Nouveau mot (lemme)</h2>
            <input type="text" id="lemma" name="lemma" maxlength="60" value="" placeholder="votre mot" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" autofocus />

            <div id="editor">

              <div id="sections">
                <h3 class="category" id="select_nom" data-tag="N">Nom, adjectif</h3>
                <h3 class="category" id="select_nom" data-tag="N">Nom commun</h3>
                <div id="section_nom" class="section">
                  <p class="typeline">
                    <input type="radio" id="up_type_nom" name="POS" value=":N" /> <label class="widelabel" for="up_type_nom">Nom</label>
                    <input type="radio" id="up_type_adj" name="POS" value=":A" /> <label class="widelabel" for="up_type_adj">Adjectif</label>
                    <input type="radio" id="up_type_nomadj" name="POS" value=":N:A" /> <label class="widelabel" for="up_type_nomadj">Nom &amp; adjectif</label>
                  </p>
                  <div class="container">
88
89
90
91
92
93
94
95

96
97
98
99
100
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
165
166
167

168
169
170
171
172
173
174
88
89
90
91
92
93
94

95
96
97
98
99
100
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
165
166
167
168
169
170
171







-
+









-
+









-
+


















-
-
+
+




+
-
+
-






-
-
-
+
-










-
+




-
+







                <div id="section_verbe" class="section">
                  <div class="block">
                    <h3><input type="checkbox" id="up_v_i" value="i" /><label for="up_v_i"> intransitif</label></h3>
                    <div class="description">Le verbe peut s’utiliser sans complément d’objet.</div>
                    <details>
                      <div class="container">
                        <div class="examples_true">Je dors.<br/>Tu pars.<br/>Elle pense.<br/>Nous écrivons.<br/>Vous manifestez.<br/>Ils viennent.</div>
                        <div class="examples_false">J’appartiens à ce groupe…</div>
                        <div class="examples_false">J’appartiens à ce groupe…<br/>J’accède au niveau supérieur.</div>
                      </div>
                    </details>
                  </div>
                  <div class="block">
                    <h3><input type="checkbox" id="up_v_t" value="t" /><label for="up_v_t"> transitif direct</label></h3>
                    <div class="description">Ce verbe peut s’utiliser avec un complément d’objet direct (COD).</div>
                    <details>
                      <div class="container">
                        <div class="examples_true">Je mange <i>une pomme</i>.<br/>Tu donnes <i>une bonne impression</i>.<br/>Elle écrit <i>un livre</i>.<br/>Nous fabriquons <i>une œuvre</i>.</div>
                        <div class="examples_false">Je pars.<br/>J’appartiens à…</div>
                        <div class="examples_false">Je pars ce matin.<br/>J’appartiens à…</div>
                      </div>
                    </details>
                  </div>
                  <div class="block">
                    <h3><input type="checkbox" id="up_v_n" value="n" /><label for="up_v_n"> transitif indirect</label></h3>
                    <div class="description">Ce verbe peut s’utiliser avec un complément d’objet indirect (COI). Attention à ne pas confondre avec un complément circonstanciel de temps, de lieu ou de manière.</div>
                    <details>
                      <div class="container">
                        <div class="examples_true">Je donne un cadeau <i>à sa femme</i>.<br/>Elle appartient <i>à ce groupe</i>.</div>
                        <div class="examples_false"></div>
                        <div class="examples_false">Elle danse à l’opéra.</div>
                      </div>
                    </details>
                  </div>
                  <div class="block">
                    <h3><input type="checkbox" id="up_v_p" value="p" /><label for="up_v_p"> pronominal</label></h3>
                    <div class="description">Ce verbe peut s’utiliser pronominalement.</div>
                    <details>
                      <div class="container">
                        <div class="examples_true">Je me suis trompé.<br/>Tu t’es étonné toi-même.<br/>Elle s’est souvenu de ses études.<br/>Nous nous sommes égarés.<br/>Vous vous êtes retrouvées.<br/>Ils se sont rappelé leur enfance.</div>
                        <div class="examples_false">Je me suis venu.<br/>tu t’es arrivé.<br/>elle s’est marché.<br/>nous nous sommes courus.<br/>vous vous êtes acculés.<br/>Elles se sont capitulées.</div>
                      </div>
                    </details>
                  </div>
                  <div class="block">
                    <h3><input type="checkbox" id="up_v_m" value="m" /><label for="up_v_m"> impersonnel</label></h3>
                    <div class="description">Ce verbe ne peut s’utiliser à la première personne, mais uniquement à la troisième personne du singulier ou du pluriel.</div>
                    <details>
                      <div class="container">
                        <div class="examples_true">Il pleut.</div>
                        <div class="examples_false">Je pleus.</div>
                        <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>
                    <h3><input type="checkbox" id="up_v_ae" value="e" /><label for="up_v_ae"> passé composé avec l’auxiliaire “être”</label></h3>
                    <div><input type="checkbox" id="up_v_ae" value="e" /><label for="up_v_ae"> être</label></div>
                    <div class="description">Ce verbe s’emploie au passé composé avec l’auxiliaire “être”.</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>
                  <div class="block">
                    <h3><input type="checkbox" id="up_v_aa" value="a" /><label for="up_v_aa"> passé composé avec l’auxiliaire “avoir”</label></h3>
                    <div><input type="checkbox" id="up_v_aa" value="a" /><label for="up_v_aa"> avoir</label></div>
                    <div class="description">Ce verbe s’emploie au passé composé avec l’auxiliaire “avoir”.</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>Cette option est ignorée si vous utilisez un verbe modèle.</p>
                    <p class="description">Cette option est ignorée si vous utilisez un verbe modèle.</p>
                  </div>

                  <div class="block">
                    <h3>Verbe modèle [optionnel]</h3>
                    <p>Indiquer un verbe qui doit servir de modèle n’est pas nécessaire pour la très grande majorité des verbes du 1ᵉʳ groupe et du 2ᵉ groupe. Failes-le seulement si les formes fléchies engendrées automatiquement ne vous satisfont pas.</p>
                    <p class="description">Indiquer un verbe qui doit servir de modèle n’est pas nécessaire pour la très grande majorité des verbes du 1ᵉʳ groupe et du 2ᵉ groupe. Faites-le seulement si les formes fléchies engendrées automatiquement ne vous satisfont pas.</p>
                    <input type="text" id="verb_pattern" name="verb_pattern" maxlength="60" value="" placeholder="verbe modèle" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ-]+$" />
                    <details>
                      <p>Il est fortement recommandé d’appliquer les règles d’un verbe du même groupe que celui que vous créez. Mais aucune restriction n’est imposée.</p>
                      <p><b>Classification des groupes :</b></p>
                      <ul>
                        <li>
                          <b>1ᵉʳ groupe</b> : verbes finissant par -<i>er</i>. Attention : contrairement au préjugé commun, ce groupe est irrégulier. Beaucoup de verbes voient leur racine modifiée dans certaines formes conjuguées :
189
190
191
192
193
194
195
196
197


198
199
200
201
202


203
204
205
206
207

208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227



228
229
230
231
232
233
234
235
236
237
238
186
187
188
189
190
191
192


193
194
195
196
197


198
199





200








201






202
203



204
205
206
207
208
209

210
211
212
213
214
215
216







-
-
+
+



-
-
+
+
-
-
-
-
-
+
-
-
-
-
-
-
-
-

-
-
-
-
-
-


-
-
-
+
+
+



-







                </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_prenom" data-tag="M1">Prénom</h3>
                <div id="section_prenom" class="section">
                <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_prenom_genre_e" name="genre_m1" value=":e" /><label for="up_prenom_genre_e"> épicène</label></p>
                      <p><input type="radio" id="up_prenom_genre_m" name="genre_m1" value=":m" /><label for="up_prenom_genre_m"> masculin</label></p>
                      <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_M2" name="pos_nom_propre" value=":M2" /><label for="up_nom_propre_M2"> Patronyme</label></p>
                      <p><input type="radio" id="up_prenom_genre_f" name="genre_m1" value=":f" /><label for="up_prenom_genre_f"> féminin</label></p>
                    </div>
                  </div>
                </div>

                      <p><input type="radio" id="up_nom_propre_MP" name="pos_nom_propre" value=":MP" /><label for="up_nom_propre_MP"> Autre</label></p>
                <h3 class="category" id="select_patronyme" data-tag="M2">Patronyme</h3>
                <div id="section_patronyme" class="section">
                  <div class="container">
                    <div class="block">
                      <h3>Genre</h3>
                      <p><input type="radio" id="up_patronyme_genre_e" name="genre_m2" value=":e" /><label for="up_patronyme_genre_e"> épicène</label></p>
                      <p><input type="radio" id="up_patronyme_genre_m" name="genre_m2" value=":m" /><label for="up_patronyme_genre_m"> masculin</label></p>
                      <p><input type="radio" id="up_patronyme_genre_f" name="genre_m2" value=":f" /><label for="up_patronyme_genre_f"> féminin</label></p>
                    </div>
                  </div>
                </div>

                <h3 class="category" id="select_nom_propre" data-tag="MP">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_genre_e" name="genre_mp" value=":e" /><label for="up_nom_propre_genre_e"> épicène</label></p>
                      <p><input type="radio" id="up_nom_propre_genre_m" name="genre_mp" value=":m" /><label for="up_nom_propre_genre_m"> masculin</label></p>
                      <p><input type="radio" id="up_nom_propre_genre_f" name="genre_mp" value=":f" /><label for="up_nom_propre_genre_f"> féminin</label></p>
                      <p><input type="radio" id="up_nom_propre_genre_e" name="genre_m" value=":e" /><label for="up_nom_propre_genre_e"> épicène</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" maxlength="20" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="flexion" /></p>
                  <h3>Étiquettes</h3>
                  <p><input type="text" id="tags" name="tags" maxlength="20" value="" pattern="^:[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ:._-]+$" placeholder="étiquettes" /></p>

Modified gc_lang/fr/webext/panel/lex_editor.js from [04fabe98f3] to [5e92c774bb].

195
196
197
198
199
200
201
202

203
204
205
206
207
208
209
195
196
197
198
199
200
201

202
203
204
205
206
207
208
209







-
+







        document.getElementById("lemma2").addEventListener("keyup", () => { this.onWrite2(); }, false);
        document.getElementById("verb_pattern").addEventListener("keyup", () => { this.update(); }, false);
        document.getElementById("flexion").addEventListener("keyup", () => { this.update(); }, false);
        document.getElementById("tags").addEventListener("keyup", () => { this.update(); }, false);
        document.getElementById("add_to_lexicon").addEventListener("click", () => { this.addToLexicon(); }, false);
    },

    lSection: ["nom", "verbe", "adverbe", "prenom", "patronyme", "nom_propre", "autre"],
    lSection: ["nom", "verbe", "adverbe", "nom_propre", "autre"],

    hideAllSections: function () {
        for (let sSection of this.lSection) {
            hideElement("section_" + sSection);
            document.getElementById("select_" + sSection).style.backgroundColor = "";
        }
    },
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
295
296
297
298
299
300
301

302
303
304
305
306
307
308







-







            hideElement("word_section2");
        }
    },

    update: function () {
        try {
            this.lFlexion = [];
            let sGenderTag = "";
            this.sLemma = document.getElementById("lemma").value.trim();
            if (this.sLemma.length > 0) {
                switch (this.cMainTag) {
                    case "N":
                        if (!this.getRadioValue("POS") || !this.getRadioValue("genre")) {
                            break;
                        }
393
394
395
396
397
398
399
400

401
402

403
404
405
406
407
408
409

410
411

412
413
414
415
416
417
418
419
420
421
422
423
424
392
393
394
395
396
397
398

399
400

401







402
403

404






405
406
407
408
409
410
411







-
+

-
+
-
-
-
-
-
-
-
+

-
+
-
-
-
-
-
-







                        }
                        break;
                    }
                    case "W":
                        this.sLemma = this.sLemma.toLowerCase();
                        this.lFlexion.push([this.sLemma, ":W/*"]);
                        break;
                    case "M1":
                    case "M":
                        this.sLemma = this.sLemma.slice(0,1).toUpperCase() + this.sLemma.slice(1);
                        sGenderTag = this.getRadioValue("genre_m1");
                        let sPOSTag = this.getRadioValue("pos_nom_propre")
                        if (sGenderTag) {
                            this.lFlexion.push([this.sLemma, ":M1"+sGenderTag+":i/*"]);
                        }
                        break;
                    case "M2":
                        this.sLemma = this.sLemma.slice(0,1).toUpperCase() + this.sLemma.slice(1);
                        sGenderTag = this.getRadioValue("genre_m2");
                        let sGenderTag = this.getRadioValue("genre_m");
                        if (sGenderTag) {
                            this.lFlexion.push([this.sLemma, ":M2"+sGenderTag+":i/*"]);
                            this.lFlexion.push([this.sLemma, sPOSTag+sGenderTag+":i/*"]);
                        }
                        break;
                    case "MP":
                        sGenderTag = this.getRadioValue("genre_mp");
                        if (sGenderTag) {
                            this.lFlexion.push([this.sLemma, ":MP"+sGenderTag+":i/*"]);
                        }
                        break;
                    case "X":
                        let sFlexion = document.getElementById("flexion").value.trim();
                        let sTags = document.getElementById("tags").value.trim();
                        if (sFlexion.length > 0 && sTags.startsWith(":")) {
                            this.lFlexion.push([sFlexion, sTags]);
497
498
499
500
501
502
503
504

505
506
507
508
509
510
511
484
485
486
487
488
489
490

491
492
493
494
495
496
497
498







-
+







    },

    setDictData: function (nEntries, sDate) {
        document.getElementById("dic_num_entries").textContent = nEntries;
        document.getElementById("dic_save_date").textContent = sDate;
    },

    listen () {
    listen: function () {
        document.getElementById("export_button").addEventListener("click", () => { this.export(); }, false);
        document.getElementById("import_button").addEventListener("click", () => { this.import(); }, false);
    },

    build: function () {
        let xProgressNode = document.getElementById("wait_progress");
        let lEntry = oLexiconTable.getEntries();