implemented dynamic headers of item lists

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

@@ -6,6 +6,22 @@
 {{!-- ======================================================================== --}}
 
 
+{{!--
+!-- 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}}
+{{else}}
+    {{> systems/ds4/templates/actor/partials/overview-add-button.hbs dataType=dataType }}
+{{/if}}
+{{/inline}}
+
+
 {{!--
 !-- Render a header row for a given data type.
 !-- It is a flexbox with a child for each column head.
@@ -83,6 +99,8 @@
 
     {{!-- WEAPONS --}}
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeWeaponPlural'}}</h4>
+    {{!-- {{#if (and (ne itemsByType.weapon undefined) (gt itemsByType.weapon.length 0)) }} --}}
+    {{#> ifHasItemOfType itemsArray=itemsByType.weapon dataType='weapon' }}
     <ol class="items-list">
         {{#> itemListHeader dataType='weapon'}}
             <div class="flex05 item-image" title="{{localize 'DS4.AttackType'}}">{{localize 'DS4.AttackTypeAbbr'}}</div>
@@ -104,9 +122,13 @@
             {{/itemListEntry}}
         {{/each}}
     </ol>
+    {{!-- {{else}}
+    {{> systems/ds4/templates/actor/partials/overview-add-button.hbs dataType='weapon' }} --}}
+    {{/ifHasItemOfType}}
 
     {{!-- ARMOR --}}
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeArmorPlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.armor dataType='armor' }}
     <ol class="items-list">
         {{#> itemListHeader dataType='armor'}}
             <div title="{{localize 'DS4.ArmorMaterialType'}}">{{localize 'DS4.ArmorMaterialTypeAbbr'}}</div>
@@ -127,10 +149,12 @@
             {{/itemListEntry}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 
 
     {{!-- SHIELD --}}
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeShieldPlural'}}</h4> {{!-- SPECIFIC --}}
+    {{#> ifHasItemOfType itemsArray=itemsByType.shield dataType='shield' }}
     <ol class="items-list">
         {{#> itemListHeader dataType='shield' }}
             <div class="flex05 item-num-val" title="{{localize 'DS4.ArmorValue'}}">
@@ -143,9 +167,11 @@
             {{/itemListEntry}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 
     {{!-- TRINKET --}}
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeTrinketPlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.trinket dataType='trinket' }}
     <ol class="items-list">
         {{#> itemListHeader dataType='trinket'}}
             <div class="flex2">{{localize 'DS4.StorageLocation'}}</div>
@@ -157,9 +183,11 @@
             {{/itemListEntry}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 
     {{!-- EQUIPMENT --}}
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeEquipmentPlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.equipment dataType='equipment' }}
     <ol class="items-list">
         {{#> itemListHeader dataType='equipment'}}
             <div class="flex2">{{localize 'DS4.StorageLocation'}}</div>
@@ -171,4 +199,5 @@
             {{/itemListEntry}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 </div>

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

@@ -4,6 +4,23 @@
 {{!-- TODO: remove duplicate add and delete button definition --}}
 
 
+
+{{!--
+!-- 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}}
+{{else}}
+    {{> systems/ds4/templates/actor/partials/overview-add-button.hbs dataType=dataType }}
+{{/if}}
+{{/inline}}
+
+
 {{!--
 !-- Render an input element for a rank value property of an item.
 !--
@@ -105,6 +122,7 @@
 
 <div class="tab items" data-group="primary" data-tab="talents">
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeTalentPlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.talent dataType='talent' }}
     <ol class="items-list">
         <li class="item flexrow item-header">
             {{!-- image --}}
@@ -122,28 +140,35 @@
         {{> talentListEntry item=item}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeRacialAbilityPlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.racialAbility dataType='racialAbility' }}
     <ol class="items-list">
         {{> baseItemListHeader dataType='racialAbility' }}
         {{#each itemsByType.racialAbility as |item id|}}
         {{> baseItemListEntry item=item}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeLanguagePlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.language dataType='language' }}
     <ol class="items-list">
         {{> baseItemListHeader dataType='language' }}
         {{#each itemsByType.language as |item id|}}
         {{> baseItemListEntry item=item}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 
     <h4 class="items-list-title">{{localize 'DS4.ItemTypeAlphabetPlural'}}</h4>
+    {{#> ifHasItemOfType itemsArray=itemsByType.alphabet dataType='alphabet' }}
     <ol class="items-list">
         {{> baseItemListHeader dataType='alphabet' }}
         {{#each itemsByType.alphabet as |item id|}}
         {{> baseItemListEntry item=item}}
         {{/each}}
     </ol>
+    {{/ifHasItemOfType}}
 </div>