CSS rework et autres améliorations
This commit is contained in:
@@ -1,99 +1,110 @@
|
||||
<div class="chat-message-header">
|
||||
{{#if actorImg}}
|
||||
<img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
|
||||
<img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
|
||||
{{/if}}
|
||||
<h4 class="chat-actor-name">{{alias}}</h4>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div class="chat-roll-details" style="margin-top: 0.3rem;">
|
||||
{{#if img}}
|
||||
<div style="text-align: center; margin-bottom: 0.3rem;">
|
||||
<img class="chat-icon" src="{{img}}" alt="{{name}}" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if img}}
|
||||
<div>
|
||||
<img class="chat-icon" src="{{img}}" alt="{{name}}" />
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="chat-info-badge" style="margin-bottom: 0.4rem;">
|
||||
<strong>{{alias}}</strong>
|
||||
attaque
|
||||
<strong>{{defenderName}}</strong>
|
||||
</div>
|
||||
|
||||
<div class="flexcol">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li><strong>{{alias}}</strong> attaque <strong>{{defenderName}}</strong></li>
|
||||
<ul style="margin: 0; padding-left: 0.5rem;">
|
||||
|
||||
{{#if arme}}
|
||||
<li><label class="chat-weapon-name">Dégats {{arme.name}} : {{degats}} ({{degatsFormula}})</label></li>
|
||||
<li style="margin: 0.2rem 0;"><span class="chat-info-badge">Dégâts
|
||||
{{arme.name}}
|
||||
:
|
||||
{{degats}}
|
||||
({{degatsFormula}})</span></li>
|
||||
{{/if}}
|
||||
{{#if loc}}
|
||||
<li>Localisation : {{loc.label}}</li>
|
||||
<li>Touché : {{touche}}</li>
|
||||
<li style="margin: 0.2rem 0;"><span
|
||||
class="chat-difficulty-badge"
|
||||
>Localisation : {{loc.label}}</span></li>
|
||||
<li style="margin: 0.2rem 0;">Touché : {{touche}}</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if gantelet}}
|
||||
<li>Poing avec gantelet: +1 dégat</li>
|
||||
<li>Poing avec gantelet: +1 dégat</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if isChargeAPied}}
|
||||
<li>Charge à pied (+Course)</li>
|
||||
<li>Charge à pied (+Course)</li>
|
||||
{{/if}}
|
||||
{{#if isChargeACheval}}
|
||||
<li>Charge à cheval (+Equitation)</li>
|
||||
<li>Charge à cheval (+Equitation)</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if isReussiteCritique}}
|
||||
<li><strong class="chat-result-success">Réussite critique : La blessure a été augmentée d'un niveau</strong></li>
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-success">🎯
|
||||
Réussite critique : La blessure a été augmentée d'un niveau</span></li>
|
||||
{{/if}}
|
||||
{{#if blessure}}
|
||||
<li><strong>{{defenderName}} a subi une blessure!</strong></li>
|
||||
<li>Gravité : {{blessure.name}}</li>
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-warning-badge">⚔️
|
||||
{{defenderName}}
|
||||
a subi une blessure!</span></li>
|
||||
<li style="margin: 0.2rem 0;"><strong>Gravité :
|
||||
{{blessure.name}}</strong></li>
|
||||
|
||||
{{#if (eq loc.categorie "tete")}}
|
||||
{{#if (gt blessure.system.value 0)}}
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-failure">💥
|
||||
{{defenderName}}
|
||||
doit réussir un test d'Endurance de difficulté 7 ou être assommé</span></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if (eq loc.categorie "tete")}}
|
||||
{{#if (gt blessure.system.value 0)}}
|
||||
<li><strong class="chat-result-warning">{{defenderName}} doit réussir un test d'Endurance de difficulté 7 ou être
|
||||
assommé</strong></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{#if (eq loc.categorie "bras")}}
|
||||
{{#if (gt blessure.system.value 2)}}
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-failure">💥
|
||||
{{defenderName}}
|
||||
lâche l'objet tenu par son bras. Il doit faire un test d'endurance
|
||||
pour l'utiliser désormais.</span></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if (eq loc.categorie "bras")}}
|
||||
{{#if (gt blessure.system.value 2)}}
|
||||
<li><strong class="chat-result-warning">{{defenderName}} lache l'objet tenu par son bras. Il doit faire un test
|
||||
d'endurance
|
||||
pour l'utiliser désormais.</strong></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{#if (eq loc.categorie "jambe")}}
|
||||
{{#if (gt blessure.system.value 2)}}
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-failure">💥
|
||||
{{defenderName}}
|
||||
tombe au sol. Pour se relever et marcher, il doit réussir un test
|
||||
d'Endurance à chaque tour.</span></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if (eq loc.categorie "jambe")}}
|
||||
{{#if (gt blessure.system.value 2)}}
|
||||
<li><strong class="chat-result-warning">{{defenderName}} tombe au sol. Pour se relever et marcher, il doit réussir
|
||||
un test
|
||||
d'Endurance à chaque tour.
|
||||
</strong></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if (eq loc.categorie "main")}}
|
||||
{{#if (gt blessure.system.value 1)}}
|
||||
<li><strong class="chat-result-warning">{{defenderName}} lache l'objet tenu par sa main. Il doit faire un test
|
||||
d'endurance
|
||||
pour l'utiliser désormais.</strong></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if (eq loc.categorie "pied")}}
|
||||
{{#if (gt blessure.system.value 1)}}
|
||||
<li><strong class="chat-result-warning">{{defenderName}} tombe au sol. Pour se relever et marcher, il doit réussir
|
||||
un test
|
||||
d'Endurance à chaque tour.
|
||||
</strong></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{#if (eq loc.categorie "main")}}
|
||||
{{#if (gt blessure.system.value 1)}}
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-failure">💥
|
||||
{{defenderName}}
|
||||
lâche l'objet tenu par sa main. Il doit faire un test d'endurance
|
||||
pour l'utiliser désormais.</span></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if (eq loc.categorie "pied")}}
|
||||
{{#if (gt blessure.system.value 1)}}
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-failure">💥
|
||||
{{defenderName}}
|
||||
tombe au sol. Pour se relever et marcher, il doit réussir un test
|
||||
d'Endurance à chaque tour.</span></li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{else}}
|
||||
<li>Aucune blessure subie par {{defenderName}}</li>
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-success">✓ Aucune
|
||||
blessure subie par
|
||||
{{defenderName}}</span></li>
|
||||
{{/if}}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1,38 +1,44 @@
|
||||
<div class="chat-message-header">
|
||||
{{#if actorImg}}
|
||||
<img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
|
||||
<img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
|
||||
{{/if}}
|
||||
<h4 class="chat-actor-name">{{alias}}</h4>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div class="chat-roll-details" style="margin-top: 0.3rem;">
|
||||
{{#if img}}
|
||||
<div style="text-align: center; margin-bottom: 0.3rem;">
|
||||
<img class="chat-icon" src="{{arme.img}}" alt="{{name}}" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if img}}
|
||||
<div>
|
||||
<img class="chat-icon" src="{{arme.img}}" alt="{{name}}" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li>Dégats de {{arme.name}}: {{formula}} </li>
|
||||
<ul style="margin: 0; padding-left: 0.5rem;">
|
||||
<li style="margin: 0.2rem 0;"><span class="chat-info-badge">Dégâts de
|
||||
{{arme.name}}:
|
||||
{{formula}}</span></li>
|
||||
{{#if gantelet}}
|
||||
<li>Poing avec gantelet: +1 dégat</li>
|
||||
<li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🥊 Poing
|
||||
avec gantelet: +1 dégât</span></li>
|
||||
{{/if}}
|
||||
{{#if isChargeAPied}}
|
||||
<li>Charge à pied (+Course)</li>
|
||||
<li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🏃
|
||||
Charge à pied (+Course)</span></li>
|
||||
{{/if}}
|
||||
{{#if isChargeACheval}}
|
||||
<li>Charge à cheval (+Equitation)</li>
|
||||
<li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🐴
|
||||
Charge à cheval (+Équitation)</span></li>
|
||||
{{/if}}
|
||||
<li>Dégats infligés : {{degats}}</li>
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-warning-badge">⚔️ Dégâts
|
||||
infligés :
|
||||
{{degats}}</span></li>
|
||||
{{#if loc}}
|
||||
<li>Localisation : {{loc.label}}</li>
|
||||
<li style="margin: 0.2rem 0;"><span class="chat-difficulty-badge">🎯
|
||||
Localisation :
|
||||
{{loc.label}}</span></li>
|
||||
{{/if}}
|
||||
{{#if isReussiteCritique}}
|
||||
<li><strong class="chat-result-success">Réussite critique : La blessure sera augmentée d'un niveau</strong></li>
|
||||
<li style="margin: 0.3rem 0;"><span class="chat-result-success">🎯
|
||||
Réussite critique : La blessure sera augmentée d'un niveau</span></li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -5,130 +5,134 @@
|
||||
<h4 class="chat-actor-name">{{alias}}</h4>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
{{#if img}}
|
||||
<div>
|
||||
<img class="chat-icon" src="{{img}}" alt="{{name}}" />
|
||||
<div style="text-align: center; padding: 0.25rem;">
|
||||
<img class="chat-icon" src="{{img}}" alt="{{name}}" style="border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.15);" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="flexcol">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="chat-roll-details">
|
||||
<ul>
|
||||
{{#if carac}}
|
||||
<li>{{carac.name}}: {{carac.qualite}} ({{carac.dice}}) </li>
|
||||
<li><strong>{{carac.name}}:</strong> {{carac.qualite}} <span class="chat-dice-formula">{{carac.dice}}</span></li>
|
||||
{{/if}}
|
||||
{{#if competence}}
|
||||
<li>{{competence.name}}: {{compScore}} </li>
|
||||
<li><strong>{{competence.name}}:</strong> {{compScore}}</li>
|
||||
{{/if}}
|
||||
{{#if bonusMalus}}
|
||||
<li>Bonus/Malus: {{bonusMalus}} </li>
|
||||
<li class="chat-info-badge"><strong>Bonus/Malus:</strong> {{bonusMalus}}</li>
|
||||
{{/if}}
|
||||
{{#if santeModifier}}
|
||||
<li>Santé: {{santeModifier}} niveaux</li>
|
||||
<li class="chat-warning-badge"><strong>Santé:</strong> {{santeModifier}} niveaux</li>
|
||||
{{/if}}
|
||||
{{#if enableProvidence}}
|
||||
<li>Un niveau de Providence a été utilisé !</li>
|
||||
<li class="chat-info-badge" style="background: rgba(255, 215, 0, 0.2); border-left-color: goldenrod;">⭐ Un niveau de Providence a été utilisé !</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if hasActions}}
|
||||
<li data-tooltip="Nombre d'actions restantes, avec MG = Main Gauche">Actions restantes: {{remainingActions}}
|
||||
(MG:{{remainingActionsMainGauche}})</li>
|
||||
<li class="chat-info-badge" data-tooltip="Nombre d'actions restantes, avec MG = Main Gauche">
|
||||
<strong>Actions restantes:</strong> {{remainingActions}} (MG:{{remainingActionsMainGauche}})
|
||||
</li>
|
||||
{{/if}}
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isViser}}
|
||||
<li>Bonus de visée (+1 niveau)</li>
|
||||
<li class="chat-info-badge">✓ Bonus de visée (+1 niveau)</li>
|
||||
{{/if}}
|
||||
{{#if isMouvement}}
|
||||
<li>Malus de cible petite ou en mouvement (-1 niveau)</li>
|
||||
<li class="chat-warning-badge">⚠ Malus de cible petite ou en mouvement (-1 niveau)</li>
|
||||
{{/if}}
|
||||
{{#if attaqueCiblee}}
|
||||
<li>Attaque ciblée, -1 niveau</li>
|
||||
<li class="chat-warning-badge">⚠ Attaque ciblée, -1 niveau</li>
|
||||
{{/if}}
|
||||
{{#if allongeMalus}}
|
||||
<li>Malus d'allonge: {{allongeMalus}} niveau</li>
|
||||
<li class="chat-warning-badge">⚠ Malus d'allonge: {{allongeMalus}} niveau</li>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
<li>Dés: {{diceFormula}} </li>
|
||||
<li><strong>Formule:</strong> <span class="chat-dice-formula">{{diceFormula}}</span></li>
|
||||
{{#if isTir}}
|
||||
<li>Portée: {{porteeLabel}} ( {{difficulty}} )</li>
|
||||
<li><strong>Portée:</strong> {{porteeLabel}} <span class="chat-difficulty-badge">Difficulté: {{difficulty}}</span></li>
|
||||
{{else}}
|
||||
<li>Difficulté: {{difficulty}} </li>
|
||||
<li><strong>Difficulté:</strong> <span class="chat-difficulty-badge">{{difficulty}}</span></li>
|
||||
{{/if}}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="flexrow">
|
||||
<ul class="chat-result-column">
|
||||
<li><strong>Résultat: {{total}}</strong> </li>
|
||||
<div class="chat-roll-result-section">
|
||||
<div class="chat-total-result">Résultat: {{total}}</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
{{#if isSuccess}}
|
||||
<li><strong class="chat-result-success">Succès !</strong> </li>
|
||||
<div class="chat-result-success">Succès !</div>
|
||||
{{#if isReussiteCritique}}
|
||||
<li data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP gagné en {{carac.name}}">
|
||||
<strong class="chat-result-success">Réussite critique (XP potentiel) !</strong>
|
||||
</li>
|
||||
<div class="chat-result-success" data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP en {{carac.name}}" style="margin-top: 0.3rem;">
|
||||
🌟 Réussite critique (XP potentiel) !
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if arme}}
|
||||
<li><strong class="">Attaque réussie ! Faites une opposition avec la défense de la cible ou appliquez directement
|
||||
les dégats.</strong> </li>
|
||||
<div class="chat-info-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem; font-size: 0.9em;">
|
||||
⚔️ <strong>Attaque réussie !</strong> Faites une opposition avec la défense de la cible ou appliquez directement les dégâts.
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{else}}
|
||||
<li><strong class="chat-result-failure">Echec !</strong> </li>
|
||||
<div class="chat-result-failure">Échec !</div>
|
||||
{{#if critiqueTotal}}
|
||||
<div class="chat-negative-dice" style="margin-top: 0.3rem;">
|
||||
Dé négatif: {{critiqueTotal}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if isEchecCritique}}
|
||||
<li data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP gagné en {{carac.name}}">
|
||||
<strong class="chat-result-failure">Echec critique (XP potentiel) !</strong>
|
||||
</li>
|
||||
<div class="chat-result-failure" data-tooltip="Si le jet n'est pas opposé, cliquez sur le bouton pour gagner 1 XP en {{carac.name}}" style="margin-top: 0.3rem;">
|
||||
💀 Échec critique (XP potentiel) !
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#if nbEsquives}}
|
||||
<li>Rappel : vous devez réussir {{nbEsquives}} tests d'esquive pour arriver au contact (règle d'allonge des armes).
|
||||
</li>
|
||||
<div class="chat-warning-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem;">
|
||||
⚠️ Rappel : vous devez réussir {{nbEsquives}} tests d'esquive pour arriver au contact (règle d'allonge des armes).
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if loc}}
|
||||
<li><strong>Attaque réussie !!</strong> </li>
|
||||
<li>Localisation: {{loc.label}} </li>
|
||||
<div class="chat-info-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem; background: rgba(255, 215, 0, 0.15); border-left-color: goldenrod;">
|
||||
🎯 <strong>Localisation:</strong> {{loc.label}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if degats}}
|
||||
<li>Dégats: {{degats}} {{#if isReussiteCritique}}(Augmentez la gravité de la blessure d'un niveau){{/if}}</li>
|
||||
<div class="chat-warning-badge" style="display: block; margin-top: 0.4rem; padding: 0.3rem; font-size: 0.95em; background: rgba(255, 100, 100, 0.15); border-left-color: #a82020;">
|
||||
⚔️ <strong>Dégâts:</strong> {{degats}} {{#if isReussiteCritique}}<em>(Augmentez la gravité de la blessure d'un niveau)</em>{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
</ul>
|
||||
<div>
|
||||
|
||||
{{#if (or isEchecCritique isReussiteCritique)}}
|
||||
<a class="chat-command-gain-xp">
|
||||
<img class="chat-command-img" data-tooltip="Cliquez ici pour +1 XP en {{carac.name}} si pas d'opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/xpplus1.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<a class="chat-command-opposition">
|
||||
<img class="chat-command-img" data-tooltip="Test en opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/opposition.webp">
|
||||
</a>
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isSuccess}}
|
||||
<a class="chat-command-appliquer-degats">
|
||||
<img class="chat-command-img" data-tooltip="Appliquer les dégats directement sans opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/appliquer-degats.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chat-actions-bar">
|
||||
{{#if (or isEchecCritique isReussiteCritique)}}
|
||||
<a class="chat-command-gain-xp">
|
||||
<img class="chat-command-img" data-tooltip="Cliquez ici pour +1 XP en {{carac.name}} si pas d'opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/xpplus1.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<a class="chat-command-opposition">
|
||||
<img class="chat-command-img" data-tooltip="Test en opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/opposition.webp">
|
||||
</a>
|
||||
|
||||
{{#if arme}}
|
||||
{{#if isSuccess}}
|
||||
<a class="chat-command-appliquer-degats">
|
||||
<img class="chat-command-img" data-tooltip="Appliquer les dégâts directement sans opposition"
|
||||
src="systems/fvtt-te-deum/images/icons/appliquer-degats.webp">
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user