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

<div class="roll-part roll-section">
    <div class="roll-part-content">
        <div class="roll-result-container">
            <span class="roll-result-value">{{roll.total}}</span>
            <span class="roll-result-desc">
                {{#if roll.isCritical}}
                    {{localize "DAGGERHEART.GENERAL.criticalShort"}}
                {{else}}
                    {{#if roll.result}}
                        {{localize "DAGGERHEART.GENERAL.withThing" thing=roll.result.label}}
                    {{/if}}
                {{/if}}
            </span>
        </div>
        {{#if roll.difficulty}}
            <span class="roll-difficulty{{#unless roll.success}} is-miss{{/unless}}">
                {{#if canViewSecret}}
                    difficulty {{roll.difficulty}}
                {{else}}
                    {{localize (ifThen roll.success "DAGGERHEART.GENERAL.success" "DAGGERHEART.GENERAL.failure")}}
                {{/if}}
            </span>
        {{/if}}
    </div>
    <div class="dice-roll" data-action="expandRoll">
        <div class="roll-part-header"><div><span>Formula</span></div></div>
        <div class="roll-part-content dice-result">
            <div class="dice-tooltip">
                <div class="wrapper">
                    <div class="roll-dice">
                        {{#if roll.hope}}
                            <div class="roll-die">
                                <label>{{localize "DAGGERHEART.GENERAL.hope"}}</label>
                                <div class="dice {{roll.hope.dice}} color-hope">{{roll.hope.value}}</div>
                            </div>
                            <div class="roll-die has-plus">
                                <label>{{localize "DAGGERHEART.GENERAL.fear"}}</label>
                                <div class="dice {{roll.fear.dice}} color-fear" style="--svg-folder: 'fear';">{{roll.fear.value}}</div>
                            </div>
                            {{#if roll.advantage.type}}
                                <div class="roll-die has-plus">
                                    {{#if (eq roll.advantage.type 1)}}
                                        <label>{{localize "DAGGERHEART.GENERAL.Advantage.short"}}</label>
                                        <div class="dice {{roll.advantage.dice}} color-adv">{{roll.advantage.value}}</div>
                                    {{else}}
                                        <label>{{localize "DAGGERHEART.GENERAL.Disadvantage.short"}}</label>
                                        <div class="dice {{roll.advantage.dice}} color-dis">{{roll.advantage.value}}</div>
                                    {{/if}}
                                </div>
                            {{/if}}
                            {{#if roll.rally.dice}}
                                <div class="roll-die has-plus">
                                    <label>{{localize "DAGGERHEART.GENERAL.fear"}}</label>
                                    <div class="dice {{roll.rally.dice}}">{{roll.rally.value}}</div>
                                </div>
                            {{/if}}
                            {{#each roll.extra}}
                                {{#each results}}
                                    {{#unless discarded}}
                                        <div class="roll-die has-plus">
                                            <label></label>
                                            <div class="dice {{../dice}}">{{result}}</div>
                                        </div>
                                    {{/unless}}
                                {{/each}}
                            {{/each}}
                        {{else}}
                            {{#each roll.dice}}
                                {{#each results}}
                                    <div class="roll-die {{#unless (or @../first discarded)}} has-plus{{/unless}}">
                                        <div class="dice {{../dice}}{{#if discarded}} discarded{{else}}{{#if (and @../first ../../roll.advantage.type)}}{{#if (eq ../../roll.advantage.type 1)}} color-adv{{else}} color-dis{{/if}}{{/if}}{{#if success}} color-adv{{/if}}{{/if}}">
                                            {{result}}
                                        </div>
                                    </div>
                                {{/each}}
                            {{/each}}
                        {{/if}}
                    </div>
                </div>
                <div class="roll-formula">{{roll.formula}}</div>
            </div>
        </div>
    </div>
</div>