roll20-character-sheets/Knight/pug/html/tab/subCombat/header.html

<div class="col">
    <div class="fichePJ armure dataArmure">
        <div class="fichePJ titre">
            <h1 class="fichePJ titre"><span name="attr_armure" data-i18n-dynamic></span></h1>
            <button class="actionSpecial" type="action" name="act_resetArmure" data-i18n="tout-restaurer">Tout Restaurer</button>
        </div>
        <div class="ligneTitre">
            <span></span>
            <span data-i18n="actuel">Actuel</span>
            <span data-i18n="maximum">Maximum</span>
            <span class="personnalise"></span>
            <span class="noPersonnalise" data-i18n="modif">Modif</span>
        </div>
        <div class="ligne3 armure">
            <span data-i18n="armure">Armure</span>
            <div><input type="number" name="attr_armurePJ" value="0" /></div>
            <div><input type="number" name="attr_armurePJ_max" value="0" readonly /></div>
            <div><input class="noPersonnalise" type="number" name="attr_armurePJModif" value="0" /></div>
        </div>
        <div class="barbarian bard druid monk necromancer paladin priest psion ranger rogue shaman sorcerer warlock warmaster warrior wizard personnalise ligne3">
            <span data-i18n="energie">Energie</span>
            <div><input type="number" name="attr_energiePJ" value="0" /></div>
            <div><input type="number" name="attr_energiePJ_max" value="0" readonly /></div>
            <div><input class="noPersonnalise" type="number" name="attr_energiePJModif" value="0" /></div>
        </div>
        <div class="ligne3 armure">
            <span data-i18n="champ-de-force">Champ de force</span>
            <div><input type="number" name="attr_cdfPJ" value="0" readonly /></div>
            <div><input type="number" name="attr_cdfPJ_max" value="0" readonly /></div>
            <div><input class="noPersonnalise" type="number" name="attr_cdfPJModif"  value="0" /></div>
        </div>
        <div class="psion flux ligne1">
            <span data-i18n="flux">Flux</span>
            <div><input type="number" class="center" min="0" name="attr_fluxPsion" value="0" /></div>
            <div></div>
            <div></div>
        </div>
    </div>

    <div class="fichePJ sorcerer sorcererPE">
        <h1 data-i18n="sorcerer-ponctionner-l'energie">Ponctionner l'énergie</h1>
        <select name="attr_sorcererPEnergie">
            <option value="1" selected>1D6</option>
            <option value="2">2D6</option>
            <option value="3">3D6</option>
        </select>
        <button class="rollDice" type="roll" name="roll_PEnergieSorc" value="@{jetGM} &{template:simple} {{Nom=@{name}}} {{special2=^{sorcerer-ponctionner-l'energie}}} {{jDivers=^{energie-ponctionnee}}} {{jDiversV=[[(@{sorcererPEnergie})D6]]}}"></button>
    </div>
    
    <div class="fichePJ physiqueMental">
        <h1 class="fichePJ titre" data-i18n="physique-et-mental">Physique et Mental</h1>
        <div class="ligneTitre">
            <span></span>
            <span data-i18n="actuel">Actuel</span>
            <span data-i18n="maximum">Maximum</span>
            <span data-i18n="modif">Modif</span>
        </div>
        <div class="ligne3">
            <span data-i18n="sante">Santé</span>
            <div><input type="number" name="attr_santepj" min="0" value="0" /></div>
            <div><input type="number" name="attr_santepj_max" min="0" value="0" readonly /></div>
            <div><input type="number" name="attr_santeModif" min="0" value="0" /></div>
        </div>
        <div class="ligne3">
            <span data-i18n="espoir">Espoir</span>
            <div><input type="number" name="attr_espoir" min="0" value="50" /></div>
            <div><input type="number" name="attr_espoir_max" min="0" value="50" readonly /></div>
            <div><input type="number" name="attr_espoirModif" value="0" /></div>
        </div>
        <div class="ligne3">
            <span data-i18n="heroisme">Héroïsme</span>
            <div><input type="number" name="attr_heroisme" min="0" max="6" value="0" /></div>
            <div><input type="number" name="attr_heroisme_max" min="0" value="6+@{heroismeModif}" disabled /></div>
            <div><input type="number" name="attr_heroismeModif" min="0" value="0" /></div>
        </div>
    </div>

    <div class="fichePNJ ficheCreature ficheBande PES">
        <h1 class="fichePNJ titre" data-i18n="protection-energie-sante">Protections, Énergie et Santé</h1>
        <h1 class="ficheCreature titre" data-i18n="protection-sante">Protections et Santé</h1>
        <h1 class="ficheBande titre" data-i18n="protection-cohension">Protections et Cohésion</h1>
        <div class="ligneTitre">
            <span></span>
            <span data-i18n="actuel">Actuel</span>
            <span data-i18n="maximum">Maximum</span>
        </div>
        <div class="ligne2">
            <span class="fichePNJ ficheCreature ficheBande" data-i18n="armure">Armure</span>
            <div><input type="number" name="attr_armurePNJ" min="0" value="0" /></div>
            <div><input type="number" name="attr_armurePNJ_max" min="0" value="0" /></div>
        </div>
        <div class="fichePNJ ligne2">
            <span class="fichePNJ" data-i18n="energie">Energie</span>
            <div><input type="number" name="attr_energiePNJ" min="0" value="0" /></div>
            <div><input type="number" name="attr_energiePNJ_max" min="0" value="0" /></div>
        </div>
        <div class="fichePNJ ligne2">
            <span class="fichePNJ" data-i18n="champ-de-force">Champ de force</span>
            <div><input type="number" name="attr_cdfPNJ" min="0" value="0" /></div>
            <div><input type="number" name="attr_cdfPNJ_max" min="0" value="0" /></div>
        </div>
        <div class="ligne2">
            <span class="fichePNJ ficheCreature ficheBande" data-i18n="bouclier">Bouclier</span>
            <div><input type="number" name="attr_bouclierPNJ" min="0" value="0" /></div>
            <div><input type="number" name="attr_bouclierPNJ_max" min="0" value="0" /></div>
        </div>
        <div class="ligne2">
            <span class="fichePNJ ficheCreature" data-i18n="sante">Santé</span>
            <span class="ficheBande" data-i18n="cohesion">Cohésion</span>
            <div><input type="number" name="attr_santePNJ" min="0" value="0" /></div>
            <div><input type="number" name="attr_santePNJ_max" min="0" value="0" /></div>
        </div>
        <div class="fichePNJ ficheCreature resilience">
            <div>
                <span data-i18n="resilience">Résilience</span>
                <button type="action" name="act_calculerResilience" data-i18n="calculer">Calculer</button>
            </div>
            <div><input type="number" name="attr_resilience" min="0" value="0" /></div>
            <div><input type="number" name="attr_resilience_max" min="0" value="0" /></div>
        </div>
    </div>

    <div class="fichePJ egide">
        <div class="fichePJ titre">
            <h1 class="fichePJ titre" data-i18n="egide">Égide</h1>
            <button type="roll" class="rollDice" name="roll_egide" value="@{jetGM} &{template:base} {{Nom=@{name}}} {{type=^{egide}}} {{jet=[[{[[@{egideTotal}]]d6cs2cs4cs6cf1cf3cf5s%2}=0]]}}"></button>
        </div>
        <div class="ligneTitre">
            <span data-i18n="base">Base</span>
            <span data-i18n="bonus">Bonus</span>
            <span data-i18n="total">Total</span>
        </div>
        <div class="ligne3">
            <div><input type="number" name="attr_egide" value="0" /></div>
            <div><input type="number" name="attr_egideBonus" value="0" readonly /></div>
            <div><input type="number" name="attr_egideTotal" value="@{egide}+@{egideBonus}" disabled /></div>
        </div>
    </div>
                
    <div class="ficheBande bandeDebordement">
        <div class="ficheBande titre">
            <h1 class="ficheBande titre" data-i18n="debordement">Débordement</h1>
            <button class="rollDice" type="roll" name="attr_jetBande"" value="@{jetGM} &{template:bande} {{Nom=@{name}}} {{Debordement=[[@{bandeDebordement}*@{bandeDebordementTActuel}]]}}" ></button>
        </div>
        <div class="ligneTitre">
            <span data-i18n="score">Score</span>
            <span data-i18n="tour-actuel">Tour Actuel</span>
        </div>
        <div class="ligne2">
            <div><input type="number" name="attr_bandeDebordement" min="0" value="0" /></div>
            <div><input type="number" name="attr_bandeDebordementTActuel" min="0" value="0" /></div>
        </div>
    </div>
