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

{{!-- TODO: Refactor to avoid code duplication with special-creature-abilites-overview and talents-overview --}}

{{!-- ======================================================================== --}}
{{!-- INLINE PARTIAL DEFINITIONS --}}
{{!-- ======================================================================== --}}


{{!--
!-- Render the given partial block only if the given itemsArray has length > 0,
!-- else only an add button.
!--
!-- @param itemsArray: the array with the items to check the length of
!-- @param dataType: the string type of the item
--}}
{{#*inline "ifHasItemOfType"}}
{{#if (and (ne itemsArray undefined) (gt itemsArray.length 0))}}
{{> @partial-block}}
{{/if}}
{{> systems/ds4/templates/actor/partials/overview-add-button.hbs dataType=dataType }}
{{/inline}}


{{!--
!-- Render a header row for a given data type.
!-- An "equipped" heading is rendered except for the case dataType==='loot'.
!-- The partial assumes a variable dataType to be given in the context.
!-- If the partial is called with a partial block, the partial block
!-- content is inserted before the description heading.

!-- @param datType: hand over the dataType to the partial as hash parameter
!-- @param partial-block: hand over custom children in the partial block.
--}}
{{#*inline "itemListHeader" }}
<li class="ds4-item-list__row ds4-item-list__row--header">
    {{!-- equipped --}}
    {{#if (ne dataType 'loot')}}
    <div title="{{localize 'DS4.ItemEquipped'}}">{{localize 'DS4.ItemEquippedAbbr'}}</div>
    {{/if}}
    {{!-- image --}}
    <div></div>
    {{!-- amount --}}
    <div title="{{localize 'DS4.Quantity'}}">#</div>
    {{!-- name --}}
    <div>{{localize 'DS4.ItemName'}}</div>
    {{!-- item type specifics --}}
    {{> @partial-block }}
    {{!-- description --}}
    <div>{{localize 'DS4.Description'}}</div>
    {{!-- control buttons placeholder --}}
    <div></div>
</li>
{{/inline}}

{{!--
!-- Render a list row from a given item.
!-- An equipped checkbox is rendered except for the case item.data.type==='loot'.
!-- The partial assumes a variable item to be given in the context.
!-- If the partial is called with a partial block, the partial block
!-- content is inserted before the description.

!-- @param item: hand over the item to the partial as hash parameter
!-- @param partial-block: hand over custom children in the partial block.
--}}
{{#*inline "itemListEntry"}}
<li class="ds4-item-list__row item" data-item-id="{{item._id}}">
    {{!-- equipped --}}
    {{#if (ne item.type 'loot')}}
    <input class="ds4-item-list__editable ds4-item-list__editable--checkbox" type="checkbox" {{checked
        item.data.equipped}} data-dtype="Boolean" data-property="data.equipped" title="{{localize 'DS4.ItemEquipped'}}">
    {{/if}}
    {{!-- image --}}
    <div class="ds4-item-list__image" style="background-image: url('{{item.img}}')" title="{{item.name}}"></div>
    {{!-- amount --}}
    <input class="ds4-item-list__editable" type="number" min="0" step="1" value="{{item.data.quantity}}"
        data-dtype="Number" data-property="data.quantity" title="{{localize 'DS4.Quantity'}}" />
    {{!-- name --}}
    <input class="ds4-item-list__editable" type="text" value="{{item.name}}" data-dtype="String" data-property="name"
        title="{{htmlToPlainText item.data.description}}" />
    {{!-- item type specifics --}}
    {{> @partial-block}}
    {{!-- description --}}
    <div class="ds4-item-list__description" title="{{htmlToPlainText item.data.description}}">
        {{{item.data.description}}}</div>
    {{!-- control buttons --}}
    {{> systems/ds4/templates/actor/partials/overview-control-buttons.hbs }}
</li>
{{/inline}}


{{!-- ======================================================================== --}}

{{!-- WEAPONS --}}
<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeWeaponPlural'}}</h4>
{{#> ifHasItemOfType itemsArray=itemsByType.weapon dataType='weapon' }}
<ol class="ds4-item-list ds4-item-list--weapon item-list">
    {{#> itemListHeader dataType='weapon'}}
    <div class="ds4-item-list__image" title="{{localize 'DS4.AttackType'}}">{{localize 'DS4.AttackTypeAbbr'}}</div>
    <div title="{{localize 'DS4.WeaponBonus'}}">
        {{localize 'DS4.WeaponBonusAbbr'}}
    </div>
    <div title="{{localize 'DS4.OpponentDefense'}}">
        {{localize 'DS4.OpponentDefenseAbbr'}}
    </div>
    {{/itemListHeader}}
    {{#each itemsByType.weapon as |item id|}}
    {{#> itemListEntry item=item}}
    <div class="ds4-item-list__image"
        style="background-image: url('{{lookup ../../config.icons.attackTypes  item.data.attackType}}')"
        title="{{lookup ../../config.i18n.attackTypes  item.data.attackType}}">
    </div>
    <div>{{ item.data.weaponBonus}}</div>
    <div>{{ item.data.opponentDefense}}</div>
    {{/itemListEntry}}
    {{/each}}
</ol>
{{/ifHasItemOfType}}

{{!-- ARMOR --}}
<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeArmorPlural'}}</h4>
{{#> ifHasItemOfType itemsArray=itemsByType.armor dataType='armor' }}
<ol class="ds4-item-list ds4-item-list--armor item-list">
    {{#> itemListHeader dataType='armor'}}
    <div title="{{localize 'DS4.ArmorMaterialType'}}">{{localize 'DS4.ArmorMaterialTypeAbbr'}}</div>
    <div title="{{localize 'DS4.ArmorType'}}">{{localize 'DS4.ArmorTypeAbbr'}}</div>
    <div title="{{localize 'DS4.ArmorValue'}}">
        {{localize 'DS4.ArmorValueAbbr'}}
    </div>
    {{/itemListHeader}}
    {{#each itemsByType.armor as |item id|}}
    {{#> itemListEntry item=item }}
    <div title="{{lookup ../../config.i18n.armorMaterialTypes  item.data.armorMaterialType}}">
        {{lookup ../../config.i18n.armorMaterialTypesAbbr item.data.armorMaterialType}}
    </div>
    <div title="{{lookup ../../config.i18n.armorTypes  item.data.armorType}}">
        {{lookup ../../config.i18n.armorTypesAbbr item.data.armorType}}
    </div>
    <div>{{ item.data.armorValue}}</div>
    {{/itemListEntry}}
    {{/each}}
</ol>
{{/ifHasItemOfType}}


{{!-- SHIELD --}}
<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeShieldPlural'}}</h4>
{{#> ifHasItemOfType itemsArray=itemsByType.shield dataType='shield' }}
<ol class="ds4-item-list ds4-item-list--shield item-list">
    {{#> itemListHeader dataType='shield' }}
    <div title="{{localize 'DS4.ArmorValue'}}">
        {{localize 'DS4.ArmorValueAbbr'}}
    </div>
    {{/itemListHeader}}
    {{#each itemsByType.shield as |item id|}}
    {{#> itemListEntry item=item }}
    <div>{{item.data.armorValue}}</div>
    {{/itemListEntry}}
    {{/each}}
</ol>
{{/ifHasItemOfType}}

{{!-- EQUIPMENT --}}

<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeEquipmentPlural'}}</h4>
{{#> ifHasItemOfType itemsArray=itemsByType.equipment dataType='equipment' }}
<ol class="ds4-item-list ds4-item-list--equipment item-list">
    {{#> itemListHeader dataType='equipment'}}
    <div>{{localize 'DS4.StorageLocation'}}</div>
    {{/itemListHeader}}
    {{#each itemsByType.equipment as |item id|}}
    {{#> itemListEntry item=item }}
    <input class="ds4-item-list__editable" type="text" value="{{item.data.storageLocation}}" data-dtype="String"
        data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}">
    {{/itemListEntry}}
    {{/each}}
</ol>
{{/ifHasItemOfType}}

{{!-- LOOT --}}
<h4 class="ds4-item-list-title">{{localize 'DS4.ItemTypeLootPlural'}}</h4>
{{#> ifHasItemOfType itemsArray=itemsByType.loot dataType='loot' }}
<ol class="ds4-item-list ds4-item-list--loot item-list">
    {{#> itemListHeader dataType='loot'}}
    <div>{{localize 'DS4.StorageLocation'}}</div>
    {{/itemListHeader}}
    {{#each itemsByType.loot as |item id|}}
    {{#> itemListEntry item=item }}
    <input class="ds4-item-list__editable" type="text" value="{{item.data.storageLocation}}" data-dtype="String"
        data-property="data.storageLocation" title="{{localize 'DS4.StorageLocation'}}">
    {{/itemListEntry}}
    {{/each}}
</ol>
{{/ifHasItemOfType}}