CSS rework et autres améliorations
This commit is contained in:
@@ -1,112 +1,176 @@
|
||||
<form class="skill-roll-dialog">
|
||||
<header class="roll-dialog-header">
|
||||
{{#if img}}
|
||||
<img class="actor-icon" src="{{img}}" data-edit="img" title="{{name}}" />
|
||||
<img class="actor-icon" src="{{img}}" data-edit="img" title="{{name}}" />
|
||||
{{/if}}
|
||||
<h1 class="dialog-roll-title roll-dialog-header">{{title}}</h1>
|
||||
</header>
|
||||
|
||||
<div class="flexcol">
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Caracteristique </span>
|
||||
<span class="roll-dialog-label">{{carac.name}} : {{carac.qualite}} ({{carac.dice}})</span>
|
||||
<span class="roll-dialog-label">⚡ Caractéristique </span>
|
||||
<span class="roll-dialog-label">{{carac.name}}
|
||||
:
|
||||
{{carac.qualite}}
|
||||
({{carac.dice}})</span>
|
||||
</div>
|
||||
|
||||
{{#if competence}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Compétence </span>
|
||||
<span class="roll-dialog-label">{{competence.name}} ({{compScore}})</span>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">🎯 Compétence </span>
|
||||
<span class="roll-dialog-label">{{competence.name}}
|
||||
({{compScore}})</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if santeModifier}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Malus Blessures </span>
|
||||
<span class="roll-dialog-label">{{santeModifier}} niveaux</span>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">💔 Malus Blessures </span>
|
||||
<span class="roll-dialog-label">{{santeModifier}} niveaux</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Bonus/Malus : </span>
|
||||
<select class="" type="text" id="roll-bonus-malus" value="{{bonusMalus}}" data-dtype="Number">
|
||||
{{selectOptions config.bonusMalus selected=bonusMalus labelAttr="label" valueAttr="value" nameAttr="value"}}
|
||||
<span class="roll-dialog-label">➕➖ Bonus/Malus : </span>
|
||||
<select
|
||||
class=""
|
||||
type="text"
|
||||
id="roll-bonus-malus"
|
||||
value="{{bonusMalus}}"
|
||||
data-dtype="Number"
|
||||
>
|
||||
{{selectOptions
|
||||
config.bonusMalus
|
||||
selected=bonusMalus
|
||||
labelAttr="label"
|
||||
valueAttr="value"
|
||||
nameAttr="value"
|
||||
}}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{{#if providence.value}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Utiliser la Providence ({{providence.dice}})</span>
|
||||
<input type="checkbox" id="roll-enable-providence" {{checked enableProvidence}} />
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">✨ Utiliser la Providence ({{providence.dice}})</span>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="roll-enable-providence"
|
||||
{{checked enableProvidence}}
|
||||
/>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isTir}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Portée : </span>
|
||||
<select class="" type="text" id="roll-portee-tir" value="{{porteeTir}}" data-dtype="String">
|
||||
{{#select porteeTir}}
|
||||
{{#each config.ARME_PORTEES as |portee key|}}
|
||||
<option value="{{key}}">{{portee.label}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Viser : </span>
|
||||
<input type="checkbox" id="roll-tir-viser" {{checked isViser}} />
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Cible petite/en mouvement : </span>
|
||||
<input type="checkbox" id="roll-tir-mouvement" {{checked isMouvement}} />
|
||||
</div>
|
||||
{{#if isTir}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">🏹 Portée : </span>
|
||||
<select
|
||||
class=""
|
||||
type="text"
|
||||
id="roll-portee-tir"
|
||||
value="{{porteeTir}}"
|
||||
data-dtype="String"
|
||||
>
|
||||
{{#select porteeTir}}
|
||||
{{#each config.ARME_PORTEES as |portee key|}}
|
||||
<option value="{{key}}">{{portee.label}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">👁️ Viser : </span>
|
||||
<input type="checkbox" id="roll-tir-viser" {{checked isViser}} />
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">🏃 Cible petite/en mouvement : </span>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="roll-tir-mouvement"
|
||||
{{checked isMouvement}}
|
||||
/>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">⚔️ Allonge
|
||||
{{allongeLabel}}
|
||||
: Indiquez l'allonge de votre adversaire ci-dessous.</span>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span
|
||||
class="roll-dialog-label"
|
||||
data-tooltip="Modification d'allonge selon votre arme et celle de votre adversaire"
|
||||
>🗡️ Allonge arme adversaire :
|
||||
</span>
|
||||
<select
|
||||
class=""
|
||||
type="text"
|
||||
id="roll-allonge"
|
||||
value="{{allongeId}}"
|
||||
data-dtype="String"
|
||||
>
|
||||
{{#select allongeId}}
|
||||
{{#each allonges as |allonge key|}}
|
||||
<option value="{{key}}">{{allonge.label}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">🏃 Charge à pied ?</span>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="roll-charge-a-pied"
|
||||
{{checked isChargeAPied}}
|
||||
/>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">🐴 Charge à cheval ?</span>
|
||||
<input
|
||||
type="checkbox"
|
||||
id="roll-charge-a-cheval"
|
||||
{{checked isChargeACheval}}
|
||||
/>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">✋ Main gauche ?</span>
|
||||
<input type="checkbox" id="roll-main-gauche" {{checked isMainGauche}} />
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">🎯 Attaque ciblée (-1 Niveau): </span>
|
||||
<select
|
||||
class=""
|
||||
type="text"
|
||||
id="roll-attaque-ciblee"
|
||||
value="{{attaqueCiblee}}"
|
||||
data-dtype="String"
|
||||
>
|
||||
{{#select attaqueCiblee}}
|
||||
{{#each config.ATTAQUE_CIBLEES as |attaque key|}}
|
||||
<option value="{{key}}">{{attaque.label}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Allonge {{allongeLabel}} : Indiquez l'allonge de votre adversaire
|
||||
ci-dessous.</span>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label"
|
||||
data-tooltip="Modification d'allonge selon votre arme et celle de votre adversaire">Allonge arme adversaire :
|
||||
</span>
|
||||
<select class="" type="text" id="roll-allonge" value="{{allongeId}}" data-dtype="String">
|
||||
{{#select allongeId}}
|
||||
{{#each allonges as |allonge key|}}
|
||||
<option value="{{key}}">{{allonge.label}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Charge à pied ?</span>
|
||||
<input type="checkbox" id="roll-charge-a-pied" {{checked isChargeAPied}} />
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Charge à cheval ?</span>
|
||||
<input type="checkbox" id="roll-charge-a-cheval" {{checked isChargeACheval}} />
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Main gauche ?</span>
|
||||
<input type="checkbox" id="roll-main-gauche" {{checked isMainGauche}} />
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Attaque ciblée (-1 Niveau): </span>
|
||||
<select class="" type="text" id="roll-attaque-ciblee" value="{{attaqueCiblee}}" data-dtype="String">
|
||||
{{#select attaqueCiblee}}
|
||||
{{#each config.ATTAQUE_CIBLEES as |attaque key|}}
|
||||
<option value="{{key}}">{{attaque.label}}</option>
|
||||
{{/each}}
|
||||
{{/select}}
|
||||
</select>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">Difficulté : </span>
|
||||
<select class="" type="text" id="roll-difficulty" value="{{difficulty}}" data-dtype="String">
|
||||
{{selectOptions config.difficulte selected=difficulty valueAttr="key" labelAttr="label"}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flexrow">
|
||||
<span class="roll-dialog-label">📊 Difficulté : </span>
|
||||
<select
|
||||
class=""
|
||||
type="text"
|
||||
id="roll-difficulty"
|
||||
value="{{difficulty}}"
|
||||
data-dtype="String"
|
||||
>
|
||||
{{selectOptions
|
||||
config.difficulte
|
||||
selected=difficulty
|
||||
valueAttr="key"
|
||||
labelAttr="label"
|
||||
}}
|
||||
</select>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user