FEAT: add template to items sheet

templates/sheets/global/partials/domain-card-item.hbs

@@ -2,30 +2,16 @@
     <img src="{{item.img}}" data-action="useItem" class="card-img" />
     <div class="card-label">
         <div class="controls">
-            {{#if (eq type 'weapon')}}
-                <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem" data-tooltip="{{#unless item.system.equipped}}{{localize 'DAGGERHEART.UI.Tooltip.equip'}}{{else}}{{localize 'DAGGERHEART.UI.Tooltip.unequip'}}{{/unless}}">
-                    <i class="fa-solid fa-hands"></i>
-                </a>
-            {{/if}}
-            {{#if (eq type 'armor')}}
-                <a class="{{#unless item.system.equipped}}unequipped{{/unless}}" data-action="toggleEquipItem" data-tooltip="{{#unless item.system.equipped}}{{localize 'DAGGERHEART.UI.Tooltip.equip'}}{{else}}{{localize 'DAGGERHEART.UI.Tooltip.unequip'}}{{/unless}}">
-                <i class="fa-solid fa-shield"></i>
-                </a>
-            {{/if}}
-            {{#if (eq type 'domainCard')}}
-                {{#unless item.system.inVault}}
-                    <a data-action="toggleVault" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToVault'}}">
-                        <i class="fa-solid fa-arrow-down"></i>
-                    </a>
-                {{else}}
-                    <a data-action="toggleVault" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToLoadout'}}">
-                        <i class="fa-solid fa-arrow-up"></i>
-                    </a>
-                {{/unless}}
-                
-            {{/if}}
-            <a data-action="toChat" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.sendToChat'}}"><i class="fa-regular fa-message"></i></a>
-            <a data-action="triggerContextMenu" data-tooltip="{{localize 'DAGGERHEART.UI.Tooltip.moreOptions'}}"><i class="fa-solid fa-ellipsis-vertical"></i></a>
+            <a data-action="toggleVault"
+                data-tooltip="DAGGERHEART.UI.Tooltip.{{ifThen item.system.inVault 'sendToLoadout' 'sendToVault' }}">
+                <i class="fa-solid {{ifThen item.system.inVault 'fa-arrow-up' 'fa-arrow-down'}}"></i>
+            </a>
+            <a data-action="toChat" data-tooltip="DAGGERHEART.UI.Tooltip.sendToChat">
+                <i class="fa-regular fa-message"></i>
+            </a>
+            <a data-action="triggerContextMenu" data-tooltip="DAGGERHEART.UI.Tooltip.moreOptions">
+                <i class="fa-solid fa-ellipsis-vertical"></i>
+            </a>
         </div>
         <div class="card-name">{{item.name}}</div>
     </div>

templates/sheets/global/partials/feature-section-item.hbs

@@ -1,30 +1,20 @@
-<li class='feature-item' data-feature-id='{{feature.id}}'>
+<li class='feature-item' data-item-uuid='{{feature.uuid}}'>
     <div class='feature-line'>
         <img class='image' src='{{feature.img}}' />
         <h4>
             {{feature.name}}
         </h4>
         {{#unless hideContrals}}
-            <div class='controls'>
-                <a
-                    class='effect-control'
-                    data-action='editFeature'
-                    data-feature='{{feature._id}}'
-                    data-type='{{type}}'
-                    data-tooltip='{{localize "DAGGERHEART.UI.Tooltip.openItemWorld"}}'
-                >
-                    <i class="fa-solid fa-globe"></i>
-                </a>
-                <a
-                    class='effect-control'
-                    data-action='deleteFeature'
-                    data-feature='{{feature._id}}'
-                    data-type='{{type}}'
-                    data-tooltip='{{localize "CONTROLS.CommonDelete"}}'
-                >
-                    <i class='fas fa-trash'></i>
-                </a>
-            </div>
+        <div class='controls'>
+            <a class='effect-control' data-action='editDoc' data-action-path='{{actionPath}}'
+                data-tooltip="DAGGERHEART.UI.Tooltip.openItemWorld">
+                <i class="fa-solid fa-globe"></i>
+            </a>
+            <a class='effect-control' data-action='deleteFeature' data-item-uuid='{{feature.uuid}}' data-action-path='{{actionPath}}'
+                data-tooltip="CONTROLS.CommonDelete">
+                <i class='fas fa-trash'></i>
+            </a>
+        </div>
         {{/unless}}
     </div>
 </li>

templates/sheets/global/partials/inventory-fieldset-items-V2.hbs

@@ -11,6 +11,8 @@ Parameters:
 - cardView {boolean} : If true and type is 'domainCard', renders using domain card layout.
 - isActor {boolean} : Passed through to inventory-item partials.
 - canCreate {boolean} : If true, show createDoc anchor on legend
+- inVault {boolean} : If true, the domainCard is created with inVault=true
+- disabled {boolean}:  If true, the ActiveEffect is created with disabled=true;
 - categoryAdversary {string} : Category adversary id.
 - showLabels {boolean} : If true, show label-tags else show simple tags.
 - hideTooltip {boolean} : If true, disables the tooltip on the item image.
@@ -22,7 +24,12 @@ Parameters:
   <legend>
     {{localize title}}
     {{#if canCreate}}
-    <a data-action="createDoc" data-type="{{type}}">
+    <a data-action="createDoc" data-document-class="{{ifThen (eq type 'effect') 'ActiveEffect' 'Item' }}"
+      data-type="{{ifThen (eq type 'effect') 'base' type}}"
+      {{#if inVault}}data-in-vault="{{inVault}}"{{/if}}
+      {{#if disabled}} data-disabled="{{disabled}}"{{/if}}
+      data-tooltip="{{localize 'DOCUMENT.Create' type=''}}"
+      >
       <i class="fa-solid fa-plus icon-button"></i>
     </a>
     {{/if }}
@@ -33,7 +40,7 @@ Parameters:
 
     {{> 'systems/daggerheart/templates/sheets/global/partials/domain-card-item.hbs'
     item=item
-    type=../type
+    type='domainCard'
     }}
 
     {{/each}}

templates/sheets/global/partials/inventory-item-V2.hbs

@@ -28,7 +28,22 @@ Parameters:
     {{!-- Weapon Block Start --}}
     {{#if (eq type 'weapon')}}
     {{#if (not hideTags)}}
-    <div class="item-tags"></div>
+    <div class="item-tags">
+      <div class="tag">
+        {{localize (concat 'DAGGERHEART.CONFIG.Traits.' item.system.attack.roll.trait '.name')}}
+      </div>
+      <div class="tag">
+        {{localize (concat 'DAGGERHEART.CONFIG.Range.' item.system.attack.range '.name')}}
+      </div>
+      <div class="tag">
+        {{item.system.attack.damage.parts.0.value.dice}}{{#if item.system.attack.damage.parts.0.value.bonus}} +
+        {{item.system.attack.damage.parts.0.value.bonus}}{{/if}}
+        ({{localize (concat 'DAGGERHEART.CONFIG.DamageType.' item.system.attack.damage.parts.0.type '.abbreviation')}})
+      </div>
+      <div class="tag">
+        {{localize (concat 'DAGGERHEART.CONFIG.Burden.' item.system.burden)}}
+      </div>
+    </div>
     {{else if (not hideLabels)}}
     <div class="item-labels">
       <div class="label">
@@ -158,7 +173,7 @@ Parameters:
       <i class="fa-solid {{ifThen item.system.inVault 'fa-arrow-up' 'fa-arrow-down'}}"></i>
     </a>
     {{/if}}
-  {{!-- I had to use the {{not}} helper because otherwise the function is called when rendering --}}
+    {{!-- I had to use the {{not}} helper because otherwise the function is called when rendering --}}
     {{#unless (not item.toChat)}}
     <a data-action="toChat" data-tooltip="DAGGERHEART.UI.Tooltip.sendToChat">
       <i class="fa-regular fa-message"></i>

templates/sheets/global/tabs/tab-actions.hbs

@@ -3,21 +3,11 @@
     data-tab='{{tabs.actions.id}}'
     data-group='{{tabs.actions.group}}'
 >
-    <fieldset class="one-column">
-        <legend>{{localize "DAGGERHEART.GENERAL.Action.plural"}} <a><i class="fa-solid fa-plus icon-button" data-action="addAction"></i></a></legend>
-        <div class="actions-list">
-            {{#each document.system.actions as |action index|}}
-                <div class="action-item"
-                    data-action="editAction"
-                    data-index="{{index}}"
-                >
-                    <img class="image" src="{{action.img}}" />
-                    <span>{{action.name}}</span>
-                    <div class="controls">
-                        <a data-action="removeAction"><i class="fa-solid fa-trash"></i></a>
-                    </div>
-                </div> 
-            {{/each}}
-        </div>
-    </fieldset>
+
+{{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.Action.plural'
+    collection=document.system.actions
+    type='action'
+    canCreate=true
+}}
 </section>

templates/sheets/global/tabs/tab-effects.hbs

@@ -1,26 +1,19 @@
-<section
-    class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}'
-    data-tab='{{tabs.effects.id}}'
-    data-group='{{tabs.effects.group}}'
->
-    <fieldset class="one-column">
-            <legend>
-                {{localize "DAGGERHEART.GENERAL.Effect.plural"}} 
-                <a data-action="createDoc" data-document-class="ActiveEffect" data-type="base">
-                    <i class="fa-solid fa-plus icon-button"></i>
-                </a>
-            </legend>
-        <div class="effects-list">
-            {{#each document.effects as |effect|}}
-                <div class="effect-item">
-                    <img class="image" src="{{effect.img}}" />
-                    <span>{{effect.name}}</span>
-                    <div class="controls">
-                        <a data-action="editDoc" data-type="ActiveEffect" data-doc-id="{{effect.id}}"><i class="fa-solid fa-pen-to-square"></i></a>
-                        <a data-action="deleteDoc" data-type="ActiveEffect" data-doc-id="{{effect.id}}" {{disabled effect.mandatory}}><i class="fa-solid fa-trash icon-button {{disabled effect.mandatory}}"></i></a>
-                    </div>
-                </div> 
-            {{/each}}
-        </div>
-    </fieldset>
+<section class='tab {{tabs.effects.cssClass}} {{tabs.effects.id}}' data-tab='{{tabs.effects.id}}'
+    data-group='{{tabs.effects.group}}'>
+
+    {{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.activeEffects'
+    type='effect'
+    isGlassy=true
+    collection=effects.actives
+    canCreate=true
+    }}
+
+    {{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.inactiveEffects'
+    type='effect'
+    isGlassy=true
+    collection=effects.inactives
+    canCreate=true
+    }}
 </section>

templates/sheets/global/tabs/tab-features.hbs

@@ -1,23 +1,10 @@
-<section
-    class='tab {{tabs.features.cssClass}} {{tabs.features.id}}'
-    data-tab='{{tabs.features.id}}'
-    data-group='{{tabs.features.group}}'
->
-    <fieldset class="one-column drop-section">
-        <legend>{{localize "DAGGERHEART.GENERAL.features"}} <a><i data-action="addFeature" class="fa-solid fa-plus icon-button"></i></a></legend>
-        <div class="features-list">
-            {{#each document.system.features as |feature|}}
-                <div class="feature-item"
-                    data-action="editFeature"
-                    id="{{feature.id}}"
-                >
-                    <img class="image" src="{{feature.img}}" />
-                    <span>{{feature.name}}</span>
-                    <div class="controls">
-                        <a data-action="removeFeature" id="{{feature.id}}"><i class="fa-solid fa-trash"></i></a>
-                    </div>
-                </div> 
-            {{/each}}
-        </div>
-    </fieldset>
+<section class='tab {{tabs.features.cssClass}} {{tabs.features.id}}' data-tab='{{tabs.features.id}}'
+    data-group='{{tabs.features.group}}'>
+    {{> 'daggerheart.inventory-items'
+    title='DAGGERHEART.GENERAL.features'
+    type='feature'
+    isGlassy=true
+    collection=document.system.features
+    canCreate=true
+    }}
 </section>