Index: gc_lang/fr/webext/panel/lex_editor.css ================================================================== --- gc_lang/fr/webext/panel/lex_editor.css +++ gc_lang/fr/webext/panel/lex_editor.css @@ -27,30 +27,30 @@ /* MAIN ====================================================================== */ -#main .inbox { +.inbox { width: 600px; margin: 20px auto 10px auto; padding: 10px 30px 30px 30px; background: hsl(0, 0%, 100%); border: 2px solid #F0F0F0; border-radius: 20px; } -#main h1 { +h1 { margin: 5px 0 20px 0; color: hsl(210, 50%, 50%); font: bold 30px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } -#main h2 { +h2 { margin: 5px 0 2px 0; color: hsl(0, 50%, 50%); font: bold 20px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } -#main h3 { +h3 { margin: 3px 0 2px 0; color: hsl(210, 50%, 50%); font: bold 16px "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } @@ -57,10 +57,14 @@ #categories { display: flex; padding: 10px 0; } + +#another_word_section { + opacity: .2; +} .category { padding: 10px; border-radius: 3px; cursor: pointer; @@ -72,10 +76,11 @@ .empty_section { padding: 80px; font-size: 24px; text-align: center; + color: hsl(0, 0%, 50%); } .section { display: none; padding: 10px; } @@ -91,24 +96,52 @@ background-color: hsl(0, 10%, 96%); border-radius: 3px; } -input#word { +.typeline { + padding: 5px 10px; +} +.widelabel { + display: inline-block; + min-width: 80px; +} + +.examples_true { + flex-grow: 1; + margin: 2px; + padding: 10px; + background-color: hsl(120, 10%, 90%); + color: hsl(120, 10%, 50%); + font-size: 14px; + border-radius: 3px; +} +.examples_false { + flex-grow: 1; + margin: 2px; + padding: 10px; + background-color: hsl(0, 10%, 90%); + color: hsl(0, 10%, 50%); + font-size: 14px; + border-radius: 3px; +} + + +input[type=text] { display: inline-block; - width: 230px; + 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%, 30%); } -input[placeholder]#word { - color: hsl(0, 0%, 70%); +input[placeholder] { + color: hsl(0, 0%, 80%); } #generated_words { padding: 10px; @@ -133,6 +166,5 @@ #add_to_dictionary:hover { background-color: hsl(0, 60%, 40%); color: hsl(0, 60%, 70%); box-shadow: 0 0 2px hsl(0, 60%, 50%); } - Index: gc_lang/fr/webext/panel/lex_editor.html ================================================================== --- gc_lang/fr/webext/panel/lex_editor.html +++ gc_lang/fr/webext/panel/lex_editor.html @@ -6,204 +6,220 @@ - -
-
- -

Éditeur lexical

- - - -
-
Nom
-
Adjectif
-
Verbe
-
Adverbe
- -
- -
Prénom
-
Patronyme
-
Nom propre
- -
- -
Autre
-
- - -
- -
- Sélectionnez une catégorie. -
- -
-

Nom

-

-
-
-

Genre

-

-

-

-
-
-

Pluriel

-

-

-

-
-
- -

[optionnel] Autre forme (masculine, féminine, variante, etc.)

- -

-
-
-

Genre

-

+
+ +

Éditeur lexical

+ + + +
+
Nom, adjectif
+
Verbe
+
Adverbe
+ +
+ +
Prénom
+
Patronyme
+
Nom propre
+ +
+ +
Autre
+
+ + +
+ +
+ Sélectionnez une catégorie. +
+ +
+

Nom, adjectif

+

+ + + +

+
+
+

Genre

+

+

+

+
+
+

Pluriel

+

+

+

+
+
+ +

[optionnel] Autre forme (masculine, féminine, variante, etc.)

+ +
+

+ + + +

+
+
+

Genre

+

Pluriel

-

+

- -
-

Adjectif

- -
- -
-

Verbe

-
-

-
Cochez cette case, si ce verbe peut s’utiliser sans complément d’objet.
-
Je mange. Je pars. Je pense.
-
J’appartiens à…
-
-
-

-
Cochez cette case, si ce verbe peut s’utiliser avec un complément d’objet direct.
-
Je mange une pomme. Je donne une gifle.
-
Je pars. J’appartiens à…
-
-
-

-
Cochez cette case, si ce verbe peut s’utiliser avec un complément d’objet indirect direct.
-
Je donne une bise à sa femme.J’appartiens à ce groupe..
-
-
-
-

-
Cochez cette case, si ce verbe peut s’utiliser pronominalement.
-
Je me suis trompé.
-
-
-
-

-
Cochez cette case, si ce verbe ne peut s’utiliser à la première personne, mais uniquement à la troisième personne du singulier ou du pluriel.
-
.
-
-
-
-

-
Cochez cette case, si ce verbe s’emploie au passé composé avec l’auxilaire “être”.
-
Je suis venu. Je suis parti.
-
J’ai venu. J’ai parti.
-
-
-

-
Cochez cette case, si ce verbe s’emploie au passé composé avec l’auxilaire “avoir”.
-
J’ai mangé. J’ai prié.
-
Je suis mangé. Je suis prié.
-
-
- -
-

Adverbe

-

Les adverbes sont invariables en genre et en nombre.

-
- -
-

Prénom

-
-
-

Genre

-

-

-

-
-
-

Pluriel

-

Les prénoms sont invariables en nombre.

-
-
-
- -
-

Patronyme

-
-
-

Genre

-

-

-

-
-
-

Pluriel

-

Les noms de famille sont invariables en nombre.

-
-
-
- -
-

Nom propre

-
-
-

