Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
| Comment: | [fx] lexicon editor: ui rework -> save button always visible |
|---|---|
| Downloads: | Tarball | ZIP archive | SQL archive |
| Timelines: | family | ancestors | descendants | both | fx | comdic |
| Files: | files | file ages | folders |
| SHA3-256: | 46191a94a9fdc177727a846932db23d9d1c9a19c419f40a555e65df08a996fef |
| User & Date: | olr 2018-12-12 11:02:44 |
Context
|
2018-12-13
| ||
| 10:41 | [fx] update: community dictionaries (draft) check-in: 92e25df2da user: olr tags: fx, comdic | |
|
2018-12-12
| ||
| 11:02 | [fx] lexicon editor: ui rework -> save button always visible check-in: 46191a94a9 user: olr tags: fx, comdic | |
|
2018-12-11
| ||
| 18:50 | [fx] page for dictionaries (draft) check-in: 09a2b4f200 user: olr tags: fx, comdic | |
Changes
Changes to gc_lang/fr/webext/panel/lex_editor.css.
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
...
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
|
*/
#buttons {
padding: 10px 0;
justify-content: center;
}
.main_button {
margin: 0 5px;
width: 100px;
padding: 10px 20px;
background-color: hsl(210, 10%, 95%);
border-radius: 5px;
text-align: center;
cursor: pointer;
}
#lexicon_button {
................................................................................
width: 500px;
}
/*
Dictionary
*/
#save_button, #export_button, #import_button {
display: none;
float: right;
padding: 2px 10px;
background-color: hsl(150, 50%, 50%);
color: hsl(150, 0%, 100%);
border-radius: 3px;
cursor: pointer;
}
#export_button, #import_button {
display: block;
margin-left: 5px;
background-color: hsl(210, 50%, 50%);
color: hsl(210, 0%, 100%);
}
#wait_progress {
width: 100%;
height: 4px;
}
/*
|
|
|
|
|
>
>
>
>
>
|
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
...
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
|
*/
#buttons {
padding: 10px 0;
justify-content: center;
}
.main_button {
margin: 0 5px;
min-width: 100px;
padding: 10px 20px;
background-color: hsl(210, 10%, 95%);
border-radius: 5px;
text-align: center;
cursor: pointer;
}
#lexicon_button {
................................................................................
width: 500px;
}
/*
Dictionary
*/
#save_button {
display: none;
margin-left: 5px;
padding: 1px 5px;
background-color: hsl(150, 50%, 50%);
color: hsl(150, 0%, 100%);
border-radius: 3px;
cursor: pointer;
}
#export_button, #import_button {
display: block;
margin-left: 5px;
float: right;
padding: 2px 10px;
background-color: hsl(210, 50%, 50%);
color: hsl(210, 0%, 100%);
border-radius: 3px;
cursor: pointer;
}
#wait_progress {
width: 100%;
height: 4px;
}
/*
|
Changes to gc_lang/fr/webext/panel/lex_editor.html.
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
...
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
|
<div class="dic_container">
</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_button" class="main_button">Ajout</div>
<div id="search_button" class="main_button">Recherche</div>
<div id="info_button" class="main_button">Informations</div>
</div>
<div id="add_page">
<div class="columns">
................................................................................
</div> <!-- #generated_words -->
</div> <!-- .columns -->
</div> <!-- #add_page -->
<div id="lexicon_page">
<h2>Votre lexique</h2>
<div class="big_block">
<div id="save_button" class="fright">
Enregistrer
</div>
<p>Nombre d’entrées : <span id="num_entries">0</span>.</p>
</div>
<table id="lexicon_table">
</table>
</div> <!-- #lexicon_page -->
<div id="search_page">
|
|
>
>
<
<
<
<
<
<
<
|
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
...
252
253
254
255
256
257
258
259
260
261
262
263
264
265
|
<div class="dic_container">
</div>
<progress id="wait_progress" value="0"></progress>
</div>
<div id="buttons" class="container">
<div id="lexicon_button" class="main_button">
Lexique · <span id="num_entries">0</span> entrées <span id="save_button">Enregistrer</span>
</div>
<div id="add_button" class="main_button">Ajout</div>
<div id="search_button" class="main_button">Recherche</div>
<div id="info_button" class="main_button">Informations</div>
</div>
<div id="add_page">
<div class="columns">
................................................................................
</div> <!-- #generated_words -->
</div> <!-- .columns -->
</div> <!-- #add_page -->
<div id="lexicon_page">
<h2>Votre lexique</h2>
<table id="lexicon_table">
</table>
</div> <!-- #lexicon_page -->
<div id="search_page">
|
Changes to gc_lang/fr/webext/panel/lex_editor.js.
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 ... 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 ... 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 |
return xNode;
}
catch (e) {
showError(e);
}
}
function showElement (sElemId) {
if (document.getElementById(sElemId)) {
document.getElementById(sElemId).style.display = "block";
} else {
console.log("HTML node named <" + sElemId + "> not found.")
}
}
function hideElement (sElemId) {
if (document.getElementById(sElemId)) {
................................................................................
this.lEntry[parseInt(iEntry)] = null;
if (document.getElementById(this.sNodeId + "_row_" + iEntry)) {
document.getElementById(this.sNodeId + "_row_" + iEntry).style.display = "none";
}
this.nEntry -= 1;
this.showEntryNumber();
if (this.sNodeId == "lexicon_table") {
showElement("save_button");
}
}
getEntries () {
return this.lEntry.filter((e) => e !== null);
}
}
................................................................................
try {
oLexiconTable.addEntries(this.createFlexLemmaTagArray());
oGenWordsTable.clear();
document.getElementById("lemma").value = "";
document.getElementById("lemma").focus();
this.hideAllSections();
hideElement("editor");
showElement("save_button");
this.clear();
this.cMainTag = "";
}
catch (e) {
showError(e);
}
}
|
| | | | |
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 ... 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 ... 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 |
return xNode;
}
catch (e) {
showError(e);
}
}
function showElement (sElemId, sDisplay="block") {
if (document.getElementById(sElemId)) {
document.getElementById(sElemId).style.display = sDisplay;
} else {
console.log("HTML node named <" + sElemId + "> not found.")
}
}
function hideElement (sElemId) {
if (document.getElementById(sElemId)) {
................................................................................
this.lEntry[parseInt(iEntry)] = null;
if (document.getElementById(this.sNodeId + "_row_" + iEntry)) {
document.getElementById(this.sNodeId + "_row_" + iEntry).style.display = "none";
}
this.nEntry -= 1;
this.showEntryNumber();
if (this.sNodeId == "lexicon_table") {
showElement("save_button", "inline-block");
}
}
getEntries () {
return this.lEntry.filter((e) => e !== null);
}
}
................................................................................
try {
oLexiconTable.addEntries(this.createFlexLemmaTagArray());
oGenWordsTable.clear();
document.getElementById("lemma").value = "";
document.getElementById("lemma").focus();
this.hideAllSections();
hideElement("editor");
showElement("save_button", "inline-block");
this.clear();
this.cMainTag = "";
}
catch (e) {
showError(e);
}
}
|