ds4/templates/sheets/item/components/properties/spell.hbs

{{!--
SPDX-FileCopyrightText: 2021 Johannes Loher

SPDX-License-Identifier: MIT
--}}

<div class="ds4-item-properties ds4-item-properties--spell">
    <h4 class="ds4-item-properties__title">{{localize 'DS4.ItemPropertiesSpell'}}</h4>
    <div class="form-group">
        <label for="data.spellModifier.numerical-{{data._id}}"
            title="{{localize 'DS4.SpellModifierNumericalDescription'}}">{{localize
            "DS4.SpellModifierNumerical"}}</label>
        <div class="form-fields">
            <input id="data.spellModifier.numerical-{{data._id}}" data-dtype="Number" type="number"
                name="data.spellModifier.numerical" placeholder="0" value="{{data.data.spellModifier.numerical}}" />
        </div>
    </div>
    <div class="form-group">
        <label for="data.spellModifier.complex-{{data._id}}"
            title="{{localize 'DS4.SpellModifierComplexDescription'}}">{{localize
            "DS4.SpellModifierComplex"}}</label>
        <div class="form-fields">
            <input id="data.spellModifier.complex-{{data._id}}" data-dtype="String" type="text"
                name="data.spellModifier.complex" value="{{data.data.spellModifier.complex}}" />
        </div>
    </div>
    <div class="form-group">
        <label for="data.spellType-{{data._id}}" title="{{localize 'DS4.SpellTypeDescription'}}">{{localize
            "DS4.SpellType"}}</label>
        <div class="form-fields">
            <select id="data.spellType-{{data._id}}" name="data.spellType" data-dtype="String">
                {{#select data.data.spellType}}
                {{#each config.i18n.spellTypes as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellDistanceDescription'}}">{{localize "DS4.SpellDistance"}}</label>
        <div class="form-fields">
            <input data-dtype="String" type="text" name="data.maxDistance.value"
                value="{{data.data.maxDistance.value}}" />
            <select name="data.maxDistance.unit" data-dtype="String">
                {{#select data.data.maxDistance.unit}}
                {{#each config.i18n.distanceUnits as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellEffectRadiusDescription'}}">{{localize "DS4.SpellEffectRadius"}}</label>
        <div class="form-fields">
            <input data-dtype="String" type="text" name="data.effectRadius.value"
                value="{{data.data.effectRadius.value}}" />
            <select name="data.effectRadius.unit" data-dtype="String">
                {{#select data.data.effectRadius.unit}}
                {{#each config.i18n.distanceUnits as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellDurationDescription'}}">{{localize "DS4.SpellDuration"}}</label>
        <div class="form-fields">
            <input data-dtype="String" type="text" name="data.duration.value" value="{{data.data.duration.value}}" />
            <select name="data.duration.unit" data-dtype="String">
                {{#select data.data.duration.unit}}
                {{#each config.i18n.temporalUnits as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label for="data.cooldownDuration-{{data._id}}"
            title="{{localize 'DS4.CooldownDurationDescription'}}">{{localize "DS4.CooldownDuration"}}</label>
        <div class="form-fields">
            <select id="data.cooldownDuration-{{data._id}}" name="data.cooldownDuration" data-dtype="String">
                {{#select data.data.cooldownDuration}}
                {{#each config.i18n.cooldownDurations as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="ds4-form-group ds4-form-group--start">
        <label class="ds4-form-group__label" title="{{localize 'DS4.SpellGroupsDescription'}}">{{localize
            "DS4.SpellGroups"}}</label>
        <div class="ds4-checkbox-grid">
            {{#each config.i18n.spellGroups as |value key|}}
            <div class="ds4-checkbox-grid__item">
                <input class="ds4-checkbox-grid__checkbox" id="data.spellGroups.{{key}}-{{../data._id}}"
                    name="data.spellGroups.{{key}}" data-dtype="Boolean" type="checkbox" {{checked (lookup
                    ../data.data.spellGroups key)}} />
                <label for="data.spellGroups.{{key}}-{{../data._id}}">{{value}}</label>
            </div>
            {{/each}}
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellMinimumLevelDescription'}}">{{localize "DS4.SpellMinimumLevel"}}</label>
        <div class="form-fields">
            <label for="data.minimumLevels.healer-{{data._id}}">{{localize "DS4.SpellCasterClassHealer"}}</label>
            <input id="data.minimumLevels.healer-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="data.minimumLevels.healer" placeholder="–" value="{{data.data.minimumLevels.healer}}" />
            <label for="data.minimumLevels.wizard-{{data._id}}">{{localize "DS4.SpellCasterClassWizard"}}</label>
            <input id="data.minimumLevels.wizard-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="data.minimumLevels.wizard" placeholder="–" value="{{data.data.minimumLevels.wizard}}" />
            <label for="data.minimumLevels.sorcerer-{{data._id}}">{{localize
                "DS4.SpellCasterClassSorcerer"}}</label>
            <input id="data.minimumLevels.sorcerer-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="data.minimumLevels.sorcerer" placeholder="–" value="{{data.data.minimumLevels.sorcerer}}" />
        </div>
    </div>
    <div class="form-group">
        <label for="data.price-{{data._id}}" title="{{localize 'DS4.SpellPriceDescription'}}">{{localize
            "DS4.SpellPrice"}}</label>
        <div class="form-fields">
            <span id="data.price-{{data._id}}">{{data.data.price}}</span>
        </div>
    </div>
</div>