add racial abilites as item type

src/lang/en.json

@@ -4,7 +4,7 @@
     "DS4.HeadingDescription": "Description",
     "DS4.HeadingDetails": "Details",
     "DS4.HeadingEffects": "Effects",
-    "DS4.HeadingItems": "Items",
+    "DS4.HeadingInventory": "Inventory",
     "DS4.HeadingProfile": "Profile",
     "DS4.HeadingTalents": "Talents & Abilities",
     "DS4.AttackType": "Attack Type",
@@ -31,11 +31,19 @@
     "DS4.ItemAvailabilityNowhere": "Nowhere",
     "DS4.ItemName": "Name",
     "DS4.ItemTypeWeapon": "Weapon",
+    "DS4.ItemTypeWeaponPlural": "Weapons",
     "DS4.ItemTypeArmor": "Armor",
+    "DS4.ItemTypeArmorPlural": "Armor",
     "DS4.ItemTypeShield": "Shield",
+    "DS4.ItemTypeShieldPlural": "Shields",
     "DS4.ItemTypeTrinket": "Trinket",
+    "DS4.ItemTypeTrinketPlural": "Trinkets",
     "DS4.ItemTypeEquipment": "Equipment",
+    "DS4.ItemTypeEquipmentPlural": "Equipment",
     "DS4.ItemTypeTalent": "Talent",
+    "DS4.ItemTypeTalentPlural": "Talents",
+    "DS4.ItemTypeRacialAbility": "Racial Ability",
+    "DS4.ItemTypeRacialAbilityPlural": "Racial Abilities",
     "DS4.ArmorType": "Armor Type",
     "DS4.ArmorTypeAbbr": "AT",
     "DS4.ArmorMaterialType": "Material Type",

src/module/config.ts

