daggerheart/templates/ui/chat/parts/target-part.hbs

<div class="roll-part target-section dice-roll" data-action="expandRoll">
    <div class="roll-part-header"><div><span>Target</span></div></div>
    {{#if targets.length}}
        <div class="roll-part-extra on-reduced">
            <div class="wrapper">
                <div class="target-hit-status">{{targetShort.hit}} {{#if (gt targetShort.hit 1)}}{{localize "DAGGERHEART.GENERAL.hit.single"}}{{else}}{{localize "DAGGERHEART.GENERAL.hit.plural"}}{{/if}}</div>
                <div class="target-hit-status is-miss">{{targetShort.miss}} {{#if (gt targetShort.miss 1)}}{{localize "DAGGERHEART.GENERAL.miss.single"}}{{else}}{{localize "DAGGERHEART.GENERAL.miss.plural"}}{{/if}}</div>
            </div>
        </div>
    {{/if}}
    <div class="roll-part-content dice-result">
        <div class="dice-tooltip">
            <div class="wrapper">
                {{#if targetSelection}}
                    <div class="target-selector">
                        <div class="roll-part-header"><div></div></div>
                        <div class="target-choice">
                            <div class="button-target-selection{{#if targetSelection}} target-selected{{/if}}" data-target-hit="true">{{localize "DAGGERHEART.UI.Chat.damageRoll.hitTarget"}}</div>
                            <div class="button-target-selection{{#unless targetSelection}} target-selected{{/unless}}">{{localize "DAGGERHEART.UI.Chat.damageRoll.currentTarget"}}</div>
                        </div>
                        <div class="roll-part-header"><div></div></div>
                    </div>
                {{/if}}
                {{#if roll.hasSave}}<div class="roll-part-extra">Reaction Roll All Targets<i class="fa-solid fa-shield fa-lg"></i></div>{{/if}}
                {{#each currentTargets}}
                    <div class="roll-target" data-token="{{id}}">
                        <img class="target-img" src="{{img}}">
                        <div class="target-data">
                            <div class="target-name">{{name}}</div>
                            {{#if ../targetSelection}}
                                <div class="target-hit-status {{#if hit}}is-hit{{else}}is-miss{{/if}}">
                                    {{#if hit}}
                                        {{localize "DAGGERHEART.GENERAL.hit.single"}}
                                    {{else}}
                                        {{localize "DAGGERHEART.GENERAL.miss.single"}}
                                    {{/if}}
                                </div>
                            {{/if}}
                        </div>
                        {{#if ../roll.hasSave}}<i class="fa-solid fa-shield fa-lg"></i>{{/if}}
                    </div>
                {{else}}
                    <i>{{localize "DAGGERHEART.GENERAL.noTarget"}}</i>
                {{/each}}
            </div>
        </div>
    </div>
</div>