Grammalecte  lex_editor.html at [a693df4168]

File gc_lang/fr/webext/panel/lex_editor.html artifact 81ed66a201 part of check-in a693df4168


<!DOCTYPE HTML>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="lex_editor.css" />
        <title>Grammalecte · Éditeur lexical</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    </head>
    
    <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 id="add_word_page">
                <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="categories">
                        <div class="category" id="select_nom" data-tag="N">Nom, adjectif</div>
                        <div class="category" id="select_verbe" data-tag="V">Verbe</div>
                        <div class="category" id="select_adverbe" data-tag="W">Adverbe</div>
                        <div class="category separator" id="select_prenom" data-tag="M1">Prénom</div>
                        <div class="category" id="select_patronyme" data-tag="M2">Patronyme</div>
                        <div class="category" id="select_nom_propre" data-tag="MP">Nom propre</div>
                        <div class="category separator" id="select_autre" data-tag="X">Autre</div>
                    </div>


                    <div id="sections">

                        <div id="section_vide">
                            Sélectionnez une catégorie.
                        </div>

                        <div id="section_nom" class="section">
                            <h2>Nom, adjectif</h2>
                            <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">
                                <div class="block">
                                    <h3>Genre</h3>
                                    <p><input type="radio" id="up_nom_genre_e" name="genre" value=":e" /><label for="up_nom_genre_e"> épicène</label></p>
                                    <p><input type="radio" id="up_nom_genre_m" name="genre" value=":m" /><label for="up_nom_genre_m"> masculin</label></p>
                                    <p><input type="radio" id="up_nom_genre_f" name="genre" value=":f" /><label for="up_nom_genre_f"> féminin</label></p>
                                </div>
                                <div class="block">
                                    <h3>Pluriel</h3>
                                    <p><input type="radio" id="up_nom_pluriel_s" name="pluriel" value="s" /><label for="up_nom_pluriel_s"> pluriel en ·s</label></p>
                                    <p><input type="radio" id="up_nom_pluriel_x" name="pluriel" value="x" /><label for="up_nom_pluriel_x"> pluriel en ·x</label></p>
                                    <p><input type="radio" id="up_nom_pluriel_i" name="pluriel" value="i" /><label for="up_nom_pluriel_i"> invariable</label></p>
                                </div>
                            </div>

                            <h2>[optionnel] Autre forme (masculine, féminine, variante, etc.)</h2>
                            <input type="text" id="lemma2" name="lemma2" maxlength="60" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="votre mot" />
                            <div id="word_section2">
                                <p class="typeline">
                                    <input type="radio" id="up_type_nom2" name="POS2" value=":N" /> <label class="widelabel" for="up_type_nom2">Nom</label>
                                    <input type="radio" id="up_type_adj2" name="POS2" value=":A" /> <label class="widelabel" for="up_type_adj2">Adjectif</label>
                                    <input type="radio" id="up_type_nomadj2" name="POS2" value=":N:A" /> <label class="widelabel" for="up_type_nomadj2">Nom &amp; adjectif</label>
                                </p>
                                <div class="container">
                                    <div class="block">
                                        <h3>Genre</h3>
                                        <p><input type="radio" id="up_nom2_genre_e" name="genre2" value=":e" /><label for="up_nom2_genre_e"> épicène</label></p>
                                        <p><input type="radio" id="up_nom2_genre_m" name="genre2" value=":m" /><label for="up_nom2_genre_m"> masculin</label></p>
                                        <p><input type="radio" id="up_nom2_genre_f" name="genre2" value=":f" /><label for="up_nom2_genre_f"> féminin</label></p>
                                    </div>
                                    <div class="block">
                                        <h3>Pluriel</h3>
                                        <p><input type="radio" id="up_nom2_pluriel_s" name="pluriel2" value="s" /><label for="up_nom2_pluriel_s"> pluriel en ·s</label></p>
                                        <p><input type="radio" id="up_nom2_pluriel_x" name="pluriel2" value="x" /><label for="up_nom2_pluriel_x"> pluriel en ·x</label></p>
                                        <p><input type="radio" id="up_nom2_pluriel_i" name="pluriel2" value="i" /><label for="up_nom2_pluriel_i"> invariable</label></p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="section_verbe" class="section">
                            <h2>Verbe</h2>
                            <div class="block">
                                <h3><input type="checkbox" id="up_v_i" value="i" /><label for="up_v_i"> intransitif</label></h3>
                                <div class="description">Cochez cette case si ce 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>
                                </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">Cochez cette case si 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>
                                </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">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 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>
                                </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">Cochez cette case si 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">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.</div>
                                <details>
                                    <div class="container">
                                        <div class="examples_true">Il pleut.</div>
                                        <div class="examples_false">Je pleus.</div>
                                    </div>
                                </details>
                            </div>
                            <div class="block">
                                <h3><input type="checkbox" id="up_v_ae" value="e" /><label for="up_v_ae"> passé composé avec l’auxiliaire “être”</label></h3>
                                <div class="description">Cochez cette case si ce verbe s’emploie au passé composé avec l’auxilaire “ê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 class="description">Cochez cette case si ce verbe s’emploie au passé composé avec l’auxilaire “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>
                            </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>
                                <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 :
                                        <ul>
                                            <li>ajout ou modification de diacritiques (verbes finissant par -<i>cer</i>, -<i>ecer</i>, -<i>emer</i>, -<i>ener</i>, -<i>eper</i>, -<i>erer</i>, -<i>eser</i>, -<i>ever</i>, -<i>evrer</i>, -<i>eler</i>, -<i>eter</i>, -<i>ébrer</i>, -<i>écer</i>, -<i>écher</i>, -<i>écrer</i>, -<i>éder</i>, -<i>éger</i>, -<i>égler</i>, -<i>égner</i>, -<i>égrer</i>, -<i>éguer</i>, -<i>éler</i>, -<i>émer</i>, -<i>éner</i>, -<i>éper</i>, -<i>équer</i>, -<i>érer</i>, -<i>éser</i>, -<i>éter</i>, -<i>étrer</i>, -<i>évrer</i>, -<i>éyer</i>),</li>
                                            <li>un ‹e› euphonique est ajouté sur la plupart des verbes finissant par -<i>ger</i>,</li>
                                            <li>certains verbes finissant par -<i>yer</i> remplacent éventuellement le ‹y› par un ‹i›,</li>
                                            <li>doublement irrégulier de certaines consonnes (<i>geler</i> ne se conjugue pas comme <i>appeler</i>, <i>acheter</i> ne se conjugue pas comme <i>jeter</i>)</li>
                                            <li>irrégularités diverses (<i>aller</i>, <i>envoyer</i>, <i>renvoyer</i>)…
                                        </ul></li>
                                        <li><b>2ᵉ groupe</b> : verbes finissant par -<i>ir</i>. Ce groupe est de loin le plus régulier. Mais de nombreux verbes finissant par -<i>ir</i> appartiennent au 3ᵉ groupe.</li>
                                        <li><b>3ᵉ groupe</b>. Autres verbes irréguliers.</li>
                                        <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>

                        <div id="section_adverbe" class="section">
                            <h2>Adverbe</h2>
                            <p>Les adverbes sont invariables en genre et en nombre.</p>
                        </div>

                        <div id="section_prenom" class="section">
                            <h2>Prénom</h2>
                            <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_prenom_genre_f" name="genre_m1" value=":f" /><label for="up_prenom_genre_f"> féminin</label></p>
                                </div>
                                <div class="block">
                                    <h3>Pluriel</h3>
                                    <p>Les prénoms sont invariables en nombre.</p>
                                </div>
                            </div>
                        </div>

                        <div id="section_patronyme" class="section">
                            <h2>Patronyme</h2>
                            <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 class="block">
                                    <h3>Pluriel</h3>
                                    <p>Les noms de famille sont invariables en nombre.</p>
                                </div>
                            </div>
                        </div>

                        <div id="section_nom_propre" class="section">
                            <h2>Nom propre</h2>
                            <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>
                                </div>
                                <div class="block">
                                    <h3>Pluriel</h3>
                                    <p>Les noms propres sont invariables en nombre.</p>
                                </div>
                            </div>
                        </div>

                        <div id="section_autre" class="section">
                            <h2>Autre</h2>
                            <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>
                        </div>
                    </div>
                </div>
                
                <div id="actions">
                    <h2>Mots générés</h2>
                    <h3>Forme fléchie (lemme), étiquettes</h3>
                    <pre id="results">
                        
                    </pre>
                    
                    <div id="buttonline">
                        <div id="add_to_lexicon">Ajouter au dictionnaire</div>
                    </div>
                </div>
            </div>

            <div id="lexicon_page">
                
                <h2>Votre lexique</h2>

                <div class="button_block">
                    <div id="save_button" class="fright">
                        Enregistrer
                    </div>
                    <h3>Lexique</h3>
                    <p>Nombre d’entrées ajoutées : <span id="num_added_entries">0</span>.</p>
                    <p>Nombre d’entrées supprimées : <span id="num_deleted_entries">0</span>.</p>
                    <p>Nombre d’entrées : <span id="num_entries">0</span>.</p>
                    <p><progress id="build_progress" value="0"></p>
                    <div id="export_button" class="fright">
                        Exporter
                    </div>
                    <div id="import_button" class="fright">
                        Importer
                    </div>
                    <h3>Dictionnaire enregistré</h3>
                    <p>Dernière sauvegarde : <span id="save_date">néant</span>.</p>
                    <p>Nombre d’entrées : <span id="num_entries_saved">0</span>.</p>
                </div>
                

                <p id="no_elem_line">Aucun élément.</p>
                <p><progress id="display_progress" value="0"></p>

                <table id="table">
                    
                </table>
            </div>
        </div>


        <script src="../grammalecte/graphspell/helpers.js"></script>
        <script src="../grammalecte/graphspell/str_transform.js"></script>
        <script src="../grammalecte/graphspell/dawg.js"></script>
        <script src="../grammalecte/graphspell/ibdawg.js"></script>
        <script src="../grammalecte/fr/conj.js"></script>
        <script src="../grammalecte/fr/conj_generator.js"></script>
        <script src="lex_editor.js"></script>
    </body>
    
</html>