</div>

<div class="col">
        <div class="fichePJ nods">
            <h1 class="titre" data-i18n="nods">Nods</h1>
            <div class="ligne">
                <span data-i18n="nods-soin">Soin</span>
                <div class="blockM">
                    <input type="number" value="3" name="attr_nodsSoin" />
                    <b>/</b>
                    <input type="number" value="3" name="attr_nodsSoin_max" />
                </div>
                <button class="rollDice" type="action" name="act_nodsSoin" value="@{jetGM} &{template:simple} {{Nom=@{name}}} {{special2=^{nod-soin}}}"></button>
            </div>
            <div class="ligne">
                <span data-i18n="nods-armure">Armure</span>
                <div class="blockM">
                    <input type="number" value="3" name="attr_nodsArmure" />
                    <b>/</b>
                    <input type="number" value="3" name="attr_nodsArmure_max" />
                </div>
                <button class="rollDice" type="action" name="act_nodsArmure" value="@{jetGM} &{template:simple} {{Nom=@{name}}} {{special2=^{nod-d'armure}}}"></button>
            </div>
            <div class="ligne">
                <span data-i18n="nods-energie">Energie</span>
                <div class="blockM">
                    <input type="number" value="3" name="attr_nodsEnergie" />
                    <b>/</b>
                    <input type="number" value="3" name="attr_nodsEnergie_max" />
                </div>
                <button class="rollDice" type="action" name="act_nodsEnergie" value="@{jetGM} &{template:simple} {{Nom=@{name}}} {{special2=^{nod-d'energie}}}"></button>
            </div>
        </div>

        <div class="fichePJ styleCombat">		
            <h1 class="titre" data-i18n="style-de-combat">Style de Combat</h1>
            <select name="attr_styleCombat">
                <option value="standard" data-i18n="standard" selected>Standard</option>
                <option value="couvert" data-i18n="couvert">À Couvert</option>
                <option value="agressif" data-i18n="agressif">Agressif</option>
                <option value="akimbo" data-i18n="akimbo">Akimbo</option>
                <option value="ambidextre" data-i18n="ambidextre">Ambidextre</option>
                <option value="defensif" data-i18n="defensif">Défensif</option>
                <option value="precis" data-i18n="precis">Précis</option>
                <option value="pilonnage" data-i18n="pilonnage">Pilonnage</option>
                <option value="puissant" data-i18n="puissant">Puissant</option>
                <option value="suppression" data-i18n="suppression">Suppression</option>
            </select>
            <input type="hidden" name="attr_styleCombat" value="standard" />
            <div class="puissant">
                <span data-i18n="bonus-en">Bonus en</span>
                <select name="attr_stylePuissantType">
                    <option value="{{stylePuissantD=[[@{stylePuissantBonus}D6]]}}" data-i18n="degats" selected>Dégâts</option>
                    <option value="{{stylePuissantV=[[@{stylePuissantBonus}D6]]}}" data-i18n="violence">Violence</option>
                </select>
                <input type="number" name="attr_stylePuissantBonus" value="0" min="0" max="6" />
            </div>
            <div class="suppression">
                <label>
                    <span>Malus aux dégâts</span>
                    <input type="number" name="attr_styleSuppressionD" value="0" min="0" max="6" />
                </label>

                <label>
                    <span>Malus à la violence</span>
                    <input type="number" name="attr_styleSuppressionV" value="0" min="0" max="8" />
                </label>
            </div>
            <div class="autoex autoex40">
                <span name="attr_styleCombatDescr"></span>
                <textarea spellcheck="false" name="attr_styleCombatDescr" readonly></textarea>
            </div>
        </div>

        <div class="ficheCreature portee">
            <h1 class="titre" data-i18n="portee">Portée</h1>
            <div class="col5">
                <span data-i18n="portee-contact">Contact</span>
                <span data-i18n="portee-0-2">0 à 2m</span>
            </div>
            <div class="col5BL">
                <span data-i18n="portee-courte">Courte</span>
                <span data-i18n="portee-2-15">2 à 15m</span>
            </div>
            <div class="col5BL">
                <span data-i18n="portee-moyenne">Moyenne</span>
                <span data-i18n="portee-15-50">15 à 50m</span>
            </div>
            <div class="col5BL">
                <span data-i18n="portee-longue">Longue</span>
                <span data-i18n="portee-50-300">50 à 300m</span>
            </div>
            <div class="col5BL">
                <span data-i18n="portee-lointaine">Lointaine</span>
                <span data-i18n="portee-+300">+ de 300m</span>
            </div>
        </div>

        <div class="fichePNJ ficheCreature egide">
            <div class="fichePNJ ficheCreature titre">
                <h1 class="fichePNJ ficheCreature titre" data-i18n="egide">Égide</h1>
                <button type="roll" class="rollDice" name="roll_egide" value="@{jetGM} &{template:base} {{Nom=@{name}}} {{type=^{egide}}} {{jet=[[{[[@{egideTotal}]]d6cs2cs4cs6cf1cf3cf5s%2}=0]]}}"></button>
            </div>
            <div class="ligneTitre">
                <span data-i18n="base">Base</span>
                <span data-i18n="bonus">Bonus</span>
                <span data-i18n="total">Total</span>
            </div>
            <div class="ligne3">
                <div><input type="number" name="attr_egide" value="0" /></div>
                <div><input type="number" name="attr_egideBonus" value="0" readonly /></div>
                <div><input type="number" name="attr_egideTotal" value="@{egide}+@{egideBonus}" disabled /></div>
            </div>
        </div>

        <label class="fichePJ fichePNJ ficheCreature BMJets">
            <span data-i18n="bonus/malus-jets">Bonus/Malus aux Jets</span>
            <input type="number" name="attr_jetModifDes" value="0" />
        </label>

        <div class="fichePJ herauts">
            <h1 class="titre">Chevalier de la lumière / Hérauts de l'équilibre</h1>
            <div>
                <input type="hidden" name="attr_devasterAnatheme" class="devasterAnatheme" value="0" />
                <input type="hidden" name="attr_bourreauTenebres" class="bourreauTenebres" value="0" />
                <input type="hidden" name="attr_equilibreBalance" class="equilibreBalance" value="0" />

                <button type="action" name="act_devasterAnatheme" class="devasterAnatheme" >Dévaster l'Anathème actif</button>
                <button type="action" name="act_bourreauTenebres" class="bourreauTenebres" >Bourreau des ténèbres actif</button>
                <button type="action" name="act_equilibreBalance" class="equilibreBalance" >Équilibrer la balance actif</button>
            </div>
        </div>
</div>