ds4/templates/sheets/actor/components/character-properties.hbs

{{!--
SPDX-FileCopyrightText: 2021 Johannes Loher
SPDX-FileCopyrightText: 2021 Oliver Rümpelein
SPDX-FileCopyrightText: 2021 Gesina Schwalbe

SPDX-License-Identifier: MIT
--}}

<div class="ds4-actor-properties">
    <div class="ds4-actor-properties__property">
        <label class="ds4-actor-properties__property-label"
            for="data.baseInfo.race-{{data._id}}">{{config.i18n.characterBaseInfo.race}}</label>
        <input type="text" name="data.baseInfo.race" id="data.baseInfo.race-{{data._id}}"
            value="{{data.data.baseInfo.race}}" data-dtype="String" />
    </div>
    <div class="ds4-actor-properties__property">
        <label class="ds4-actor-properties__property-label"
            for="data.baseInfo.culture-{{data._id}}">{{config.i18n.characterBaseInfo.culture}}</label>
        <input id="data.baseInfo.culture-{{data._id}}" type="text" name="data.baseInfo.culture"
            value="{{data.data.baseInfo.culture}}" data-dtype="String" />
    </div>
    <div class="ds4-actor-properties__property">
        <label class="ds4-actor-properties__property-label"
            for="data.progression.progressPoints.used-{{data._id}}">{{config.i18n.characterProgression.progressPoints}}</label>
        <div class="ds4-actor-properties__property-multi-input">
            <input id="data.progression.progressPoints.used-{{data._id}}" type="number"
                name="data.progression.progressPoints.used" value="{{data.data.progression.progressPoints.used}}"
                data-dtype="Number" />
            <span class="input-divider"> / </span>
            <label class="ds4-hidden" for="data.progression.progressPoints.total-{{data._id}}">Total
                Progression Points</label>
            <input type="number" id="data.progression.progressPoints.total-{{data._id}}"
                name="data.progression.progressPoints.total" value="{{data.data.progression.progressPoints.total}}"
                data-dtype="Number" />
        </div>
    </div>
    <div class="ds4-actor-properties__property">
        <label class="ds4-actor-properties__property-label"
            for="data.progression.talentPoints.used-{{data._id}}">{{config.i18n.characterProgression.talentPoints}}</label>
        <div class="ds4-actor-properties__property-multi-input">
            <input type="number" name="data.progression.talentPoints.used"
                id="data.progression.talentPoints.used-{{data._id}}" value="{{data.data.progression.talentPoints.used}}"
                data-dtype="Number" />
            <span class="input-divider"> / </span>
            <label for="data.progression.talentPoints.total-{{data._id}}" class="ds4-hidden">Total Talent Points</label>
            <input type="number" name="data.progression.talentPoints.total"
                id="data.progression.talentPoints.total-{{data._id}}"
                value="{{data.data.progression.talentPoints.total}}" data-dtype="Number" />
        </div>
    </div>
    <div class="ds4-actor-properties__property">
        <label class="ds4-actor-properties__property-label"
            for="data.baseInfo.class-{{data._id}}">{{config.i18n.characterBaseInfo.class}}</label>
        <select id="data.baseInfo.class-{{data._id}}" name="data.baseInfo.class" data-dtype="String">
            {{#select data.data.baseInfo.class}}
            {{#each classes as |value key|}}
            <option value="{{key}}">{{localize value.name}}</option>
            {{/each}}
            {{/select}}
        </select>
    </div>
    <div class="ds4-actor-properties__property">
        <label class="ds4-actor-properties__property-label"
            for="data.baseInfo.heroClass-{{data._id}}">{{config.i18n.characterBaseInfo.heroClass}}</label>
        <select id="data.baseInfo.heroClass-{{data._id}}" name="data.baseInfo.heroClass" data-dtype="String">
            {{#select data.data.baseInfo.heroClass}}
            {{#each heroClasses as |value key|}}
            <option value="{{key}}">{{localize value.name}}</option>
            {{/each}}
            {{/select}}
        </select>
    </div>
</div>