70 lines
2.8 KiB
Handlebars
70 lines
2.8 KiB
Handlebars
<ol class="combat-tracker plain">
|
|
{{#each turns}}
|
|
<li class="combatant {{ css }}" data-combatant-id="{{ id }}" data-action="activateCombatant">
|
|
{{!-- TODO: Targets --}}
|
|
|
|
{{!-- Image --}}
|
|
<img class="token-image" src="{{ img }}" alt="{{ name }}" loading="lazy">
|
|
|
|
{{!-- Name & Controls --}}
|
|
<div class="token-name">
|
|
<strong class="name">{{ name }}</strong>
|
|
<div class="combatant-controls">
|
|
{{#if @root.user.isGM}}
|
|
<button type="button" class="inline-control combatant-control icon fa-solid fa-eye-slash {{#if hidden}}active{{/if}}"
|
|
data-action="toggleHidden" data-tooltip aria-label="{{ localize "COMBAT.ToggleVis" }}"></button>
|
|
<button type="button" class="inline-control combatant-control icon fa-solid fa-skull {{#if isDefeated}}active{{/if}}"
|
|
data-action="toggleDefeated" data-tooltip
|
|
aria-label="{{ localize "COMBAT.ToggleDead" }}"></button>
|
|
{{/if}}
|
|
{{#if canPing}}
|
|
<button type="button" class="inline-control combatant-control icon fa-solid fa-bullseye-arrow"
|
|
data-action="pingCombatant" data-tooltip
|
|
aria-label="{{ localize "COMBAT.PingCombatant" }}"></button>
|
|
{{/if}}
|
|
{{#unless @root.user.isGM}}
|
|
<button type="button" class="inline-control combatant-control icon fa-solid fa-arrows-to-eye"
|
|
data-action="panToCombatant" data-tooltip
|
|
aria-label="{{ localize "COMBAT.PanToCombatant" }}"></button>
|
|
{{/unless}}
|
|
{{!-- TODO: Target Control --}}
|
|
<div class="token-effects" data-tooltip-html="{{ effects.tooltip }}">
|
|
{{#each effects.icons}}
|
|
<img class="token-effect" src="{{ img }}" alt="{{ name }}">
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{!-- Resource --}}
|
|
{{#if resource includeZero=true}}
|
|
<div class="token-resource">
|
|
<span class="resource">{{ resource }}</span>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{!-- Turn Completed Toggle Button --}}
|
|
<div class="token-turn-completed">
|
|
<a
|
|
class="combatant-control"
|
|
{{#if turnDone}}
|
|
style="color: var(--color-text-subtle);"
|
|
{{/if}}
|
|
{{#if @root.user.isGM}}
|
|
data-tooltip="{{localize 'DUNE.combat.ToggleCombatantsTurnDone'}}"
|
|
{{else}}
|
|
{{#if turnDone}}
|
|
data-tooltip="{{localize 'DUNE.combat.CombatantsTurnDone'}}"
|
|
{{else}}
|
|
data-tooltip="{{localize 'DUNE.combat.CombatantsTurnNotDone'}}"
|
|
{{/if}}
|
|
{{/if}}
|
|
data-action="toggleCombatantTurnDone"
|
|
>
|
|
<i class="fa-solid fa-circle-check fa-xl"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
{{/each}}
|
|
</ol>
|