Replaced item.isEditable with a dedicated prop on ItemUseButton compo…

…nent. (#177)
kgar · Dec 16, 2023 · 59c745d · 59c745d
1 parent 5ceda2a
commit 59c745d
Show file tree

Hide file tree

Showing 10 changed files with 12 additions and 11 deletions.
diff --git a/src/components/item-list/ItemUseButton.svelte b/src/components/item-list/ItemUseButton.svelte
@@ -6,6 +6,7 @@
 
   export let item: any;
   export let imgUrlOverride: string | undefined = undefined;
+  export let disabled: boolean = false;
 
   const showRoll = getContext<Readable<boolean>>(
     CONSTANTS.CONTEXT_GRID_CELL_HOVER,
@@ -18,9 +19,9 @@
   class="item-image"
   class:item-use-button-has-focus={buttonIsFocused}
   style="background-image: url('{imgUrlOverride ?? item.img}')"
-  class:show-roll={item.isEditable && $showRoll}
+  class:show-roll={!disabled && $showRoll}
 >
-  {#if item.isEditable}
+  {#if !disabled}
     <button
       type="button"
       class="item-use-button icon-button"

diff --git a/src/components/spellbook/SpellbookList.svelte b/src/components/spellbook/SpellbookList.svelte
@@ -117,7 +117,7 @@
         cssClass={FoundryAdapter.getSpellRowClasses(spell)}
       >
         <ItemTableCell primary={true}>
-          <ItemUseButton item={spell} imgUrlOverride={spellImgUrl} />
+          <ItemUseButton disabled={!$context.editable} item={spell} imgUrlOverride={spellImgUrl} />
           <ItemName
             on:toggle={() => toggleSummary($context.actor)}
             item={spell}

diff --git a/src/sheets/actor/tabs/ActorActionsTab.svelte b/src/sheets/actor/tabs/ActorActionsTab.svelte
@@ -53,7 +53,7 @@
             let:toggleSummary
           >
             <ItemTableCell primary={true}>
-              <ItemUseButton item={actionItem.item} />
+              <ItemUseButton disabled={!$context.editable} item={actionItem.item} />
               <ItemName
                 item={actionItem.item}
                 on:toggle={() => toggleSummary($context.actor)}

diff --git a/src/sheets/character/parts/FavoriteFeaturesList.svelte b/src/sheets/character/parts/FavoriteFeaturesList.svelte
@@ -47,7 +47,7 @@
       }}
     >
       <ItemTableCell primary={true}>
-        <ItemUseButton {item} />
+        <ItemUseButton disabled={!$context.editable} {item} />
         <ItemName
           on:toggle={() => toggleSummary($context.actor)}
           hasChildren={false}

diff --git a/src/sheets/character/parts/FavoriteSpellsList.svelte b/src/sheets/character/parts/FavoriteSpellsList.svelte
@@ -64,7 +64,7 @@
         cssClass={FoundryAdapter.getSpellRowClasses(spell)}
       >
         <ItemTableCell primary={true}>
-          <ItemUseButton item={spell} imgUrlOverride={spellImgUrl} />
+          <ItemUseButton disabled={!$context.editable} item={spell} imgUrlOverride={spellImgUrl} />
           <ItemName
             on:toggle={() => toggleSummary($context.actor)}
             item={spell}

diff --git a/src/sheets/character/parts/InventoryList.svelte b/src/sheets/character/parts/InventoryList.svelte
@@ -97,7 +97,7 @@
         cssClass={getInventoryRowClasses(item)}
       >
         <ItemTableCell primary={true} title={item.name}>
-          <ItemUseButton {item} />
+          <ItemUseButton disabled={!$context.editable} {item} />
           <ItemName
             on:toggle={() => toggleSummary($context.actor)}
             cssClass="extra-small-gap"

diff --git a/src/sheets/character/tabs/CharacterFeaturesTab.svelte b/src/sheets/character/tabs/CharacterFeaturesTab.svelte
@@ -122,7 +122,7 @@
               }}
             >
               <ItemTableCell primary={true}>
-                <ItemUseButton {item} />
+                <ItemUseButton disabled={!$context.editable} {item} />
                 <ItemName
                   on:toggle={() => toggleSummary($context.actor)}
                   hasChildren={false}

diff --git a/src/sheets/npc/tabs/NpcAbilitiesTab.svelte b/src/sheets/npc/tabs/NpcAbilitiesTab.svelte
@@ -109,7 +109,7 @@
               cssClass={FoundryAdapter.getInventoryRowClasses(item, ctx)}
             >
               <ItemTableCell primary={true}>
-                <ItemUseButton {item} />
+                <ItemUseButton disabled={!$context.editable} {item} />
                 <ItemName
                   on:toggle={() => toggleSummary($context.actor)}
                   cssClass="extra-small-gap"

diff --git a/src/sheets/vehicle/tabs/VehicleAttributesTab.svelte b/src/sheets/vehicle/tabs/VehicleAttributesTab.svelte
@@ -125,7 +125,7 @@
                 cssClass={FoundryAdapter.getInventoryRowClasses(item, ctx)}
               >
                 <ItemTableCell primary={true}>
-                  <ItemUseButton {item} />
+                  <ItemUseButton disabled={!$context.editable} {item} />
                   <ItemName
                     on:toggle={() => toggleSummary($context.actor)}
                     cssClass="extra-small-gap"

diff --git a/src/sheets/vehicle/tabs/VehicleCargoAndCrewTab.svelte b/src/sheets/vehicle/tabs/VehicleCargoAndCrewTab.svelte
@@ -160,7 +160,7 @@
                   disabled={!$context.editable}
                 />
               {:else}
-                <ItemUseButton {item} />
+                <ItemUseButton disabled={!$context.editable} {item} />
                 <ItemName
                   on:toggle={() => toggleSummary($context.actor)}
                   cssClass="extra-small-gap"