hench/templates/actors/hench.hbs

<form>
    <h1> {{ actor.name }} </h1>
    <button id="hench-console-log">Log data to console.</button>
    <h2> Details: </h2>

    <div id="hench-explicit-details">
        <p>Name: <input type="text" class="hench-text-input" value="{{actor.name}}" data-field-path="name" /></p>
        <p>Look: <input type="text" class="hench-text-input" value="{{actor.system.look}}" data-field-path="actor.system.look" /></p>
        <div>
            <span><b>Playbook:</b></span>
            <select class="hench-hench-sheet-playbook-dropdown">
                {{#each playbookKeys}}
                    <option value="{{this.key}}" {{#if this.selected}}selected{{/if}}>{{this.key}}</option>
                {{/each}}
            </select>
        </div>
        <h3> Details </h3>
        <div>
            <ul>
                {{#each actor.system.details}}
                    <li>
                        <b>{{this.question}}:</b>
                        <input type="text" class="hench-text-input" data-field-path="system.details[{{@index}}].answer" value="{{this.answer}}" />
                    </li>
                {{/each}}
            </ul>
        </div>
        <h3> Inclinations </h3>
        <div>
            <ul>
                {{#each actor.system.fixedInclinations}}
                    <li>{{this}}</li>
                {{/each}}
                <li>
                    <input type="text" class="hench-text-input" data-field-path="system.customInclination" value="{{actor.system.customInclination}}" />
                </li>
            </ul>
        </div>
        <h3>Mission Planning</h3>
        <ul>
            {{#each actor.system.missionPlanning}}
                <li>{{this}}</li>
            {{/each}}
        </ul>

        <p><b>Gear Limit</b>: {{actor.system.gearLimit}}</p>

        <h3>Gear</h3>
        <ul>
            {{#each actor.system.fixedGear}}
                <li>
                    <input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.fixedGear[{{@index}}].marked" {{#if this.marked}}checked{{/if}}/>
                    {{this.description}}
                </li>
            {{/each}}
            <li>
                <input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.customGear.marked" {{#if actor.system.customGear.marked}}checked{{/if}}/>
                <input type="text" class="hench-text-input" data-field-path="system.customGear.description" value="{{actor.system.customGear.description}}" />
            </li>
        </ul>

        <h3> Harm: </h3>
        <div>
            <h4>Level 1:</h4>
            <ul>
                {{#each actor.system.harm.levelOne}}
                    <li>
                        <input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.harm.levelOne[{{@index}}].marked" {{#if this.marked}}checked{{/if}} />
                        <input type="text" class="hench-text-input" data-field-path="system.harm.levelOne[{{@index}}].description" value="{{this.description}}" />
                    </li>
                {{/each}}
            </ul>
            <h4>Level 2:</h4>
            <ul>
                {{#each actor.system.harm.levelTwo}}
                    <li>
                        <input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.harm.levelTwo[{{@index}}].marked" {{#if this.marked}}checked{{/if}} />
                        <input type="text" class="hench-text-input" data-field-path="system.harm.levelTwo[{{@index}}].description" value="{{this.description}}" />
                    </li>
                {{/each}}
            </ul>
            <h4>Level 3:</h4>
            <ul>
                {{#each actor.system.harm.levelThree}}
                    <li>
                        <input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.harm.levelThree[{{@index}}].marked" {{#if this.marked}}checked{{/if}} />
                        <input type="text" class="hench-text-input" data-field-path="system.harm.levelThree[{{@index}}].description" value="{{this.description}}" />
                    </li>
                {{/each}}
            </ul>
            <h4>Level 3:</h4>
            <ul>
                {{#each actor.system.harm.levelFour}}
                    <li>
                        <input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.harm.levelFour[{{@index}}].marked" {{#if this.marked}}checked{{/if}} />
                        <input type="text" class="hench-text-input" data-field-path="system.harm.levelFour[{{@index}}].description" value="{{this.description}}" />
                    </li>
                {{/each}}
            </ul>
        </div>
        <p>Stress: {{ actor.system.stress }}</p>
        <ul>
            {{#int2checkbox maxStress actor.system.stress}}
                <li style="display:inline"><input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.stress" data-value="{{index}}" {{#if marked}}checked{{/if}} /> </li>
            {{/int2checkbox}}
        </ul>
        <h3>Experience Triggers</h3>
        <ul>
            {{#each actor.system.experienceTriggers}}
                <li><input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.experienceTriggers[{{@index}}].marked" {{#if this.marked}}checked{{/if}} /> {{this.description}}</li>
            {{/each}}
        </ul>
        <p>Experience: {{ actor.system.experience }}</p>
        <ul>
            {{#int2checkbox maxExp actor.system.experience}}
                <li style="display:inline"><input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.experience" data-value="{{index}}" {{#if marked}}checked{{/if}} /> </li>
            {{/int2checkbox}}
        </ul>

        <h3>Advancements</h3>
        <ul>
            {{#each actor.system.baseAdvancements}}
                <li><input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.baseAdvancements[{{@index}}].marked" {{#if this.marked}}checked{{/if}} /> {{this.description}}</li>
            {{/each}}
            <hr />
            {{#each actor.system.exAdvancements}}
                <li><input type="checkbox" class="hench-checkbox-toggle-field" data-field-path="system.exAdvancements[{{@index}}].marked" {{#if this.marked}}checked{{/if}} /> {{this.description}}</li>
            {{/each}}
        </ul>
    </div>
</form>