Genre

-

-

-

-
-
-

Pluriel

-

Les noms propres sont invariables en nombre.

-
-
-
- -
-

Autre

-

Indiquez les étiquettes grammaticales que vous voulez appliquer au mot. À utiliser seulement si vous savez ce que vous faites. Dans le cas contraire, tant pis pour vous.

-

Étiquettes

-

-
-
- -
-

Mots générés

-

-                
- -
-
Ajouter au dictionnaire
-
- -
- - -
+
+ +
+

Verbe

+
+

+
Cochez cette case si ce verbe peut s’utiliser sans complément d’objet.
+
+
Je dors.
Tu pars.
Elle pense.
Nous écrivons.
Vous manifestez.
Ils viennent.
+
J’appartiens à ce groupe…
+
+
+
+

+
Cochez cette case si ce verbe peut s’utiliser avec un complément d’objet direct (COD).
+
+
Je mange une pomme.
Tu donnes une bonne impression.
Elle écrit un livre.
Nous fabriquons une œuvre.
+
Je pars.
J’appartiens à…
+
+
+
+

+
Cochez cette case, si ce verbe peut s’utiliser avec un complément d’objet indirect (COI). Attention à ne pas confondre avec un complément de temps ou de lieu.
+
+
Je donne un cadeau à sa femme.
Elle appartient à ce groupe.
+
+
+
+
+

+
Cochez cette case si ce verbe peut s’utiliser pronominalement.
+
+
Je me suis trompé.
Tu t’es étonné toi-même.
Elle s’est souvenu de ses études.
Nous nous sommes égarés.
Vous vous êtes retrouvées.
Ils se sont rappelé leur enfance.
+
Je me suis venu.
+
+
+
+

+
Cochez cette case si ce verbe ne peut s’utiliser à la première personne, mais uniquement à la troisième personne du singulier ou du pluriel.
+
+
Il pleut.
+
Je pleus.
+
+
+
+

+
Cochez cette case, si ce verbe s’emploie au passé composé avec l’auxilaire “être”.
+
+
Je suis venu.
Je suis parti.
+
J’ai venu.
J’ai parti.
+
+
+
+

+
Cochez cette case, si ce verbe s’emploie au passé composé avec l’auxilaire “avoir”.
+
+
J’ai mangé.
J’ai prié.
+
Je suis mangé.
Je suis prié.
+
+
+
+ +
+

Adverbe

+

Les adverbes sont invariables en genre et en nombre.

+
+ +
+

Prénom

+
+
+

Genre

+

+

+

+
+
+

Pluriel

+

Les prénoms sont invariables en nombre.

+
+
+
+ +
+

Patronyme

+
+
+

Genre

+

+

+

+
+
+

Pluriel

+

Les noms de famille sont invariables en nombre.

+
+
+
+ +
+

Nom propre

+
+
+

Genre

+

+

+

+
+
+

Pluriel

+

Les noms propres sont invariables en nombre.

+
+
+
+ +
+

Autre

+

Indiquez les étiquettes grammaticales que vous voulez appliquer au mot. À utiliser seulement si vous savez ce que vous faites. Dans le cas contraire, tant pis pour vous.

+

Lemme

+

+

Étiquettes

+

+
+
+ +
+

Mots générés

+

+            
+ +
+
Ajouter au dictionnaire
+
+ +
+ Index: gc_lang/fr/webext/panel/lex_editor.js ================================================================== --- gc_lang/fr/webext/panel/lex_editor.js +++ gc_lang/fr/webext/panel/lex_editor.js @@ -11,11 +11,11 @@ function onSelectionClick (xEvent) { try { let xElem = xEvent.target; if (xElem.id) { if (xElem.id.startsWith("select_")) { - showSection("section_" + xElem.id.slice(7)); + oPage.showSection("section_" + xElem.id.slice(7)); } else { } } else { @@ -34,19 +34,79 @@ /* ACTIONS */ -function hideAllSections () { - for (let xElem of document.getElementById("editor").childNodes) { - if (xElem.id) { - xElem.style.display = "none"; +const oPage = { + + hideAllSections: function () { + for (let xElem of document.getElementById("editor").childNodes) { + if (xElem.id) { + xElem.style.display = "none"; + } + } + }, + + showSection: function (sName) { + this.clear(); + this.hideAllSections(); + if (document.getElementById(sName)) { + document.getElementById(sName).style.display = "block"; + } + }, + + clear: function () { + try { + // nom, adjectif, noms propres + for (let xElem of document.getElementsByName("POS")) { + xElem.checked = false; + } + for (let xElem of document.getElementsByName("POS2")) { + xElem.checked = false; + } + for (let xElem of document.getElementsByName("pluriel")) { + xElem.checked = false; + } + for (let xElem of document.getElementsByName("genre")) { + xElem.checked = false; + } + // verbe + document.getElementById("v_i").checked = false; + document.getElementById("v_t").checked = false; + document.getElementById("v_n").checked = false; + document.getElementById("v_p").checked = false; + document.getElementById("v_m").checked = false; + document.getElementById("v_ae").checked = false; + document.getElementById("v_aa").checked = false; + // autre + document.getElementById("lemma").value = ""; + document.getElementById("tags").value = ""; + } + catch (e) { + showError(e); } } } -function showSection (sName) { - hideAllSections(); - if (document.getElementById(sName)) { - document.getElementById(sName).style.display = "block"; + + +const oFlex = { + + sLemma: "", + lFlexion: [], + + getLemma: function () { + this.sLemma = document.getElementById("lemma").value; + }, + + create: function () { + + }, + + show: function () { + + }, + + addToDictionary: function () { + } }