@@ -49,6 +49,7 @@ export const DS4 = {
         trinket: "DS4.ItemTypeTrinket",
         equipment: "DS4.ItemTypeEquipment",
         talent: "DS4.ItemTypeTalent",
+        racialAbility: "DS4.ItemTypeRacialAbility",
     },
 
     /**

src/module/item/item-data.ts

@@ -1,6 +1,13 @@
 import { ModifiableData } from "../actor/actor-data";
 
-export type DS4ItemDataType = DS4Weapon | DS4Armor | DS4Shield | DS4Trinket | DS4Equipment | DS4Talent;
+export type DS4ItemDataType =
+    | DS4Weapon
+    | DS4Armor
+    | DS4Shield
+    | DS4Trinket
+    | DS4Equipment
+    | DS4Talent
+    | DS4RacialAbility;
 
 // types
 
@@ -26,6 +33,7 @@ interface DS4TalentRank extends ModifiableData<number> {
 interface DS4Shield extends DS4ItemBase, DS4ItemPhysical, DS4ItemEquipable, DS4ItemProtective {}
 interface DS4Trinket extends DS4ItemBase, DS4ItemPhysical, DS4ItemEquipable {}
 interface DS4Equipment extends DS4ItemBase, DS4ItemPhysical {}
+type DS4RacialAbility = DS4ItemBase;
 
 // templates
 

src/scss/components/_forms.scss

@@ -43,7 +43,7 @@ header.sheet-header {
         display: block;
         height: 50px;
         padding: 0px;
-        flex: 0 0 0;
+        flex: 0 0 auto;
         color: $c-light-grey;
         border: none;
         line-height: 50px;

src/template.json

@@ -116,7 +116,7 @@
         }
     },
     "Item": {
-        "types": ["weapon", "armor", "shield", "trinket", "equipment", "talent"],
+        "types": ["weapon", "armor", "shield", "trinket", "equipment", "talent", "racialAbility"],
         "templates": {
             "base": {
                 "description": ""
@@ -161,6 +161,9 @@
                 "max": 0,
                 "mod": 0
             }
+        },
+        "racialAbility": {
+            "templates": ["base"]
         }
     }
 }

src/templates/actor/actor-sheet.hbs

@@ -61,7 +61,7 @@
         <a class="item" data-tab="description">{{localize 'DS4.HeadingDescription'}}</a>
         <a class="item" data-tab="talents">{{localize 'DS4.HeadingTalents'}}</a>
         <a class="item" data-tab="profile">{{localize "DS4.HeadingProfile"}}</a>
-        <a class="item" data-tab="items">{{localize 'DS4.HeadingItems'}}</a>
+        <a class="item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
     </nav>
 
     {{!-- Sheet Body --}}

src/templates/actor/partials/items-overview.hbs

@@ -79,10 +79,10 @@
 {{!-- ======================================================================== --}}
 
 
-<div class="tab items" data-group="primary" data-tab="items">
+<div class="tab inventory" data-group="primary" data-tab="inventory">
 
     {{!-- WEAPONS --}}
-    <h4 class="items-list-title">{{localize 'DS4.ItemTypeWeapon'}}</h4>
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeWeaponPlural'}}</h4>
     <ol class="items-list">
         {{#> itemListHeader dataType='weapon'}}
             <div class="flex05 item-image" title="{{localize 'DS4.AttackType'}}">{{localize 'DS4.AttackTypeAbbr'}}</div>
@@ -106,7 +106,7 @@
     </ol>
 
     {{!-- ARMOR --}}
-    <h4 class="items-list-title">{{localize 'DS4.ItemTypeArmor'}}</h4>
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeArmorPlural'}}</h4>
     <ol class="items-list">
         {{#> itemListHeader dataType='armor'}}
             <div title="{{localize 'DS4.ArmorMaterialType'}}">{{localize 'DS4.ArmorMaterialTypeAbbr'}}</div>
@@ -130,7 +130,7 @@
 
 
     {{!-- SHIELD --}}
-    <h4 class="items-list-title">{{localize 'DS4.ItemTypeShield'}}</h4> {{!-- SPECIFIC --}}
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeShieldPlural'}}</h4> {{!-- SPECIFIC --}}
     <ol class="items-list">
         {{#> itemListHeader dataType='shield' }}
             <div class="flex05 item-num-val" title="{{localize 'DS4.ArmorValue'}}">
@@ -145,7 +145,7 @@
     </ol>
 
     {{!-- TRINKET --}}
-    <h4 class="items-list-title">{{localize 'DS4.ItemTypeTrinket'}}</h4>
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeTrinketPlural'}}</h4>
     <ol class="items-list">
         {{#> itemListHeader dataType='trinket'}}
             <div class="flex2">{{localize 'DS4.StorageLocation'}}</div>
@@ -159,7 +159,7 @@
     </ol>
 
     {{!-- EQUIPMENT --}}
-    <h4 class="items-list-title">{{localize 'DS4.ItemTypeEquipment'}}</h4>
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeEquipmentPlural'}}</h4>
     <ol class="items-list">
         {{#> itemListHeader dataType='equipment'}}
             <div class="flex2">{{localize 'DS4.StorageLocation'}}</div>

src/templates/actor/partials/talents-overview.hbs

@@ -10,14 +10,12 @@
 !-- @param item: the item
 !-- @param property: the key of the property in item.data.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
+!-- meant to be set to "disabled" to disable the input element
 --}}
 {{#*inline "talentRankValue"}}
-    <input class="item-num-val item-change" data-dtype="Number" type="number" min="0" step="1"
+<input class="item-num-val item-change" data-dtype="Number" type="number" min="0" step="1" {{#if (eq property 'base' )
-        {{#if (eq property 'base') }}max="{{item.data.data.rank.max}}"{{/if}}
+    }}max="{{item.data.data.rank.max}}" {{/if}} {{disabled}} data-property="data.rank.{{property}}"
-        {{disabled}}
+    value="{{lookup item.data.data.rank property}}" title="{{localize localizeString}}" />
-        data-property="data.rank.{{property}}" value="{{lookup item.data.data.rank property}}"
-        title="{{localize localizeString}}" />
 {{/inline}}
 
 
@@ -30,39 +28,64 @@
 !-- @param partial-block: hand over custom children of the flexbox in the partial block.
 --}}
 {{#*inline "talentListEntry"}}
-    <li class="item flexrow" data-item-id="{{item._id}}">
+<li class="item flexrow" data-item-id="{{item._id}}">
-        {{!-- image --}}
+    {{!-- image --}}
-        <div class="flex05 item-image">
+    <div class="flex05 item-image">
-            <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
+        <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
-        </div>
+    </div>
-        {{!-- name --}}
+    {{!-- name --}}
-        <input class="flex2 item-name item-change" type="text" value="{{item.name}}" data-dtype="String"
+    <input class="flex2 item-name item-change" type="text" value="{{item.name}}" data-dtype="String"
-            data-property="name" title="{{localize 'DS4.ItemName'}}">
+        data-property="name" title="{{localize 'DS4.ItemName'}}">
-        <div class="flex3 flexrow talent-ranks-equation">
+    <div class="flex3 flexrow talent-ranks-equation">
-            {{!-- acquired rank --}}
+        {{!-- acquired rank --}}
-            {{> talentRankValue item=item property='base' localizeString='DS4.TalentRankBase'}}
+        {{> talentRankValue item=item property='base' localizeString='DS4.TalentRankBase'}}
-            <span> ( of </span>
+        <span> ( of </span>
-            {{!-- maximum acquirable rank --}}
+        {{!-- maximum acquirable rank --}}
-            {{> talentRankValue item=item property='max' localizeString='DS4.TalentRankMax'}}
+        {{> talentRankValue item=item property='max' localizeString='DS4.TalentRankMax'}}
-            <span>) + </span>
+        <span>) + </span>
-            {{!-- additional ranks --}}
+        {{!-- additional ranks --}}
-            {{> talentRankValue item=item property='mod' localizeString='DS4.TalentRankMod'}}
+        {{> talentRankValue item=item property='mod' localizeString='DS4.TalentRankMod'}}
-            <span> = </span>
+        <span> = </span>
-            {{!-- derived total rank --}}
+        {{!-- derived total rank --}}
-            {{> talentRankValue item=item property='total' localizeString='DS4.TalentRankTotal' disabled='disabled'}}
+        {{> talentRankValue item=item property='total' localizeString='DS4.TalentRankTotal' disabled='disabled'}}
-        </div>
+    </div>
-        {{!-- description --}}
+    {{!-- description --}}
-        <div class="flex4 item-description">{{{item.data.data.description}}}</div>
+    <div class="flex4 item-description">{{{item.data.data.description}}}</div>
-        {{!-- control buttons --}}
+    {{!-- control buttons --}}
-        {{> systems/ds4/templates/actor/partials/overview-control-buttons.hbs }}
+    {{> systems/ds4/templates/actor/partials/overview-control-buttons.hbs }}
-    </li>
+</li>
 {{/inline}}
 
 
+{{!--
+!-- Render a racial ability list row from a given item.
+!-- It is a flexbox with a child for each item value of interest.
+!-- The partial assumes a variable item to be given in the context.
+!--
+!-- @param item: hand over the item to the partial as hash parameter
+!-- @param partial-block: hand over custom children of the flexbox in the partial block.
+--}}
+{{#*inline "racialAbilityListEntry"}}
+<li class="item flexrow" data-item-id="{{item._id}}">
+    {{!-- image --}}
+    <div class="flex05 item-image">
+        <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
+    </div>
+    {{!-- name --}}
+    <input class="flex1 item-name item-change" type="text" value="{{item.name}}" data-dtype="String"
+        data-property="name" title="{{localize 'DS4.ItemName'}}">
+    {{!-- description --}}
+    <div class="flex3 item-description">{{{item.data.data.description}}}</div>
+    {{!-- control buttons --}}
+    {{> systems/ds4/templates/actor/partials/overview-control-buttons.hbs }}
+</li>
+{{/inline}}
+
 {{!-- ======================================================================== --}}
 
 
 <div class="tab items" data-group="primary" data-tab="talents">
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeTalentPlural'}}</h4>
     <ol class="items-list">
         <li class="item flexrow item-header">
             {{!-- image --}}
@@ -77,7 +100,24 @@
             {{> systems/ds4/templates/actor/partials/overview-add-button.hbs dataType='talent' }}
         </li>
         {{#each itemsByType.talent as |item id|}}
-            {{> talentListEntry item=item}}
+        {{> talentListEntry item=item}}
+        {{/each}}
+    </ol>
+
+    <h4 class="items-list-title">{{localize 'DS4.ItemTypeRacialAbilityPlural'}}</h4>
+    <ol class="items-list">
+        <li class="item flexrow item-header">
+            {{!-- image --}}
+            <div class="flex05 item-image"></div>
+            {{!-- name --}}
+            <div class="flex1 item-name">{{localize 'DS4.ItemName'}}</div>
+            {{!-- description --}}
+            <div class="flex3">{{localize 'DS4.HeadingDescription'}}</div>
+            {{!-- add button --}}
+            {{> systems/ds4/templates/actor/partials/overview-add-button.hbs dataType='racialAbility' }}
+        </li>
+        {{#each itemsByType.racialAbility as |item id|}}
+        {{> racialAbilityListEntry item=item}}
         {{/each}}
     </ol>
 </div>

src/templates/item/racialAbility-sheet.hbs

@@ -0,0 +1,13 @@
+<form class="{{cssClass}}" autocomplete="off">
+    <header class="sheet-header">
+        <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
+        <div class="header-fields flexrow">
+            <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name" /></h1>
+            <h2 class="item-type">{{localize (lookup config.itemTypes item.type)}}</h2>
+        </div>
+    </header>
+
+    {{!-- Common Item body --}}
+    {{> systems/ds4/templates/item/partials/body.hbs}}
+
+</form>