Filled out remainder of container sheet.

Made minor tweaks and adjustments.

Removed mention of quantity on the container sheet because containers cannot be any other quantity than 1.

src/runtime/item/ItemSheetRuntime.ts

@@ -104,6 +104,7 @@ export class ItemSheetRuntime {
       tempHightouchTabs: () => [
         itemSheetTabs.hightouchContainerContents,
         itemSheetTabs.hightouchDescription,
+        // TODO: Only show to GMs and users when identified
         itemSheetTabs.hightouchContainerDetails,
       ],
     },

src/runtime/item/item-sheet-tabs.ts

@@ -173,8 +173,8 @@ const itemSheetTabs = {
     title: 'DND5E.Contents',
     content: {
       component: ContainerContentsTab,
-      type: 'svelte'
-    }
+      type: 'svelte',
+    },
   },
   /**
    * Details form for containers.
@@ -184,8 +184,8 @@ const itemSheetTabs = {
     title: 'DND5E.Details',
     content: {
       component: ContainerDetailsTab,
-      type: 'svelte'
-    }
+      type: 'svelte',
+    },
   },
   /**
    * Three-descriptions interface for items
@@ -195,8 +195,8 @@ const itemSheetTabs = {
     title: 'DND5E.Description',
     content: {
       component: HightouchItemDescriptionsTab,
-      type: 'svelte'
-    }
+      type: 'svelte',
+    },
   },
   /**
    * Details form for loot.

src/scss/hightouch/components/collapsible-header-section.scss

@@ -13,7 +13,7 @@
     letter-spacing: 0.01rem;
     line-height: normal;
 
-
+    flex: 1;
     display: flex;
     align-items: center;
     gap: 0.25rem;

src/sheets/hightouch/container/ContainerSheet.svelte

@@ -186,17 +186,17 @@
       </span>
     </div>
 
-    <div class="item-header-summary-separator" role="presentation"></div>
+    <!-- <div class="item-header-summary-separator" role="presentation"></div> -->
 
     <!-- Quantity -->
-    <div class="item-quantity">
+    <!-- <div class="item-quantity">
       <span class="item-quantity-label text-lighter">
         {localize('DND5E.Quantity')}
       </span>
       <span class="item-quantity-value">
         {$context.system.quantity}
       </span>
-    </div>
+    </div> -->
   </div>
 
   <!-- Tab Strip -->

src/sheets/hightouch/container/tabs/ContainerDetailsTab.svelte

@@ -8,6 +8,7 @@
   import NumberInput from 'src/components/inputs/NumberInput.svelte';
   import Checkbox from 'src/components/inputs/Checkbox.svelte';
   import { CONSTANTS } from 'src/constants';
+  import ItemProperties from 'src/sheets/classic/item/parts/ItemProperties.svelte';
 
   let context = getContext<Readable<ContainerSheetClassicContext>>(
     CONSTANTS.SVELTE_CONTEXT.CONTEXT,
@@ -18,14 +19,61 @@
   const localize = FoundryAdapter.localize;
 </script>
 
+<fieldset>
+  <div class="form-group">
+    <label for="{appId}-weight">
+      {localize('DND5E.Weight')}
+    </label>
+    <div class="form-fields">
+      <NumberInput
+        id="{appId}-weight-value"
+        value={$context.source.weight.value}
+        step="any"
+        field="system.weight.value"
+        document={$context.item}
+        disabled={!$context.editable}
+        selectOnFocus={true}
+      />
+    </div>
+  </div>
+  <div class="form-group">
+    <label for="{appId}-price-value">
+      {localize('DND5E.Price')}
+    </label>
+    <div class="form-fields">
+      <NumberInput
+        id="{appId}-price-value"
+        value={$context.source.price.value}
+        step="any"
+        field="system.price.value"
+        document={$context.item}
+        disabled={!$context.editable}
+        selectOnFocus={true}
+        cssClass="large-value"
+      />
+      <Select
+        value={$context.source.price.denomination}
+        field="system.price.denomination"
+        document={$context.item}
+        disabled={!$context.editable}
+      >
+        <SelectOptions
+          data={$context.config.currencies}
+          labelProp="abbreviation"
+        />
+      </Select>
+    </div>
+  </div>
+</fieldset>
+
 <fieldset>
   <legend>
     {localize('DND5E.ItemContainerDetails')}
   </legend>
 
   <div class="form-group stacked container-properties">
     <label for="">{localize('DND5E.ItemContainerProperties')}</label>
-    <p>TODO: Item Properties Here</p>
+    <ItemProperties />
   </div>
 
   <div class="form-group">
@@ -48,40 +96,44 @@
     <label for="{appId}-capacity-type"
       >{localize('DND5E.ItemContainerCapacityType')}</label
     >
-    <Select
-      id="{appId}-capacity-type"
-      document={$context.item}
-      field="system.capacity.type"
-      value={$context.source.capacity.type}
-      disabled={!$context.editable}
-    >
-      <SelectOptions data={$context.config.itemCapacityTypes} />
-    </Select>
+    <div class="form-fields">
+      <Select
+        id="{appId}-capacity-type"
+        document={$context.item}
+        field="system.capacity.type"
+        value={$context.source.capacity.type}
+        disabled={!$context.editable}
+      >
+        <SelectOptions data={$context.config.itemCapacityTypes} />
+      </Select>
+    </div>
   </div>
 
   <div class="form-group">
     <label for="{appId}-attunement">{localize('DND5E.Attunement')}</label>
-    <Checkbox
-      id="{appId}-attuned"
-      document={$context.item}
-      field="system.attuned"
-      checked={$context.source.attuned}
-      disabled={!$context.editable ||
-        // @ts-expect-error
-        !$context.config.attunementTypes[$context.system.attunement]}
-      title={localize('DND5E.AttunementAttuned')}
-    />
-    <Select
-      id="{appId}-attunement"
-      document={$context.item}
-      field="system.attunement"
-      value={$context.source.attunement}
-      disabled={!$context.editable}
-    >
-      <SelectOptions
-        data={$context.config.attunementTypes}
-        blank={localize('DND5E.AttunementNone')}
+    <div class="form-fields">
+      <Checkbox
+        id="{appId}-attuned"
+        document={$context.item}
+        field="system.attuned"
+        checked={$context.source.attuned}
+        disabled={!$context.editable ||
+          // @ts-expect-error
+          !$context.config.attunementTypes[$context.system.attunement]}
+        title={localize('DND5E.AttunementAttuned')}
       />
-    </Select>
+      <Select
+        id="{appId}-attunement"
+        document={$context.item}
+        field="system.attunement"
+        value={$context.source.attunement}
+        disabled={!$context.editable}
+      >
+        <SelectOptions
+          data={$context.config.attunementTypes}
+          blank={localize('DND5E.AttunementNone')}
+        />
+      </Select>
+    </div>
   </div>
 </fieldset>