display du combat tracker

This commit is contained in:
rwanoux
2024-11-20 12:07:25 +01:00
parent 56a8e30348
commit 6568eb067f
+66 -53
View File
@@ -77,60 +77,70 @@
</header> </header>
<ol id="combat-tracker" class="directory-list"> <ol id="combat-tracker" class="directory-list">
{{#each turns}} {{#each turns as |turn index|}}
<li class="combatant actor directory-item flexrow {{this.css}}" {{log turn}}
data-combatant-id="{{this.id}}"> <li class="combatant actor directory-item flexrow {{turn.css}}"
<img class="token-image" data-src="{{this.img}}" data-combatant-id="{{turn.id}}">
alt="{{this.name}}" /> <img class="token-image" data-src="{{turn.img}}"
alt="{{turn.name}}" />
<div class="token-name flexcol"> <div class="token-name flexcol">
<h4 <h4
class="{{getCombatTrackerColor this.isPlayer this.isNpc}}">{{this.name}}</h4> class="{{getCombatTrackerColor turn.isPlayer turn.isNpc}}">{{turn.name}}</h4>
<div class="combatant-controls flexrow"> <div class="combatant-controls flexrow flex-between">
<a <div class="flexrow flex-around">
class="combatant-control {{#if this.hidden}}active{{/if}}" <a
data-tooltip="COMBAT.ToggleVis" class="combatant-control {{#if turn.hidden}}active{{/if}}"
data-control="toggleHidden"> data-tooltip="COMBAT.ToggleVis"
<i class="fas fa-eye-slash"></i> data-control="toggleHidden">
</a> <i class="fas fa-eye-slash"></i>
<a </a>
class="combatant-control {{#if this.defeated}}active{{/if}}" <a
data-tooltip="COMBAT.ToggleDead" class="combatant-control {{#if turn.defeated}}active{{/if}}"
data-control="toggleDefeated"> data-tooltip="COMBAT.ToggleDead"
<i class="fas fa-skull"></i> data-control="toggleDefeated">
</a> <i class="fas fa-skull"></i>
<a class="combatant-control offensive status" </a>
data-tooltip="{{localize 'ATTITUDES.offensive.name'}}"
data-attitude="offensive"> {{#if turn.canPing}}
<i <a class="combatant-control"
class="fas fa-fist-raised" data-tooltip="COMBAT.PingCombatant"
style="{{#if (eq this.attitude "offensive")}}color:white data-control="alertPingCombatant">
{{else}}color:gray {{/if}}"></i> <i class="fa-solid fa-bullseye-arrow"></i>
</a> </a>
<a class="combatant-control active status" {{/if}}
data-tooltip="{{localize 'ATTITUDES.active.name'}}" </div>
data-attitude="active"> {{#if turn.owner }}
<i
class="fas fa-bow-arrow" <div class="flexrow flex-around">
style="{{#if (eq this.attitude "active")}}color:white <a class="combatant-control offensive status"
{{else}} color:gray data-tooltip="{{localize 'ATTITUDES.offensive.name'}}"
{{/if}}"></i> data-attitude="offensive">
</a> <i
<a class="combatant-control passive status" class="fas fa-fist-raised"
data-tooltip="{{localize 'ATTITUDES.passive.name'}}" style="{{#if (eq turn.attitude "offensive")}}color:white
data-attitude="passive"> {{else}}color:gray {{/if}}"></i>
<i class="fas fa-shield-quartered" </a>
style="{{#if (eq this.attitude "passive")}}color:white <a class="combatant-control active status"
{{else}} color:gray{{/if}}"></i> data-tooltip="{{localize 'ATTITUDES.active.name'}}"
</a> data-attitude="active">
{{#if this.canPing}} <i
<a class="combatant-control" class="fas fa-bow-arrow"
data-tooltip="COMBAT.PingCombatant" style="{{#if (eq turn.attitude "active")}}color:white
data-control="alertPingCombatant"> {{else}} color:gray
<i class="fa-solid fa-bullseye-arrow"></i> {{/if}}"></i>
</a> </a>
<a class="combatant-control passive status"
data-tooltip="{{localize 'ATTITUDES.passive.name'}}"
data-attitude="passive">
<i class="fas fa-snooze"
style="{{#if (eq turn.attitude "passive")}}color:white
{{else}} color:gray{{/if}}"></i>
</a>
</div>
{{/if}} {{/if}}
<div class="token-effects"> <div class="token-effects">
{{#each this.effects}} {{#each turn.effects}}
<img class="token-effect" src="{{this}}" /> <img class="token-effect" src="{{this}}" />
{{/each}} {{/each}}
</div> </div>
@@ -165,7 +175,8 @@
data-control="previousRound"><i data-control="previousRound"><i
class="fas fa-step-backward"></i></a> class="fas fa-step-backward"></i></a>
<a class="combat-control" data-tooltip="COMBAT.TurnPrev" <a class="combat-control" data-tooltip="COMBAT.TurnPrev"
data-control="previousTurn"><i class="fas fa-arrow-left"></i></a> data-control="previousTurn"><i
class="fas fa-arrow-left"></i></a>
<a class="combat-control center" data-control="endCombat">{{localize <a class="combat-control center" data-control="endCombat">{{localize
'COMBAT.End'}}</a> 'COMBAT.End'}}</a>
<a class="combat-control" data-tooltip="COMBAT.TurnNext" <a class="combat-control" data-tooltip="COMBAT.TurnNext"
@@ -173,12 +184,14 @@
<a class="combat-control" data-tooltip="COMBAT.RoundNext" <a class="combat-control" data-tooltip="COMBAT.RoundNext"
data-control="nextRound"><i class="fas fa-step-forward"></i></a> data-control="nextRound"><i class="fas fa-step-forward"></i></a>
{{else}} {{else}}
<a class="combat-control center" data-control="startCombat">{{localize <a class="combat-control center"
data-control="startCombat">{{localize
'COMBAT.Begin'}}</a> 'COMBAT.Begin'}}</a>
{{/if}} {{/if}}
{{else if control}} {{else if control}}
<a class="combat-control" data-tooltip="COMBAT.TurnPrev" <a class="combat-control" data-tooltip="COMBAT.TurnPrev"
data-control="previousTurn"><i class="fas fa-arrow-left"></i></a> data-control="previousTurn"><i
class="fas fa-arrow-left"></i></a>
<a class="combat-control center" data-control="nextTurn">{{localize <a class="combat-control center" data-control="nextTurn">{{localize
'COMBAT.TurnEnd'}}</a> 'COMBAT.TurnEnd'}}</a>
<a class="combat-control" data-tooltip="COMBAT.TurnNext" <a class="combat-control" data-tooltip="COMBAT.TurnNext"