Grammalecte  lex_editor.html at [8396b80e31]

File gc_lang/fr/webext/panel/lex_editor.html artifact 14764f0eb2 part of check-in 8396b80e31


<!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>

            <input type="text" id="word" name="word" maxlength="60" value="" placeholder="votre mot" autofocus />

            <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="separator"></div>

                <div class="category" 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="separator"></div>

                <div class="category" id="select_autre" data-tag="">Autre</div>
            </div>


            <div id="editor">

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

                <div id="section_nom" class="section">
                    <h2>Nom, adjectif</h2>
                    <p class="typeline">
                        <input type="radio" id="type_nom" name="POS" value="nom" /> <label class="widelabel" for="type_nom">Nom</label>
                        <input type="radio" id="type_adj" name="POS" value="adj" /> <label class="widelabel" for="type_adj">Adjectif</label>
                        <input type="radio" id="type_nomadj" name="POS" value="nomadj" /> <label class="widelabel" for="type_nomadj">Nom &amp; adjectif</label>
                    </p>
                    <div class="container">
                        <div class="block">
                            <h3>Genre</h3>
                            <p><input type="radio" id="nom_genre_e" name="genre" value="epi" /><label for="nom_genre_e"> épicène</label></p>
                            <p><input type="radio" id="nom_genre_m" name="genre" value="mas" /><label for="nom_genre_m"> masculin</label></p>
                            <p><input type="radio" id="nom_genre_f" name="genre" value="fem" /><label for="nom_genre_f"> féminin</label></p>
                        </div>
                        <div class="block">
                            <h3>Pluriel</h3>
                            <p><input type="radio" id="nom_pluriel_e" name="pluriel" value="s" /><label for="nom_pluriel_e"> pluriel en ·s</label></p>
                            <p><input type="radio" id="nom_pluriel_m" name="pluriel" value="x" /><label for="nom_pluriel_m"> pluriel en ·x</label></p>
                            <p><input type="radio" id="nom_pluriel_f" name="pluriel" value="inv" /><label for="nom_pluriel_f"> invariable</label></p>
                        </div>
                    </div>

                    <h2>[optionnel] Autre forme (masculine, féminine, variante, etc.)</h2>
                    <input type="text" id="word2" name="word2" maxlength="60" value="" placeholder="votre mot" />
                    <div id="another_word_section">
                        <p class="typeline">
                            <input type="radio" id="type_nom2" name="POS2" value="nom" /> <label class="widelabel" for="type_nom2">Nom</label>
                            <input type="radio" id="type_adj2" name="POS2" value="adj" /> <label class="widelabel" for="type_adj2">Adjectif</label>
                            <input type="radio" id="type_nomadj2" name="POS2" value="nomadj" /> <label class="widelabel" for="type_nomadj2">Nom &amp; adjectif</label>
                        </p>
                        <div class="container">
                            <div class="block">
                                <h3>Genre</h3>
                                <p><input type="radio" id="nom2_genre_e" name="genre2" value="epi" /><label for="nom2_genre_e"> épicène</label></p>
                                <p><input type="radio" id="nom2_genre_m" name="genre2" value="mas" /><label for="nom2_genre_m"> masculin</label></p>
                                <p><input type="radio" id="nom2_genre_f" name="genre2" value="fem" /><label for="nom2_genre_f"> féminin</label></p>
                            </div>
                            <div class="block">
                                <h3>Pluriel</h3>
                                <p><input type="radio" id="nom2_pluriel_e" name="pluriel2" value="s" /><label for="nom2_pluriel_e"> pluriel en ·s</label></p>
                                <p><input type="radio" id="nom2_pluriel_m" name="pluriel2" value="x" /><label for="nom2_pluriel_m"> pluriel en ·x</label></p>
                                <p><input type="radio" id="nom2_pluriel_f" name="pluriel2" value="inv" /><label for="nom2_pluriel_f"> invariable</label></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="section_verbe" class="section">
                    <h2>Verbe</h2>
                    <div class="block">
                        <h3><input type="checkbox" id="v_i" /><label for="v_i"> intransitif</label></h3>
                        <div class="description">Cochez cette case si ce verbe peut s’utiliser sans complément d’objet.</div>
                        <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>
                    </div>
                    <div class="block">
                        <h3><input type="checkbox" id="v_t" /><label for="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>
                        <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>
                    </div>
                    <div class="block">
                        <h3><input type="checkbox" id="v_n" /><label for="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 de temps ou de lieu.</div>
                        <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>
                    </div>
                    <div class="block">
                        <h3><input type="checkbox" id="v_p" /><label for="v_p"> pronominal</label></h3>
                        <div class="description">Cochez cette case si ce verbe peut s’utiliser pronominalement.</div>
                        <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.</div>
                        </div>
                    </div>
                    <div class="block">
                        <h3><input type="checkbox" id="v_m" /><label for="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>
                        <div class="container">
                            <div class="examples_true">Il pleut.</div>
                            <div class="examples_false">Je pleus.</div>
                        </div>
                    </div>
                    <div class="block">
                        <h3><input type="checkbox" id="v_ae" /><label for="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>
                        <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>
                    </div>
                    <div class="block">
                        <h3><input type="checkbox" id="v_aa" /><label for="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>
                        <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>
                    </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="prenom_genre_e" name="genre" value="epi" checked /><label for="prenom_genre_e"> épicène</label></p>
                            <p><input type="radio" id="prenom_genre_m" name="genre" value="mas" /><label for="prenom_genre_m"> masculin</label></p>
                            <p><input type="radio" id="prenom_genre_f" name="genre" value="fem" /><label for="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="patronyme_genre_e" name="genre" value="epi" checked /><label for="patronyme_genre_e"> épicène</label></p>
                            <p><input type="radio" id="patronyme_genre_m" name="genre" value="mas" /><label for="patronyme_genre_m"> masculin</label></p>
                            <p><input type="radio" id="patronyme_genre_f" name="genre" value="fem" /><label for="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="nom_propre_genre_e" name="genre" value="epi" checked /><label for="nom_propre_genre_e"> épicène</label></p>
                            <p><input type="radio" id="nom_propre_genre_m" name="genre" value="mas" /><label for="nom_propre_genre_m"> masculin</label></p>
                            <p><input type="radio" id="nom_propre_genre_f" name="genre" value="fem" /><label for="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. Dans le cas contraire, tant pis pour vous.</p>
                    <h3>Lemme</h3>
                    <p><input type="text" id="lemma" name="lemma" maxlength="20" value="" placeholder="Lemme" autofocus /></p>
                    <h3>Étiquettes</h3>
                    <p><input type="text" id="tags" name="tags" maxlength="20" value="" placeholder="étiquettes" autofocus /></p>
                </div>
            </div>
                
            <div id="generated_words">
                <h2>Mots générés</h2>
                <pre></pre>
            </div>

            <div id="buttonline">
                <div id="add_to_dictionary">Ajouter au dictionnaire</div>
            </div>
            
        </div>


        <script src="../grammalecte/graphspell/helpers.js"></script>
        <script src="lex_editor.js"></script>
    </body>
    
</html>