Grammalecte  Artifact [53b86a285e]

Artifact 53b86a285e16e34a4ca5e04794a9c5a376da37162f0b0ecb10a480917347caca:


<!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 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</h2>
                <input type="text" id="word" name="word" 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="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="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="word2" name="word2" 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 de temps ou de lieu.</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>

                        <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. Dans le cas contraire, tant pis pour vous.</p>
                            <h3>Lemme</h3>
                            <p><input type="text" id="lemma" name="lemma" maxlength="20" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="lemme" /></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>
                    <div id="results">
                        
                    </div>
                    
                    <div id="buttonline">
                        <div id="add_to_lexicon">Ajouter au dictionnaire</div>
                    </div>
                </div>
            </div>

            <div id="lexicon_page">
                <h2>Votre lexique</h2>
                <table>
                    <tr id="head">
                        <th>#</th>
                        <th>Forme fléchie</th>
                        <th>Lemme</th>
                        <th>Étiquettes</th>
                    </tr>
                </table>
                <table id="table">
                    
                </table>
            </div>
        </div>


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