daggerheart/templates/sheets/activeEffect/changes.hbs

<section class="tab changes{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
    <fieldset class="conditional">
        <legend>{{localize "DAGGERHEART.GENERAL.conditional.label.plural"}}</legend>
        <p class="hint">{{localize "DAGGERHEART.GENERAL.conditional.hint"}}</p>
        <div class="double-buttons">
            <button type="button" data-action="setAndOr" data-value="true"{{#unless source.system.conditional.andOr}} class="inactive"{{/unless}}>{{localize 'DAGGERHEART.GENERAL.and'}}</button>
            <button type="button" data-action="setAndOr" data-value="false"{{#if source.system.conditional.andOr}} class="inactive"{{/if}}>{{localize 'DAGGERHEART.GENERAL.or'}}</button>
        </div>
        <header>
            <div class="field">{{localize "EFFECT.ChangeKey"}}</div>
            <div class="operator">{{localize "EFFECT.ChangeFilter"}}</div>
            <div class="value">{{localize "EFFECT.ChangeValue"}}</div>
            <div class="negate">{{localize "EFFECT.ChangeNegate"}}</div>
            <div class="controls"><a data-action="addCondition"><i class="fa-regular fa-square-plus"></i></a></div>
        </header>
        <ol class="scrollable">
            {{#each source.system.conditional.condition as |condition i|}}
            {{#with ../document.system.schema.fields.conditional.fields.condition.element.fields as |conditionFields|}}
                <li data-index="{{i}}">
                    <div class="field">
                        {{formInput conditionFields.field value=condition.field name=(concat "system.conditional.condition." i ".field") localize=true }}
                    </div>
                    <div class="operator">
                        {{formInput conditionFields.operator value=condition.operator name=(concat "system.conditional.condition." i ".operator") localize=true }}
                    </div>
                    <div class="value">
                        {{formInput conditionFields.value value=condition.value name=(concat "system.conditional.condition." i ".value") localize=true }}
                    </div>
                    <div class="negate">
                        {{formInput conditionFields.negate value=condition.negate name=(concat "system.conditional.condition." i ".negate") localize=true }}
                    </div>
                    <div class="controls"><a data-action="deleteCondition"><i class="fa-solid fa-trash"></i></a></div>
                </li>
            {{/with}}
            {{/each}}
        </ol>
    </fieldset>
    <fieldset>
        <legend>{{localize "DAGGERHEART.GENERAL.Effect.plural"}}</legend>
        <header>
            <div class="key">{{localize "EFFECT.ChangeKey"}}</div>
            <div class="mode">{{localize "EFFECT.ChangeMode"}}</div>
            <div class="value">{{localize "EFFECT.ChangeValue"}}</div>
            <div class="priority">{{localize "EFFECT.ChangePriority"}}</div>
            <div class="controls"><a data-action="addChange"><i class="fa-regular fa-square-plus"></i></a></div>
        </header>
        <ol class="scrollable" data-changes>
            {{#each source.changes as |change i|}}
            {{#with ../fields.changes.element.fields as |changeFields|}}
                <li data-index="{{i}}">
                    <div class="key">
                        <input type="text" class="effect-change-input" name="{{concat "changes." i ".key"}}" value="{{change.key}}" />
                    </div>
                    <div class="mode">
                        {{formInput changeFields.mode name=(concat "changes." i ".mode") value=change.mode choices=@root.modes}}
                    </div>
                    <div class="value">
                        {{formInput changeFields.value name=(concat "changes." i ".value") value=change.value}}
                    </div>
                    <div class="priority">
                        {{formInput changeFields.priority name=(concat "changes." i ".priority") value=change.priority
                            placeholder=(lookup ../../priorities change.mode)}}
                    </div>
                    <div class="controls"><a data-action="deleteChange"><i class="fa-solid fa-trash"></i></a></div>
                </li>
            {{/with}}
            {{/each}}
        </ol>
    </fieldset>
</section>