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"}}</legend>
        <p class="hint">{{localize "DAGGERHEART.GENERAL.conditional.hint"}}</p>
        <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>
        </header>
        <ol>
            <li>
                <div class="field">
                    {{formInput document.system.schema.fields.conditional.fields.field value=source.system.conditional.field localize=true }}
                </div>
                <div class="operator">
                    {{formInput document.system.schema.fields.conditional.fields.operator value=source.system.conditional.operator localize=true }}
                </div>
                <div class="value">
                    {{formInput document.system.schema.fields.conditional.fields.value value=source.system.conditional.value localize=true }}
                </div>
                <div class="negate">
                    {{formInput document.system.schema.fields.conditional.fields.negate value=source.system.conditional.negate localize=true }}
                </div>
            </li>
        </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>