Reorganize templates file structure

src/templates/sheets/actor/character-sheet.hbs

@@ -0,0 +1,106 @@
+<form class="{{cssClass}} flexcol" autocomplete="off">
+    {{!-- Sheet Header --}}
+    <header class="sheet-header">
+        <img class="profile-img" src="{{actor.img}}" data-edit="img" alt="Actor Icon" title="{{actor.name}}"
+            height="100" width="100" />
+        <div class="header-fields flexrow">
+            <h1 class="charname">
+                <label for="actor.name" class="hidden">Name</label>
+                <input name="name" type="text" id="actor.name" value="{{actor.name}}" placeholder="Name" />
+            </h1>
+            {{> systems/ds4/templates/sheets/actor/components/character-progression.hbs}}
+
+            <div class="flexrow basic-properties">
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.race">{{config.i18n.characterBaseInfo.race}}</label>
+                    <input type="text" name="data.baseInfo.race" id="data.baseInfo.race" value="{{data.baseInfo.race}}"
+                        data-dtype="String" />
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.culture">{{config.i18n.characterBaseInfo.culture}}</label>
+                    <input id="data.baseInfo.culture" type="text" name="data.baseInfo.culture"
+                        value="{{data.baseInfo.culture}}" data-dtype="String" />
+                </div>
+                <div class="basic-property flex125">
+                    <label class="basic-property-label"
+                        for="data.progression.progressPoints.used">{{config.i18n.characterProgression.progressPoints}}</label>
+                    <div class="flexrow">
+                        <input id="data.progression.progressPoints.used" type="number"
+                            name="data.progression.progressPoints.used" value="{{data.progression.progressPoints.used}}"
+                            data-dtype="Number" />
+                        <span class="input-divider"> / </span>
+                        <label class="hidden" for="data.progression.progressPoints.total">Total
+                            Progression Points</label>
+                        <input type="number" id="data.progression.progressPoints.total"
+                            name="data.progression.progressPoints.total"
+                            value="{{data.progression.progressPoints.total}}" data-dtype="Number" />
+                    </div>
+                </div>
+                <div class="basic-property flex125">
+                    <label class="basic-property-label"
+                        for="data.progression.talentPoints.used">{{config.i18n.characterProgression.talentPoints}}</label>
+                    <div class="flexrow">
+                        <input type="number" name="data.progression.talentPoints.used"
+                            id="data.progression.talentPoints.used" value="{{data.progression.talentPoints.used}}"
+                            data-dtype="Number" />
+                        <span class="input-divider"> / </span>
+                        <label for="data.progression.talentPoints.total" class="hidden">Total Talent Points</label>
+                        <input type="number" name="data.progression.talentPoints.total"
+                            id="data.progression.talentPoints.total" value="{{data.progression.talentPoints.total}}"
+                            data-dtype="Number" />
+                    </div>
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.class">{{config.i18n.characterBaseInfo.class}}</label>
+                    <input type="text" id="data.baseInfo.class" name="data.baseInfo.class"
+                        value="{{data.baseInfo.class}}" data-dtype="String" />
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.heroClass">{{config.i18n.characterBaseInfo.heroClass}}</label>
+                    <input type="text" id="data.baseInfo.heroClass" name="data.baseInfo.heroClass"
+                        value="{{data.baseInfo.heroClass}}" data-dtype="String" />
+                </div>
+            </div>
+        </div>
+    </header>
+
+    {{!-- Sheet Tab Navigation --}}
+    <nav class="sheet-tabs tabs" data-group="primary">
+        <a class="item" data-tab="values">{{localize 'DS4.HeadingValues'}}</a>
+        <a class="item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
+        <a class="item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
+        <a class="item" data-tab="talents-abilities">{{localize 'DS4.HeadingTalentsAbilities'}}</a>
+        <a class="item" data-tab="profile">{{localize "DS4.HeadingProfile"}}</a>
+        <a class="item" data-tab="biography">{{localize 'DS4.HeadingBiography'}}</a>
+    </nav>
+
+    <!-- beautify ignore:start -->
+    <!-- prettier-ignore-start -->
+{{!-- Sheet Body (remove indentation to avoid annoying Handlebars auto-indent) --}}
+<section class="sheet-body">
+{{!-- Values Tab --}}
+{{> systems/ds4/templates/sheets/actor/tabs/values.hbs}}
+
+{{!-- Inventory Tab --}}
+{{> systems/ds4/templates/sheets/actor/tabs/character-inventory.hbs}}
+
+{{!-- Spells Tab --}}
+{{> systems/ds4/templates/sheets/actor/tabs/spells.hbs}}
+
+{{!-- Talents Tab --}}
+{{> systems/ds4/templates/sheets/actor/tabs/talents-abilities.hbs}}
+
+{{! Profile Tab --}}
+{{> systems/ds4/templates/sheets/actor/tabs/profile.hbs}}
+
+{{!-- Biography Tab --}}
+{{> systems/ds4/templates/sheets/actor/tabs/biography.hbs}}
+
+</section>
+    <!-- prettier-ignore-end -->
+    <!-- beautify ignore:end -->
+</form>

