roll20-character-sheets/Knight/pug/html/top/right.html

<div class="topRight">
    <div class="topLine">
        <label class="selector">
            <input type="hidden" name="attr_fichePNJ" value="0" />
            <input type="radio" name="attr_fichePNJ" value="0" data-i18n-title="fiche-vehicule" title="Fiche Véhicule"class="ficheVehicule"  checked />
            <input type="radio" name="attr_fichePNJ" value="1" data-i18n-title="fiche-pj" title="Fiche PJ" class="fichePJ" />
            <input type="radio" name="attr_fichePNJ" value="2"  data-i18n-title="fiche-pnj" title="Fiche PNJ" class="fichePNJ" />
            <input type="radio" name="attr_fichePNJ" value="3" data-i18n-title="fiche-creature" title="Fiche Créature" class="ficheCreature" />
            <input type="radio" name="attr_fichePNJ" value="4" data-i18n-title="fiche-bande" title="Fiche Bande" class="ficheBande" />
            <span data-i18n-title="fiche-pj" title="Fiche PJ" class="fichePJ" ></span>
            <span data-i18n-title="fiche-pnj" title="Fiche PNJ" class="fichePNJ" ></span>
            <span data-i18n-title="fiche-creature" title="Fiche Créature" class="ficheCreature" ></span>
            <span data-i18n-title="fiche-bande" title="Fiche Bande" class="ficheBande" ></span>
            <span data-i18n-title="fiche-vehicule" title="Fiche Véhicule" class="ficheVehicule" ></span>
        </label>
        <div class="settings">
            <label class="config">
                <input name="attr_show_settings" value="1" type="checkbox">
                <span></span>
            </label>
            <input type="hidden" name="attr_show_settings" value="0" />
            <div class="config">
                <div class="half">
                    <label>
                        <span data-i18n="fiche-a-afficher">Fiche à afficher :</span> 
                        <select name="attr_fichePNJ">
                            <option value="0" data-i18n="pj" selected>PJ</option>
                            <option value="1" data-i18n="pnj">PNJ</option>
                            <option value="2" data-i18n="creature">Créature</option>
                            <option value="3" data-i18n="bande">Bande</option>
                            <option value="4" data-i18n="vehicule">Véhicule</option>
                        </select>
                    </label>
                </div>
                <div class="half">
                    <label>
                        <span data-i18n="jets-sont">Les jets sont :</span> 
                        <select name="attr_jetGM">
                            <option value="" data-i18n="public" selected>Public</option>
                            <option value="/w gm" data-i18n="prive">Privé</option>
                        </select>
                    </label>
                </div>
                <div class="full fichePJ fichePNJ ficheBande ficheCreature">
                    <label>
                        <span data-i18n="afficher-lors-d'un-jet">Afficher lors d'un jet :</span> 
                        <select name="attr_name">
                            <option value="@{character_name}" data-i18n="nom" selected>Nom</option>
                            <option value="@{surnom}" data-i18n="surnom">Surnom</option>
                        </select>
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <span data-i18n="changer-armure">Changer de Méta-Armure : </span> 
                        <select name="attr_choixArmure">
                            <option value="barbarian" data-i18n="barbarian">Barbarian</option>
                            <option value="bard" data-i18n="bard">Bard</option>
                            <option value="berserk" data-i18n="berserk">Berserk</option>
                            <option value="druid" data-i18n="druid">Druid</option>
                            <option value="monk" data-i18n="monk">Monk</option>
                            <option value="necromancer" data-i18n="necromancer">Necromancer</option>
                            <option value="paladin" data-i18n="paladin">Paladin</option>
                            <option value="priest" data-i18n="priest">Priest</option>
                            <option value="psion" data-i18n="psion">Psion</option>
                            <option value="ranger" data-i18n="ranger">Ranger</option>
                            <option value="rogue" data-i18n="rogue">Rogue</option>
                            <option value="shaman" data-i18n="shaman">Shaman</option>
                            <option value="sorcerer" data-i18n="sorcerer">Sorcerer</option>
                            <option value="warlock" data-i18n="warlock">Warlock</option>
                            <option value="warmaster" data-i18n="warmaster">Warmaster</option>
                            <option value="warrior" data-i18n="warrior">Warrior</option>
                            <option value="wizard" data-i18n="wizard">Wizard</option>
                        </select>
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <input type="checkbox" name="attr_armeCoupPoing" value="1" checked>
                        <span data-i18n="ajouter-coup-poing">Ajouter le coup de poing aux armes de contacts</span> 
                    </label>
                </div>
                <div class="full fichePJ fichePNJ">
                    <label>
                        <input type="checkbox" name="attr_armeSPS" value="1">
                        <span data-i18n="ajouter-pistolet-service">Ajouter l'arme de section (Pistolet de Service)</span> 
                    </label>
                </div>
                <div class="full fichePJ fichePNJ">
                    <label>
                        <input type="checkbox" name="attr_armeSME" value="1">
                        <span data-i18n="ajouter-marteau-epieu">Ajouter l'arme de section (Marteau-Épieu)</span> 
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabIA" value="1">
                        <span data-i18n="utiliser-regles-ia">Utiliser les règles des IA.</span> 
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabIAI" value="1">
                        <span data-i18n="inclure-onglet-incarner-ia">Inclure un onglet pour incarner l'IA d'un autre joueur.</span> 
                    </label>
                </div>
                <div class="half fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabCarteDestin" value="1">
                        <span data-i18n="utiliser-cartes-destin">Utiliser les cartes du destin.</span> 
                    </label>
                </div>
                <div class="half fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabCapaciteHeroique" value="2">
                        <span data-i18n="utiliser-capacites-heroiques">Utiliser les capacités héroïques.</span> 
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabArt" value="1">
                        <span data-i18n="afficher-onglet-gestion-art">Afficher un onglet pour la gestion de l'Art.</span> 
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabVehicule" value="1">
                        <span data-i18n="inclure-onglet-gerer-vehicule">Inclure un onglet pour gérer le véhicule.</span> 
                    </label>
                </div>
                <div class="full fichePJ">
                    <label>
                        <input type="checkbox" name="attr_chevaliersHerauts" value="1">
                        <span data-i18n="rendre-disponible-avantages-speciaux">Rendre disponible les avantages spéciaux de La Geste (M15).</span> 
                    </label>
                </div>
                <div class="half fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabEgide" value="1">
                        <span data-i18n="utiliser-regles-egide">Utiliser les règles de l'égide.</span> 
                    </label>
                </div>
                <div class="half fichePNJ">
                    <label>
                        <input type="checkbox" name="attr_tabModule" value="1">
                        <span data-i18n="afficher-onglet-modules">Afficher l'onglet des Modules.</span> 
                    </label>
                </div>
                <div class="full fichePNJ ficheCreature ficheBande">
                    <label>
                        <input type="checkbox" name="attr_capaciteFanMade" value="1">
                        <span data-i18n="inclure-capacites-fan-made">Inclure les capacités du Codex Fan Made.</span> 
                    </label>
                </div>
                <div class="half fichePNJ ficheCreature">
                    <label>
                        <input type="checkbox" name="attr_tabResilience" value="1">
                        <span data-i18n="utiliser-regles-resilience">Utiliser les règles de la Résilience.</span> 
                    </label>
                </div>
                <div class="half fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabArmureLegende" value="1">
                        <span data-i18n="acces-armures-legende">Accès aux méta-armures de légende.</span> 
                    </label>
                </div>
                <div class="half fichePJ">
                    <label>
                        <input type="checkbox" name="attr_tabMechaArmure" value="1">
                        <span data-i18n="acces-mecha-armures">Accès aux mécha-armures.</span> 
                    </label>
                </div>
                <div class="textarea fichePNJ ficheCreature ficheBande">
                    <label class="plainText">
                        <span>Import depuis Knight NPC Generator</span>
                        <span>http://kng.magusgeek.com/</span>
                        <textarea name="attr_importKNPCG"></textarea>
                    </label>
                    <button type="action" name="act_importKNPCG">Import</button>
                </div>
            </div>
        </div>
    </div>

    <div class="menu">
        <input type="hidden" name="attr_tabCarteDestin" class="heroisme" value="0" />
        <input type="hidden" name="attr_tabCapaciteHeroique" class="heroisme" value="0" />
        <input type="hidden" name="attr_tabIA" class="ia" value="0" />
        <input type="hidden" name="attr_tabIAI" class="ia-incarnee" value="0" />
        <input type="hidden" name="attr_tabVehicule" class="vehicule" value="0" />
        <input type="hidden" name="attr_tabArt" class="art" value="0" />
        <input type="hidden" name="attr_tabModule" class="modulePNJ" value="0">
        <input type="hidden" name="attr_tabMechaArmure" class="mechaArmures" value="0">

        <div class="fichePJ">
            <button type="action" class="dossier" name="act_dossier" data-i18n="dossier">Dossier</button>
            <button type="action" class="armure" name="act_armure" data-i18n="armure">Armure</button>
            <button type="action" class="combat" name="act_combat" data-i18n="combat">Combat</button>
            <button type="action" class="module" name="act_module" data-i18n="module">Module</button>
            <button type="action" class="overdrive" name="act_overdrive" data-i18n="overdrive">Overdrive</button>
            <button type="action" class="ia" name="act_ia" data-i18n="ia">IA</button>
            <button type="action" class="ia-incarnee" name="act_ia-incarnee" data-i18n="ia-incarnee">IA Incarnée</button>
            <button type="action" class="historique" name="act_historique" data-i18n="historique">Historique</button>
            <button type="action" class="art" name="act_art" data-i18n="art">Art</button>
            <button type="action" class="heroisme" name="act_heroisme" data-i18n="heroisme">Héroïsme</button>
            <button type="action" class="vehicule" name="act_vehicule" data-i18n="vehicule">Véhicule</button>
            <button type="action" class="mechaArmures" name="act_mecha-armure" data-i18n="mecha-armure">Mécha-armures</button>
        </div>

        <div class="fichePNJ">
            <button type="action" class="dossier" name="act_dossier" data-i18n="dossier">Dossier</button>
            <button type="action" class="armure" name="act_capacites" data-i18n="capacites">Capacités</button>
            <button type="action" class="combat" name="act_combat" data-i18n="combat">Combat</button>
            <button type="action" class="module modulePNJ" name="act_module" data-i18n="module">Module</button>
        </div>
        
        <div class="ficheCreature">
            <button type="action" class="dossier" name="act_dossier" data-i18n="dossier">Dossier</button>
            <button type="action" class="armure" name="act_capacites" data-i18n="capacites">Capacités</button>
            <button type="action" class="combat" name="act_combat" data-i18n="combat">Combat</button>
        </div>

        <div class="ficheBande">
            <button type="action" class="dossier" name="act_dossier" data-i18n="dossier">Dossier</button>
            <button type="action" class="armure" name="act_capacites" data-i18n="capacites">Capacités</button>
        </div>

        <div class="ficheVehicule">
            <button type="action" class="ficheVehicule" name="act_vehicule" data-i18n="vehicule">Véhicule</button>
            <button type="action" class="equipage" name="act_equipage" data-i18n="equipage">Equipage</button>
        </div>        
    </div>
</div>