src/templates/sheets/actor/components/character-progression.hbs

@@ -0,0 +1,28 @@
+<div class="progression flexrow">
+    <div class="progression-entry">
+        <h2 class="progression-label"><label for="data.combatValues.hitPoints.value"
+                title="{{localize 'DS4.CombatValuesHitPointsCurrent'}}">{{localize
+                "DS4.CombatValuesHitPointsCurrentAbbr"}}</label>
+        </h2>
+        <input class="progression-value" type="number" name="data.combatValues.hitPoints.value"
+            id="data.combatValues.hitPoints.value" value="{{data.combatValues.hitPoints.value}}" data-dtype="Number" />
+    </div>
+    {{#if (eq actor.type "character")}}
+    <div class="progression-entry">
+        <h2 class="progression-label"><label for="data.progression.level"
+                title="{{localize 'DS4.CharacterProgressionLevel'}}">{{localize
+                "DS4.CharacterProgressionLevelAbbr"}}</label>
+        </h2>
+        <input class="progression-value" type="number" name="data.progression.level" id="data.progression.level"
+            value="{{data.progression.level}}" data-dtype="Number" />
+    </div>
+    <div class="progression-entry">
+        <h2 class="progression-label"><label for="data.progression.experiencePoints"
+                title="{{localize 'DS4.CharacterProgressionExperiencePoints'}}">{{localize
+                "DS4.CharacterProgressionExperiencePointsAbbr"}}</label>
+        </h2>
+        <input class="progression-value" type="number" name="data.progression.experiencePoints"
+            id="data.progression.experiencePoints" value="{{data.progression.experiencePoints}}" data-dtype="Number" />
+    </div>
+    {{/if}}
+</div>

src/templates/sheets/actor/components/combat-values.hbs

@@ -0,0 +1,33 @@
+{{!-- ======================================================================== --}}
+{{!-- INLINE PARTIAL DEFINITIONS --}}
+{{!-- ======================================================================== --}}
+
+{{!--
+!-- Render a combat value.
+!--
+!-- @param combat-value-key: The key of the combat value
+!-- @param combat-value-data: The data for the attribute
+!-- @param combat-value-label: The label for the attribute
+--}}
+
+{{#*inline "combat-value"}}
+<div class="combat-value-with-formula">
+    <div class="combat-value {{combat-value-key}}" title="{{combat-value-label}}: {{combat-value-data.tooltip}}"><span
+            class="combat-value-total">{{combat-value-data.total}}</span>
+    </div>
+    <div class="combat-value-formula flexrow"><span class="combat-value-base"
+            title="{{combat-value-label}} {{localize 'DS4.TooltipBaseValue'}}">{{combat-value-data.base}}</span><span>+</span><input
+            type="number" name="data.combatValues.{{combat-value-key}}.mod" value='{{combat-value-data.mod}}'
+            data-dtype="Number" title="{{combat-value-label}} {{localize 'DS4.TooltipModifier'}}" />
+    </div>
+</div>
+{{/inline}}
+
+{{!-- ======================================================================== --}}
+
+<div class="combat-values flexrow flex-between">
+    {{#each config.i18n.combatValues as |combat-value-label combat-value-key|}}
+    {{> combat-value combat-value-key=combat-value-key combat-value-data=(lookup ../data.combatValues
+    combat-value-key) combat-value-label=combat-value-label}}
+    {{/each}}
+</div>

src/templates/sheets/actor/components/core-value.hbs

@@ -0,0 +1,27 @@
+{{!--
+!-- Render a core value.
+!--
+!-- @param core-value-label: The label to display for the core value
+!-- @param core-value-key: The key of the core value
+!-- @param core-value-data: The data for the core value
+!-- @param core-value-variant: The variant of the core value, i.e. attribute or trait
+--}}
+
+<div class="ds4-core-value ds4-core-value--{{core-value-variant}}">
+    <label for="data.{{core-value-variant}}s.{{core-value-key}}.base"
+        class="ds4-core-value__label">{{core-value-label}}</label>
+    <div class="ds4-core-value__value">
+        <input class="ds4-core-value__value-input" type="number"
+            name="data.{{core-value-variant}}s.{{core-value-key}}.base"
+            id="data.{{core-value-variant}}s.{{core-value-key}}.base" value='{{core-value-data.base}}'
+            data-dtype="Number" title="{{core-value-label}} {{localize 'DS4.TooltipBaseValue'}}" />
+        <span>+</span>
+        <input class="ds4-core-value__value-input" type="number"
+            name="data.{{core-value-variant}}s.{{core-value-key}}.mod"
+            id="data.{{core-value-variant}}s.{{core-value-key}}.mod" value='{{core-value-data.mod}}' data-dtype="Number"
+            title="{{core-value-label}} {{localize 'DS4.TooltipModifier'}}" />
+        <span class="ds4-core-value__value-arrow">➞</span>
+        <span class="ds4-core-value__value-total"
+            title="{{core-value-label}}: {{core-value-data.tooltip}}">{{core-value-data.total}}</span>
+    </div>
+</div>

src/templates/sheets/actor/components/core-values.hbs

@@ -0,0 +1,12 @@
+<div class="ds4-core-values">
+    {{#each config.i18n.attributes as |attribute-label attribute-key|}}
+    {{> systems/ds4/templates/sheets/actor/components/core-value.hbs core-value-label=attribute-label
+    core-value-key=attribute-key core-value-data=(lookup ../data.attributes
+    attribute-key) core-value-variant="attribute"}}
+    {{/each}}
+    {{#each config.i18n.traits as |trait-label trait-key|}}
+    {{> systems/ds4/templates/sheets/actor/components/core-value.hbs core-value-label=trait-label
+    core-value-key=trait-key
+    core-value-data=(lookup ../data.traits trait-key) core-value-variant="trait"}}
+    {{/each}}
+</div>

src/templates/sheets/actor/components/currency.hbs

@@ -0,0 +1,8 @@
+<h4 class="ds4-currency-title">{{localize 'DS4.CharacterCurrency'}}</h4>
+<div class="ds4-currency">
+    {{#each data.currency as |value key|}}
+    <label for="data.currency.{{key}}" class="flex05">{{lookup ../config.i18n.characterCurrency key}}</label>
+    <input class="ds4-currency__value ds4-currency__value--{{key}} item-change" type="number" min="0" step="1"
+        name="data.currency.{{key}}" id="data.currency.{{key}}" value="{{value}}" data-dtype="Number" />
+    {{/each}}
+</div>

src/templates/sheets/actor/components/item-list-entry.hbs

@@ -0,0 +1,48 @@
+{{!--
+!-- Render an item list entry row.
+!-- If the partial is called with a partial block, the partial block
+!-- content is inserted before the description.
+!-- @param itemData: The data of the item.
+!-- @param isEquipable: A flag to enable the equipped column.
+!-- @param hasQuantity: A flag to enable the quantity column.
+!-- @param hideDescription: A flag to disable the description column.
+!-- @param @partial-block: Custom column headers can be passed using the partial block.
+--}}
+<li class="ds4-item-list__row item" data-item-id="{{itemData._id}}">
+    {{!-- equipped --}}
+    {{#if isEquipable}}
+    <input class="ds4-item-list__editable ds4-item-list__editable--checkbox item-change" type="checkbox" {{checked
+        itemData.data.equipped}} data-dtype="Boolean" data-property="data.equipped"
+        title="{{localize 'DS4.ItemEquipped'}}">
+    {{/if}}
+
+    {{!-- image --}}
+    {{> systems/ds4/templates/sheets/actor/components/rollable-image.hbs rollable=itemData.data.rollable
+    src=itemData.img alt=(localize "DS4.EntityImageAltText" name=itemData.name) title=itemData.name
+    rollableTitle=(localize "DS4.RollableImageRollableTitle" name=itemData.name) rollableClass="rollable-item"}}
+
+    {{!-- amount --}}
+    {{#if hasQuantity}}
+    <input class="ds4-item-list__editable item-change" type="number" min="0" step="1" value="{{itemData.data.quantity}}"
+        data-dtype="Number" data-property="data.quantity" title="{{localize 'DS4.Quantity'}}" />
+    {{/if}}
+
+    {{!-- name --}}
+    <input class="ds4-item-list__editable item-change" type="text" value="{{itemData.name}}" data-dtype="String"
+        data-property="name" title="{{htmlToPlainText itemData.data.description}}" />
+
+    {{!-- item type specifics --}}
+    {{#if @partial-block }}
+    {{> @partial-block}}
+    {{/if}}
+
+    {{!-- description --}}
+    {{#unless hideDescription}}
+    <div class="ds4-item-list__description" title="{{htmlToPlainText itemData.data.description}}">
+        {{{itemData.data.description}}}</div>
+    {{/unless}}
+
+    {{!-- control buttons --}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-control-buttons.hbs
+    class="ds4-item-list__control-buttons" }}
+</li>

src/templates/sheets/actor/components/item-list-header.hbs

@@ -0,0 +1,39 @@
+{{!--
+!-- Render an item list header row.
+!-- If the partial is called with a partial block, the partial block
+!-- content is inserted before the description heading.
+!-- @param isEquipable: A flag to enable the equipped column.
+!-- @param hasQuantity: A flag to enable the quantity column.
+!-- @param hideDescription: A flag to disable the description column.
+!-- @param @partial-block: Custom column headers can be passed using the partial block.
+--}}
+<li class="ds4-item-list__row ds4-item-list__row--header">
+    {{!-- equipped --}}
+    {{#if isEquipable}}
+    <div title="{{localize 'DS4.ItemEquipped'}}">{{localize 'DS4.ItemEquippedAbbr'}}</div>
+    {{/if}}
+
+    {{!-- image --}}
+    <div></div>
+
+    {{!-- amount --}}
+    {{#if hasQuantity}}
+    <div title="{{localize 'DS4.Quantity'}}">#</div>
+    {{/if}}
+
+    {{!-- name --}}
+    <div>{{localize 'DS4.ItemName'}}</div>
+
+    {{!-- item type specifics --}}
+    {{#if @partial-block }}
+    {{> @partial-block }}
+    {{/if}}
+
+    {{!-- description --}}
+    {{#unless hideDescription}}
+    <div>{{localize 'DS4.Description'}}</div>
+    {{/unless}}
+
+    {{!-- control buttons placeholder --}}
+    <div></div>
+</li>

src/templates/sheets/actor/components/items-overview.hbs

@@ -0,0 +1,134 @@
+{{!-- WEAPONS --}}
+<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeWeaponPlural'}}</h4>
+{{#unless (isEmpty itemsByType.weapon)}}
+<ol class="ds4-item-list ds4-item-list--weapon item-list">
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs isEquipable=true hasQuantity=true}}
+    {{!-- attack type --}}
+    <div class="ds4-item-list__image" title="{{localize 'DS4.AttackType'}}">{{localize 'DS4.AttackTypeAbbr'}}</div>
+
+    {{!-- weapon bonus --}}
+    <div title="{{localize 'DS4.WeaponBonus'}}">
+        {{localize 'DS4.WeaponBonusAbbr'}}
+    </div>
+
+    {{!-- opponent defense --}}
+    <div title="{{localize 'DS4.OpponentDefense'}}">
+        {{localize 'DS4.OpponentDefenseAbbr'}}
+    </div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+
+    {{#each itemsByType.weapon as |itemData id|}}
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData isEquipable=true
+    hasQuantity=true}}
+    {{!-- attack type --}}
+    <img class="ds4-item-list__image" src="{{lookup ../../config.icons.attackTypes itemData.data.attackType}}"
+        title="{{lookup ../../config.i18n.attackTypes itemData.data.attackType}}" />
+
+    {{!-- weapon bonus --}}
+    <div>{{ itemData.data.weaponBonus}}</div>
+
+    {{!-- opponent defense --}}
+    <div>{{ itemData.data.opponentDefense}}</div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+    {{/each}}
+</ol>
+{{/unless}}
+{{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='weapon'}}
+
+{{!-- ARMOR --}}
+<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeArmorPlural'}}</h4>
+{{#unless (isEmpty itemsByType.armor)}}
+<ol class="ds4-item-list ds4-item-list--armor item-list">
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs isEquipable=true hasQuantity=true}}
+    {{!-- armor material type --}}
+    <div title="{{localize 'DS4.ArmorMaterialType'}}">{{localize 'DS4.ArmorMaterialTypeAbbr'}}</div>
+
+    {{!-- armor type --}}
+    <div title="{{localize 'DS4.ArmorType'}}">{{localize 'DS4.ArmorTypeAbbr'}}</div>
+
+    {{!-- armor value --}}
+    <div title="{{localize 'DS4.ArmorValue'}}">
+        {{localize 'DS4.ArmorValueAbbr'}}
+    </div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+
+    {{#each itemsByType.armor as |itemData id|}}
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData isEquipable=true
+    hasQuantity=true}}
+    {{!-- armor material type --}}
+    <div title="{{lookup ../../config.i18n.armorMaterialTypes  itemData.data.armorMaterialType}}">
+        {{lookup ../../config.i18n.armorMaterialTypesAbbr itemData.data.armorMaterialType}}
+    </div>
+
+    {{!-- armor type --}}
+    <div title="{{lookup ../../config.i18n.armorTypes itemData.dataData.armorType}}">
+        {{lookup ../../config.i18n.armorTypesAbbr itemData.dataData.armorType}}
+    </div>
+
+    {{!-- armor value --}}
+    <div>{{ itemData.data.armorValue}}</div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+    {{/each}}
+</ol>
+{{/unless}}
+{{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='armor'}}
+
+{{!-- SHIELD --}}
+<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeShieldPlural'}}</h4>
+{{#unless (isEmpty itemsByType.shield)}}
+<ol class="ds4-item-list ds4-item-list--shield item-list">
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs isEquipable=true hasQuantity=true}}
+    {{!-- armor value --}}
+    <div title="{{localize 'DS4.ArmorValue'}}">
+        {{localize 'DS4.ArmorValueAbbr'}}
+    </div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+    {{#each itemsByType.shield as |itemData id|}}
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData isEquipable=true
+    hasQuantity=true}}
+    {{!-- armor value --}}
+    <div>{{itemData.data.armorValue}}</div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+    {{/each}}
+</ol>
+{{/unless}}
+{{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='shield'}}
+
+{{!-- EQUIPMENT --}}
+<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeEquipmentPlural'}}</h4>
+{{#unless (isEmpty itemsByType.equipment)}}
+<ol class="ds4-item-list ds4-item-list--equipment item-list">
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs isEquipable=true hasQuantity=true}}
+    {{!-- storage location --}}
+    <div>{{localize 'DS4.StorageLocation'}}</div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+    {{#each itemsByType.equipment as |itemData id|}}
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData isEquipable=true
+    hasQuantity=true}}
+    {{!-- storage location --}}
+    <input class="ds4-item-list__editable item-change" type="text" value="{{itemData.data.storageLocation}}"
+        data-dtype="String" data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}">
+    {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+    {{/each}}
+</ol>
+{{/unless}}
+{{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='equipment'}}
+
+{{!-- LOOT --}}
+<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeLootPlural'}}</h4>
+{{#unless (isEmpty itemsByType.loot)}}
+<ol class="ds4-item-list ds4-item-list--loot item-list">
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs hasQuantity=true}}
+    {{!-- storage location --}}
+    <div>{{localize 'DS4.StorageLocation'}}</div>
+    {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+    {{#each itemsByType.loot as |itemData id|}}
+    {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData hasQuantity=true}}
+    {{!-- storage location --}}
+    <input class="ds4-item-list__editable item-change" type="text" value="{{itemData.data.storageLocation}}"
+        data-dtype="String" data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}">
+    {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+    {{/each}}
+</ol>
+{{/unless}}
+{{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='loot'}}

src/templates/sheets/actor/components/overview-add-button.hbs

@@ -0,0 +1,10 @@
+{{!
+!-- Render an "add" button for adding an item of given data type.
+!-- @param dataType: hand over the dataType to the partial as hash parameter
+}}
+<div class="item-controls">
+    <a class="item-control item-create" title="Create item" data-type="{{dataType}}">
+        <i class="fas fa-plus"></i>
+        {{localize "DS4.UserInteractionAddItem"}}
+    </a>
+</div>

src/templates/sheets/actor/components/overview-control-buttons.hbs

@@ -0,0 +1,10 @@
+{{!--
+!-- Render a group of an "edit" and a "delete" button for the current item.
+!-- The current item is defined by the data-item-id HTML property of the parent li element.
+!-- @param class: Additional CSS class(es) for the controls
+--}}
+<div class="item-controls {{class}}">
+    <a class="item-control item-edit" title="{{localize 'DS4.UserInteractionEditItem'}}"><i class="fas fa-edit"></i></a>
+    <a class="item-control item-delete" title="{{localize 'DS4.UserInteractionDeleteItem'}}"><i
+            class="fas fa-trash"></i></a>
+</div>

src/templates/sheets/actor/components/rollable-image.hbs

@@ -0,0 +1,17 @@
+{{!--
+!-- Render an image that has a dice overlay image.
+!-- @param rollable: A flag indicating whether or not the image is actually rollable.
+!-- @param rollableClass: The CSS class(es) to add if the image is rollable.
+!-- @param title: The title for the rollable image if it is not actually rollable.
+!-- @param rollableTitle: The title for the rollable image if it is rollable.
+!-- @param src: The path to the image.
+!-- @param alt: An alternate text for the image.
+--}}
+<div class="ds4-rollable-image{{#if rollable}} ds4-rollable-image--rollable {{rollableClass}}{{/if}}"
+    title="{{#if rollable}}{{rollableTitle}}{{else}}{{title}}{{/if}}">
+    <img class="ds4-rollable-image__image" alt="{{alt}}" src="{{src}}" />
+    {{#if rollable}}
+    <img class="ds4-rollable-image__overlay" alt="{{localize 'DS4.DiceOverlayImageAltText'}}"
+        src="icons/svg/d20-black.svg" />
+    {{/if}}
+</div>

src/templates/sheets/actor/components/talent-rank-equation.hbs

@@ -0,0 +1,38 @@
+{{!-- ======================================================================== --}}
+{{!-- INLINE PARTIAL DEFINITIONS --}}
+{{!-- ======================================================================== --}}
+
+{{!--
+!-- Render an input element for a rank value property of an item.
+!-- @param talentRank: The talentRank
+!-- @param property: The key of the property in item.data (if 'base', the max value is set automatically)
+!-- @param disabled: If given, is placed plainly into the input as HTML property; meant to be set to "disabled" to
+disable the input element
+!-- @param localizeString: The string to use as key for the localized tooltip
+--}}
+{{#*inline "talentRankValue"}}
+<input class="ds4-talent-rank-equation__value item-change" data-dtype="Number" type="number" min="0" step="1" {{#if (eq
+    property 'base' ) }}max="{{talentRank.max}}" {{/if}} {{disabled}} data-property="data.rank.{{property}}"
+    value="{{lookup talentRank property}}" title="{{localize localizeString}}" />
+{{/inline}}
+
+{{!-- ======================================================================== --}}
+
+{{!--
+!-- Render an input element for a rank value property of an item.
+!-- @param talentRank: The talent rank
+--}}
+<div class="ds4-talent-rank-equation">
+    {{!-- acquired rank --}}
+    {{> talentRankValue talentRank=talentRank property='base' localizeString='DS4.TalentRankBase'}}
+    <div> ( {{localize "DS4.TalentRankOf"}} </div>
+    {{!-- maximum acquirable rank --}}
+    {{> talentRankValue talentRank=talentRank property='max' localizeString='DS4.TalentRankMax'}}
+    <div>) + </div>
+    {{!-- additional ranks --}}
+    {{> talentRankValue talentRank=talentRank property='mod' localizeString='DS4.TalentRankMod'}}
+    <div> = </div>
+    {{!-- derived total rank --}}
+    {{> talentRankValue talentRank=talentRank property='total' localizeString='DS4.TalentRankTotal'
+    disabled='disabled'}}
+</div>

src/templates/sheets/actor/creature-sheet.hbs

@@ -0,0 +1,80 @@
+<form class="{{cssClass}} flexcol" autocomplete="off">
+    {{!-- Sheet Header --}}
+    <header class="sheet-header">
+        <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100" />
+        <div class="header-fields flexrow">
+            <h1 class="charname">
+                <label for="actor.name" class="hidden">Name</label>
+                <input name="name" type="text" id="actor.name" value="{{actor.name}}" placeholder="Name" />
+            </h1>
+            {{> systems/ds4/templates/sheets/actor/components/character-progression.hbs}}
+
+            <div class="flexrow basic-properties">
+                <div class="basic-property">
+                    <label>{{config.i18n.creatureBaseInfo.creatureType}}</label>
+                    <select name="data.baseInfo.creatureType" data-type="String">
+                        {{#select data.baseInfo.creatureType}}
+                        {{#each config.i18n.creatureTypes as |value key|}}
+                        <option value="{{key}}">{{value}}</option>
+                        {{/each}}
+                        {{/select}}
+                    </select>
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.loot">{{config.i18n.creatureBaseInfo.loot}}</label>
+                    <input type="text" name="data.baseInfo.loot" value="{{data.baseInfo.loot}}" data-dtype="String" />
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.foeFactor">{{config.i18n.creatureBaseInfo.foeFactor}}</label>
+                    <input type="text" name="data.baseInfo.foeFactor" value="{{data.baseInfo.foeFactor}}"
+                        data-dtype="Number" />
+                </div>
+                <div class="basic-property">
+                    <label>{{config.i18n.creatureBaseInfo.sizeCategory}}</label>
+                    <select name="data.baseInfo.sizeCategory" data-type="String">
+                        {{#select data.baseInfo.sizeCategory}}
+                        {{#each config.i18n.creatureSizeCategories as |value key|}}
+                        <option value="{{key}}">{{value}}</option>
+                        {{/each}}
+                        {{/select}}
+                    </select>
+                </div>
+                <div class="basic-property">
+                    <label class="basic-property-label"
+                        for="data.baseInfo.experiencePoints">{{config.i18n.creatureBaseInfo.experiencePoints}}</label>
+                    <input type="text" name="data.baseInfo.experiencePoints" value="{{data.baseInfo.experiencePoints}}"
+                        data-dtype="Number" />
+                </div>
+            </div>
+        </div>
+    </header>
+
+    {{!-- Sheet Tab Navigation --}}
+    <nav class="sheet-tabs tabs" data-group="primary">
+        <a class="item" data-tab="values">{{localize 'DS4.HeadingValues'}}</a>
+        <a class="item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
+        <a class="item" data-tab="special-creature-abilities">{{localize 'DS4.HeadingSpecialCreatureAbilities'}}</a>
+        <a class="item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
+        <a class="item" data-tab="description">{{localize 'DS4.HeadingDescription'}}</a>
+    </nav>
+
+    {{!-- Sheet Body --}}
+    <section class="sheet-body">
+        {{!-- Values Tab --}}
+        {{> systems/ds4/templates/sheets/actor/tabs/values.hbs}}
+
+        {{!-- Inventory Tab --}}
+        {{> systems/ds4/templates/sheets/actor/tabs/creature-inventory.hbs}}
+
+        {{!-- Special Creature Abilities Tab --}}
+        {{> systems/ds4/templates/sheets/actor/tabs/special-creature-abilities.hbs}}
+
+        {{!-- Spells Tab --}}
+        {{> systems/ds4/templates/sheets/actor/tabs/spells.hbs}}
+
+        {{!-- Description Tab --}}
+        {{> systems/ds4/templates/sheets/actor/tabs/description.hbs}}
+    </section>
+</form>

src/templates/sheets/actor/tabs/biography.hbs

@@ -0,0 +1,4 @@
+<div class="tab biography" data-group="primary" data-tab="biography">
+    {{editor content=data.profile.biography target="data.profile.biography" button=true owner=owner
+    editable=editable}}
+</div>

src/templates/sheets/actor/tabs/character-inventory.hbs

@@ -0,0 +1,4 @@
+<div class="tab inventory" data-group="primary" data-tab="inventory">
+    {{> systems/ds4/templates/sheets/actor/components/currency.hbs}}
+    {{> systems/ds4/templates/sheets/actor/components/items-overview.hbs}}
+</div>

src/templates/sheets/actor/tabs/creature-inventory.hbs

@@ -0,0 +1,3 @@
+<div class="tab inventory" data-group="primary" data-tab="inventory">
+    {{> systems/ds4/templates/sheets/actor/components/items-overview.hbs}}
+</div>

src/templates/sheets/actor/tabs/description.hbs

@@ -0,0 +1,4 @@
+<div class="tab description" data-group="primary" data-tab="description">
+    {{editor content=data.baseInfo.description target="data.baseInfo.description" button=true owner=owner
+    editable=editable}}
+</div>

src/templates/sheets/actor/tabs/profile.hbs

@@ -0,0 +1,21 @@
+<div class="tab profile" data-group="primary" data-tab="profile">
+    <div class="grid grid-2col">
+        {{#each data.profile as |profile-data-value profile-data-key|}}
+        {{#if (and (ne profile-data-key 'biography') (ne profile-data-key 'specialCharacteristics'))}}
+        <div class="profile-entry">
+            <label for="data.profile.{{profile-data-key}}">
+                {{lookup ../config.i18n.characterProfile profile-data-key}}
+            </label>
+            <input type="text" name="data.profile.{{profile-data-key}}" value="{{profile-data-value}}"
+                data-dtype="{{lookup ../config.i18n.characterProfileDTypes profile-data-key}}" />
+        </div>
+        {{/if}}
+        {{/each}}
+        <div>
+            <label for="data.profile.specialCharacteristics">
+                {{lookup config.i18n.characterProfile 'specialCharacteristics'}}
+            </label>
+            <textarea name="data.profile.specialCharacteristics" data-dtype="String" rows="4">{{data.profile.specialCharacteristics}}</textarea>
+        </div>
+    </div>
+</div>

src/templates/sheets/actor/tabs/special-creature-abilities.hbs

@@ -0,0 +1,11 @@
+<div class="tab special-creature-abilities" data-group="primary" data-tab="special-creature-abilities">
+    {{#unless (isEmpty itemsByType.specialCreatureAbility)}}
+    <ol class="ds4-item-list ds4-item-list--special-creature-ability item-list">
+        {{> systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{#each itemsByType.specialCreatureAbility as |itemData id|}}
+        {{> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData}}
+        {{/each}}
+    </ol>
+    {{/unless}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='specialCreatureAbility'}}
+</div>

src/templates/sheets/actor/tabs/spells.hbs

@@ -0,0 +1,85 @@
+{{!-- ======================================================================== --}}
+{{!-- INLINE PARTIAL DEFINITIONS --}}
+{{!-- ======================================================================== --}}
+
+{{!--
+!-- Base template to display a value with unit.
+!-- @param unitDatum: the object to display; must have a value and a unit attribute
+!-- @param titleKey: The key of the localized title to use.
+!-- @param unitNames: mapping of allowed unitDatum.unit values to localized unit name
+!-- @param unitAbbrs: mapping of allowed unitDatum.unit values to unit abbreviation
+--}}
+{{#*inline "unit"}}
+<div title="{{localize titleKey}} [{{lookup unitNames unitDatum.unit}}]">
+    {{#if unitDatum.value }}
+    {{unitDatum.value}}&thinsp;{{lookup unitAbbrs unitDatum.unit}}
+    {{else}}-{{/if}}
+</div>
+{{/inline}}
+
+{{!--
+!-- Two templates based on the "unit" template for displaying values with unit.
+!-- Both accept a `config` object holding the unitNames and unitAbbr instead of
+!-- directly handing over the latter two.
+!-- @param titleKey: The key of the localized title to use.
+--}}
+{{#*inline "temporalUnit"}}
+{{> unit unitNames=config.i18n.temporalUnits unitAbbrs=config.i18n.temporalUnitsAbbr unitDatum=unitDatum
+titleKey=titleKey}}
+{{/inline}}
+
+{{#*inline "distanceUnit"}}
+{{> unit unitNames=config.i18n.distanceUnits unitAbbrs=config.i18n.distanceUnitsAbbr unitDatum=unitDatum
+titleKey=titleKey}}
+{{/inline}}
+
+
+{{!-- ======================================================================== --}}
+
+
+<div class="tab spells" data-group="primary" data-tab="spells">
+    {{#unless (isEmpty itemsByType.spell)}}
+    <ol class="ds4-item-list ds4-item-list--spell item-list">
+        {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs isEquipable=true hideDescription=true}}
+        {{!-- spell type --}}
+        <div title="{{localize 'DS4.SpellType'}}">{{localize 'DS4.SpellTypeAbbr'}}</div>
+
+        {{!-- spell bonus --}}
+        <div title="{{localize 'DS4.SpellBonus'}}">{{localize 'DS4.SpellBonusAbbr'}}</div>
+
+        {{!-- max. distance --}}
+        <div title="{{localize 'DS4.SpellMaxDistance'}}"><i class="fas fa-ruler"></i></div>
+
+        {{!-- duration --}}
+        <div title="{{localize 'DS4.SpellDuration'}}"><i class="far fa-clock"></i></div>
+
+        {{!-- cooldown duration --}}
+        <div title="{{localize 'DS4.SpellCooldownDuration'}}"><i class="fas fa-hourglass-half"></i></div>
+        {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{#each itemsByType.spell as |itemData id|}}
+        {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData isEquipable=true
+        hideDescription=true}}
+        {{!-- spell type --}}
+        <img class="ds4-item-list__image" src="{{lookup ../../config.icons.spellTypes itemData.data.spellType}}"
+            title="{{lookup ../../config.i18n.spellTypes itemData.data.spellType}}" />
+
+        {{!-- spell bonus --}}
+        <input class="ds4-item-list__editable item-change" type="text" data-dtype="String" data-property="data.bonus"
+            value="{{itemData.data.bonus}}" title="{{localize 'DS4.SpellBonus'}}" />
+
+        {{!-- max. distance --}}
+        {{> distanceUnit titleKey='DS4.SpellMaxDistance' unitDatum=itemData.data.maxDistance
+        config=../../config}}
+
+        {{!-- duration --}}
+        {{> temporalUnit titleKey='DS4.SpellDuration' unitDatum=itemData.data.duration config=../../config}}
+
+        {{!-- cooldown duration --}}
+        {{> temporalUnit titleKey='DS4.SpellCooldownDuration' unitDatum=itemData.data.cooldownDuration
+        config=../../config}}
+        {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+        {{/each}}
+    </ol>
+    {{/unless}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='spell' }}
+</div>

src/templates/sheets/actor/tabs/talents-abilities.hbs

@@ -0,0 +1,55 @@
+<div class="tab talents-abilities" data-group="primary" data-tab="talents-abilities">
+    {{!-- TALENT --}}
+    <h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeTalentPlural'}}</h4>
+    {{#unless (isEmpty itemsByType.talent)}}
+    <ol class="ds4-item-list ds4-item-list--talent item-list">
+        {{#> systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{!-- rank --}}
+        <div>{{localize 'DS4.TalentRank'}}</div>
+        {{/systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{#each itemsByType.talent as |itemData id|}}
+        {{#> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData}}
+        {{!-- rank --}}
+        {{> systems/ds4/templates/sheets/actor/components/talent-rank-equation.hbs talentRank=itemData.data.rank}}
+        {{/systems/ds4/templates/sheets/actor/components/item-list-entry.hbs}}
+        {{/each}}
+    </ol>
+    {{/unless}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='talent'}}
+
+    {{!-- RACIAL ABILITY --}}
+    <h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeRacialAbilityPlural'}}</h4>
+    {{#unless (isEmpty itemsByType.racialAbility)}}
+    <ol class="ds4-item-list ds4-item-list--racial-ability item-list">
+        {{> systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{#each itemsByType.racialAbility as |itemData id|}}
+        {{> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData}}
+        {{/each}}
+    </ol>
+    {{/unless}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='racialAbility'}}
+
+    {{!-- LANGUAGE --}}
+    <h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeLanguagePlural'}}</h4>
+    {{#unless (isEmpty itemsByType.language)}}
+    <ol class="ds4-item-list ds4-item-list--language item-list">
+        {{> systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{#each itemsByType.language as |itemData id|}}
+        {{> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData}}
+        {{/each}}
+    </ol>
+    {{/unless}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='language'}}
+
+    {{!-- ALPHABET --}}
+    <h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeAlphabetPlural'}}</h4>
+    {{#unless (isEmpty itemsByType.alphabet)}}
+    <ol class="ds4-item-list ds4-item-list--alphabet item-list">
+        {{> systems/ds4/templates/sheets/actor/components/item-list-header.hbs}}
+        {{#each itemsByType.alphabet as |itemData id|}}
+        {{> systems/ds4/templates/sheets/actor/components/item-list-entry.hbs itemData=itemData}}
+        {{/each}}
+    </ol>
+    {{/unless}}
+    {{> systems/ds4/templates/sheets/actor/components/overview-add-button.hbs dataType='alphabet'}}
+</div>

src/templates/sheets/actor/tabs/values.hbs

@@ -0,0 +1,4 @@
+<div class="tab values" data-group="primary" data-tab="values">
+    {{> systems/ds4/templates/sheets/actor/components/core-values.hbs}}
+    {{> systems/ds4/templates/sheets/actor/components/combat-values.hbs}}
+</div>