From 0b470104b9689b0c06212d016bbf1cca25229ee1 Mon Sep 17 00:00:00 2001
From: Erik Goettel <egellman89@outlook.com>
Date: Fri, 29 Nov 2024 20:32:43 -0700
Subject: [PATCH 1/2] # Update ## New Features Added * Profit and Loss Tab *
 Expanded functionality in inventory. There are now repeating fields for
 bags/locations that will allow users to specify where items they own are. *
 titles are being given to many attributes so the name of said attributes can
 be known easily to players,

---
 Table Top Defined/Table_Top_Defined.css  |  59 +++-
 Table Top Defined/Table_Top_Defined.html | 426 +++++++++++++++--------
 2 files changed, 328 insertions(+), 157 deletions(-)

diff --git a/Table Top Defined/Table_Top_Defined.css b/Table Top Defined/Table_Top_Defined.css
index bcdc1cf70b6a..8958ba9f5ad6 100644
--- a/Table Top Defined/Table_Top_Defined.css	
+++ b/Table Top Defined/Table_Top_Defined.css	
@@ -162,7 +162,8 @@
 .charsheet .sheet-abilities,
 .charsheet .sheet-spells,
 .charsheet .sheet-accessories,
-.charsheet .sheet-inventory{
+.charsheet .sheet-inventory,
+.charsheet .sheet-profitloss{
     display: none;
     text-align: center;
 }
@@ -174,7 +175,8 @@
 .charsheet .sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities,
 .charsheet .sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
 .charsheet .sheet-tabstoggle[value="accessories"] ~ div.sheet-accessories,
-.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory{
+.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
+.charsheet .sheet-tabstoggle[value="profitloss"] ~ div.sheet-profitloss{
     display: grid;
     width: 800px;
 }
@@ -278,6 +280,16 @@
     width: 100%;
 }
 
+.row-footer{
+    background-color: #323232;
+    color: #FFFFFF;
+    font-weight: bold;
+    font-size: medium;
+    text-align: center;
+    border-radius: 0 0 10px 10px;
+    width: 100%;
+}
+
 .row-header-dark{
     background-color: #000000;
     color: #FFFFFF;
@@ -1129,7 +1141,7 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     text-align: center;
     justify-content: center;
     grid-template-columns: 1fr;
-    padding: 0;
+    padding: 0 0 5px 0;
     grid-template-rows: auto auto;
     gap: 0 0;
     grid-template-areas:
@@ -1153,33 +1165,47 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     grid-area: Column-I;
 }
 
-.charsheet .repcontainer[data-groupname="repeating_maininventory"] > div:nth-child(odd){
+.charsheet .repcontainer[data-groupname="repeating_maininventory"] > div:nth-child(odd),
+.charsheet .repcontainer[data-groupname="repeating_locationtotals"] > div:nth-child(odd),
+.charsheet .repcontainer[data-groupname="repeating_profitloss"] > div:nth-child(odd){
     background-color: #D0D0D0;
 }
 
+
 .bag-grid{
     width: 100%;
+    margin: auto;
     display: grid;
-    grid-template-columns: auto auto auto auto;
+    grid-template-columns: auto auto auto auto auto;
     grid-template-rows: auto;
     gap: 0 40px;
-    grid-template-areas: "name quantity piece-weight total-weight";
+    grid-template-areas: "location name quantity piece-weight total-weight";
     justify-content: center;
-    align-items: center;
+    align-items: end;
     text-align: center;
     border-bottom: 1px solid black;
 }
 
-.ui-dialog .charsheet .name textarea{
-    min-height: 18px;
-    height: 18px;
+.ui-dialog .charsheet .name textarea,
+.ui-dialog .charsheet .location textarea{
+    min-height: 22px;
+    height: 22px;
     width: 240px;
     text-align: center;
     resize: vertical;
     margin: auto;
     display: block;
-    padding-top: 3px;
-    padding-bottom: 3px;
+    padding: 0
+}
+
+.inventory-location[value="0"] ~ div.location{
+    background-color: #920a15;
+}
+
+.location input[type=text]{
+    height: 24px;
+    width: 64px;
+    text-align: center;
 }
 
 .quantity input[type=text]{
@@ -1390,3 +1416,12 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
 }
 
 /*</editor-fold>*/
+
+/*<editor-fold desc="P&L">*/
+.sheet-profitloss{
+    width: 800px;
+    border-radius: 12px;
+    border: 1px solid;
+    overflow: clip;
+}
+/*</editor-fold>*/
\ No newline at end of file
diff --git a/Table Top Defined/Table_Top_Defined.html b/Table Top Defined/Table_Top_Defined.html
index deec09372a29..3d640cec529e 100755
--- a/Table Top Defined/Table_Top_Defined.html	
+++ b/Table Top Defined/Table_Top_Defined.html	
@@ -9,6 +9,7 @@
  <button type="action" name="act_gear">Gear</button>
  <button type="action" name="act_accessories">Accessories</button>
  <button type="action" name="act_inventory">Inventory</button>
+ <button type="action" name="act_profitloss">Profit/Loss</button>
 </div>
 
 <!-- </editor-fold> -->
@@ -19,46 +20,46 @@
   <div class="column-header grcsa">Character Information</div>
   <div id="player-name">
    <div>Character Name</div>
-   <div><input class="flex-input" type="text" readonly name="attr_character_name"/></div>
+   <div><input title="@{character_name}" class="flex-input" type="text" readonly name="attr_character_name"/></div>
    <div>Player Name</div>
-   <div><input class="flex-input" type="text" name="attr_PlayerName"/></div>
+   <div><input title="@{PlayerName}" class="flex-input" type="text" name="attr_PlayerName"/></div>
   </div>
   <div id="age-and-height">
    <div>Age</div>
-   <div><input class="flex-input" type="number" name="attr_characterage"/></div>
+   <div><input title="@{characterage}" class="flex-input" type="number" name="attr_characterage"/></div>
    <div>Height</div>
-   <div><input class="flex-input" type="text" name="attr_characterheight"/></div>
+   <div><input title="@{characterheight}" class="flex-input" type="text" name="attr_characterheight"/></div>
   </div>
   <div id="weight-and-gender">
    <div>Weight</div>
-   <div><input class="flex-input" type="text" name="attr_characterweight" /></div>
+   <div><input title="@{characterweight}" class="flex-input" type="text" name="attr_characterweight" /></div>
    <div>Gender</div>
-   <div><input class="flex-input" type="text" name="attr_charactergender"/></div>
+   <div><input title="@{charactergender}" class="flex-input" type="text" name="attr_charactergender"/></div>
   </div>
   <div id="species-name">
    <div>Species</div>
-   <div><input class="flex-input" type="text" name="attr_species"/></div>
+   <div><input title="@{species}" class="flex-input" type="text" name="attr_species"/></div>
    <div>Speed</div>
-   <div><input class="flex-input" type="text" name="attr_basespeed"/></div>
+   <div><input title="@{basespeed}" class="flex-input" type="text" name="attr_basespeed"/></div>
   </div>
   <div id="more-speed">
    <div>Speed (Fly)</div>
-   <div><input class="flex-input" type="text" name="attr_flyspeed" placeholder="#(Manuverability)"/></div>
+   <div><input title="@{flyspeed}" class="flex-input" type="text" name="attr_flyspeed" placeholder="#(Manuverability)"/></div>
    <div>Speed (Swim)</div>
-   <div><input class="flex-input" type="text" name="attr_swimspeed"/></div>
+   <div><input title="@{swimspeed}" class="flex-input" type="text" name="attr_swimspeed"/></div>
   </div>
   <div id="religion-name">
    <div>Religion</div>
-   <div><input class="flex-input" type="text" name="attr_Religion"/></div>
+   <div><input title="@{Religion}" class="flex-input" type="text" name="attr_Religion"/></div>
    <div>Sanctity</div>
-   <div><input class="flex-input" type="text" name="attr_Sanctity"/></div>
+   <div><input title="@{Sanctity}" class="flex-input" type="text" name="attr_Sanctity"/></div>
   </div>
   <div id="hd-and-size">
    <div>HD</div>
-   <div><input class="flex-input" type="number" name="attr_HD" /></div>
+   <div><input title="@{HD}" class="flex-input" type="number" name="attr_HD" /></div>
    <div>Size Category</div>
    <div class="DataBox">
-    <select type="text" name="attr_size" id="SizeCategory">
+    <select title="@{size}" type="text" name="attr_size" id="SizeCategory">
     <option value="Sub Tiny">Sub Tiny</option>
     <option value="Tiny">Tiny</option>
     <option value="Very Small">Very Small</option>
@@ -86,57 +87,57 @@
   </div>
   <div id="base">
    <div class="titleblock">Base</div>
-   <div><input type="number" name="attr_strength"/></div>
-   <div><input type="number" name="attr_dexterity"/></div>
-   <div><input type="number" name="attr_constitution"/></div>
-   <div><input type="number" name="attr_intelligence"/></div>
-   <div><input type="number" name="attr_wisdom"/></div>
-   <div><input type="number" name="attr_charisma"/></div>
+   <div><input title="@{strength}" type="number" name="attr_strength"/></div>
+   <div><input title="@{dexterity}" type="number" name="attr_dexterity"/></div>
+   <div><input title="@{constitution}" type="number" name="attr_constitution"/></div>
+   <div><input title="@{intelligence}" type="number" name="attr_intelligence"/></div>
+   <div><input title="@{wisdom}" type="number" name="attr_wisdom"/></div>
+   <div><input title="@{charisma}" type="number" name="attr_charisma"/></div>
   </div>
   <div id="enhancement">
    <div class="titleblock">Magic</div>
-   <div><input type="number" name="attr_StrEnch"/></div>
-   <div><input type="number" name="attr_DexEnch"/></div>
-   <div><input type="number" name="attr_ConEnch"/></div>
-   <div><input type="number" name="attr_IntEnch"/></div>
-   <div><input type="number" name="attr_WisEnch"/></div>
-   <div><input type="number" name="attr_ChaEnch"/></div>
+   <div><input title="@{StrEnch}" type="number" name="attr_StrEnch"/></div>
+   <div><input title="@{DexEnch}" type="number" name="attr_DexEnch"/></div>
+   <div><input title="@{ConEnch}" type="number" name="attr_ConEnch"/></div>
+   <div><input title="@{IntEnch}" type="number" name="attr_IntEnch"/></div>
+   <div><input title="@{WisEnch}" type="number" name="attr_WisEnch"/></div>
+   <div><input title="@{ChaEnch}" type="number" name="attr_ChaEnch"/></div>
   </div>
   <div id="bonus">
    <div class="titleblock">Bonus</div>
-   <div><input type="number" name="attr_StrBonus"/></div>
-   <div><input type="number" name="attr_DexBonus"/></div>
-   <div><input type="number" name="attr_ConBonus"/></div>
-   <div><input type="number" name="attr_IntBonus"/></div>
-   <div><input type="number" name="attr_WisBonus"/></div>
-   <div><input type="number" name="attr_ChaBonus"/></div>
+   <div><input title="@{StrBonus}" type="number" name="attr_StrBonus"/></div>
+   <div><input title="@{DexBonus}" type="number" name="attr_DexBonus"/></div>
+   <div><input title="@{ConBonus}" type="number" name="attr_ConBonus"/></div>
+   <div><input title="@{IntBonus}" type="number" name="attr_IntBonus"/></div>
+   <div><input title="@{WisBonus}" type="number" name="attr_WisBonus"/></div>
+   <div><input title="@{ChaBonus}" type="number" name="attr_ChaBonus"/></div>
   </div>
   <div id="penalty">
    <div class="titleblock">Penalty</div>
-   <div><input type="number" name="attr_StrPen"/></div>
-   <div><input type="number" name="attr_DexPen"/></div>
-   <div><input type="number" name="attr_ConPen"/></div>
-   <div><input type="number" name="attr_IntPen"/></div>
-   <div><input type="number" name="attr_WisPen"/></div>
-   <div><input type="number" name="attr_ChaPen"/></div>
+   <div><input title="@{StrPen}" type="number" name="attr_StrPen"/></div>
+   <div><input title="@{DexPen}" type="number" name="attr_DexPen"/></div>
+   <div><input title="@{ConPen}" type="number" name="attr_ConPen"/></div>
+   <div><input title="@{IntPen}" type="number" name="attr_IntPen"/></div>
+   <div><input title="@{WisPen}" type="number" name="attr_WisPen"/></div>
+   <div><input title="@{ChaPen}" type="number" name="attr_ChaPen"/></div>
   </div>
   <div id="total">
    <div class="titleblock">Total</div>
-   <div><input type="number" name="attr_StrTotal" readonly="true"/></div>
-   <div><input type="number" name="attr_DexTotal" readonly="true"/></div>
-   <div><input type="number" name="attr_ConTotal" readonly="true"/></div>
-   <div><input type="number" name="attr_IntTotal" readonly="true"/></div>
-   <div><input type="number" name="attr_WisTotal" readonly="true"/></div>
-   <div><input type="number" name="attr_ChaTotal" readonly="true"/></div>
+   <div><input title="@{StrTotal}" type="number" name="attr_StrTotal" readonly/></div>
+   <div><input title="@{DexTotal}" type="number" name="attr_DexTotal" readonly/></div>
+   <div><input title="@{ConTotal}" type="number" name="attr_ConTotal" readonly/></div>
+   <div><input title="@{IntTotal}" type="number" name="attr_IntTotal" readonly/></div>
+   <div><input title="@{WisTotal}" type="number" name="attr_WisTotal" readonly/></div>
+   <div><input title="@{ChaTotal}" type="number" name="attr_ChaTotal" readonly/></div>
   </div>
   <div id="modifier">
    <div class="titleblock">Modifier</div>
-    <div><input type="number" name="attr_strmod" readonly="true"/></div>
-    <div><input type="number" name="attr_dexmod" readonly="true"/></div>
-    <div><input type="number" name="attr_conmod" readonly="true"/></div>
-    <div><input type="number" name="attr_intmod" readonly="true"/></div>
-    <div><input type="number" name="attr_wismod" readonly="true"/></div>
-    <div><input type="number" name="attr_chamod" readonly="true"/></div>
+    <div><input title="@{strmod}" type="number" name="attr_strmod" readonly/></div>
+    <div><input title="@{dexmod}" type="number" name="attr_dexmod" readonly/></div>
+    <div><input title="@{conmod}" type="number" name="attr_conmod" readonly/></div>
+    <div><input title="@{intmod}" type="number" name="attr_intmod" readonly/></div>
+    <div><input title="@{wisdom}" type="number" name="attr_wismod" readonly/></div>
+    <div><input title="@{chamod}" type="number" name="attr_chamod" readonly/></div>
    </div>
   <div id="check">
    <div class="titleblock">Roll</div>
@@ -183,28 +184,28 @@
     <div id="save-name">
     <div class="titleblock">Ego</div>
     <div class="titleblock">
-     <select type="text" name="attr_EgoBaseStr" id="EgoBase">
+     <select title="@{EgoBaseStr}" type="text" name="attr_EgoBaseStr" id="EgoBase">
       <option value="Low">Low</option>
       <option value="High">High</option>
      </select>
     </div>
      <div class="titleblock">Fortitude</div>
      <div class="titleblock">
-      <select type="text" name="attr_FortBaseStr" id="FortBase">
+      <select title="@{FortBase}" type="text" name="attr_FortBaseStr" id="FortBase">
        <option value="Low">Low</option>
        <option value="High">High</option>
       </select>
      </div>
      <div class="titleblock">Reflex</div>
      <div class="titleblock">
-      <select type="text" name="attr_RefBaseStr" id="ReflexBase">
+      <select title="@{ReflexBase}" type="text" name="attr_RefBaseStr" id="ReflexBase">
        <option value="Low">Low</option>
        <option value="High">High</option>
       </select>
      </div>
      <div class="titleblock">Will</div>
      <div class="titleblock">
-      <select type="text" name="attr_WilBaseStr" id="WillBase">
+      <select title="@{WillBase}" type="text" name="attr_WilBaseStr" id="WillBase">
        <option value="Low">Low</option>
        <option value="High">High</option>
       </select>
@@ -212,63 +213,63 @@
     </div>
     <div id="save-total">
     <div><b>Total</b></div>
-    <div><input type="number" readonly name="attr_EgoTotal"/></div>
+    <div><input title="@{EgoTotal}" type="number" readonly name="attr_EgoTotal"/></div>
      <div><b>Total</b></div>
-     <div><input type="number" readonly name="attr_FortTotal"/></div>
+     <div><input title="@{FortTotal}" type="number" readonly name="attr_FortTotal"/></div>
      <div><b>Total</b></div>
-     <div><input type="number" readonly name="attr_RefTotal"/></div>
+     <div><input title="@{RefTotal}" type="number" readonly name="attr_RefTotal"/></div>
      <div><b>Total</b></div>
-     <div><input type="number" readonly name="attr_WilTotal"/></div>
+     <div><input title="@{WilTotal}" type="number" readonly name="attr_WilTotal"/></div>
     </div>
     <div id="save-base">
      <div>Base</div>
-     <div><input type="number" name="attr_EgoBaseNum" readonly="true"/></div>
+     <div><input title="@{EgoBaseNum}" type="number" name="attr_EgoBaseNum" readonly/></div>
     <div>Base</div>
-     <div><input type="number" name="attr_FortBaseNum" readonly="true"/></div>
+     <div><input title="@{FortBaseNum}" type="number" name="attr_FortBaseNum" readonly/></div>
      <div>Base</div>
-     <div><input type="number" name="attr_RefBaseNum" readonly="true"/></div>
+     <div><input title="@{RefBaseNum}" type="number" name="attr_RefBaseNum" readonly/></div>
      <div>Base</div>
-     <div><input type="number" name="attr_WilBaseNum" readonly="true"/></div>
+     <div><input title="@{WilBaseNum}" type="number" name="attr_WilBaseNum" readonly/></div>
     </div>
     <div id="save-key">
     <div>Cha</div>
-    <div><input type="number" name="attr_chamod" readonly="true"/></div>
+    <div><input title="@{chamod}" type="number" name="attr_chamod" readonly/></div>
      <div>Con</div>
-     <div><input type="number" name="attr_conmod" readonly="true"/></div>
+     <div><input title="@{@conmod}" type="number" name="attr_conmod" readonly/></div>
      <div>Dex</div>
-     <div><input type="number" name="attr_dexmod" readonly="true"/></div>
+     <div><input title="@{dexmod}" type="number" name="attr_dexmod" readonly/></div>
      <div>Wis</div>
-     <div><input type="number" name="attr_wismod" readonly="true"/></div>
+     <div><input title="@{wismod}" type="number" name="attr_wismod" readonly/></div>
     </div>
     <div id="save-magic">
     <div>Magic</div>
-    <div><input type="number" name="attr_EgoMagic"/></div>
+    <div><input title="@{EgoMagic}" type="number" name="attr_EgoMagic"/></div>
      <div>Magic</div>
-     <div><input type="number" name="attr_FortMagic"/></div>
+     <div><input title="@{FortMagic}" type="number" name="attr_FortMagic"/></div>
      <div>Magic</div>
-     <div><input type="number" name="attr_RefMagic"/></div>
+     <div><input title="@{RefMagic}" type="number" name="attr_RefMagic"/></div>
      <div>Magic</div>
-     <div><input type="number" name="attr_WilMagic"/></div>
+     <div><input title="@{WilMagic}" type="number" name="attr_WilMagic"/></div>
     </div>
     <div id="save-misc">
     <div>Misc.</div>
-    <div><input type="number" name="attr_EgoMiscNum"/></div>
+    <div><input title="@{EgoMiscNum}" type="number" name="attr_EgoMiscNum"/></div>
      <div>Misc.</div>
-     <div><input type="number" name="attr_FortMiscNum"/></div>
+     <div><input title="@{FortMiscNum}" type="number" name="attr_FortMiscNum"/></div>
      <div>Misc.</div>
-     <div><input type="number" name="attr_RefMiscNum"/></div>
+     <div><input title="@{RefMiscNum}" type="number" name="attr_RefMiscNum"/></div>
      <div>Misc.</div>
-     <div><input type="number" name="attr_WilMiscNum"/></div>
+     <div><input title="@{WilMiscNum}" type="number" name="attr_WilMiscNum"/></div>
     </div>
     <div id="save-temp">
     <div>Temp</div>
-    <div><input type="number" name="attr_EgoTempNum"/></div>
+    <div><input title="@{EgoTempNum}" type="number" name="attr_EgoTempNum"/></div>
      <div>Temp</div>
-     <div><input type="number" name="attr_FortTempNum"/></div>
+     <div><input title="@{FortTempNum}" type="number" name="attr_FortTempNum"/></div>
      <div>Temp</div>
-     <div><input type="number" name="attr_RefTempNum"/></div>
+     <div><input title="@{RefTempNum}" type="number" name="attr_RefTempNum"/></div>
      <div>Temp</div>
-     <div><input type="number" name="attr_WilTempNum"/></div>
+     <div><input title="@{WilTempNum}" type="number" name="attr_WilTempNum"/></div>
     </div>
     <div id="save-check">
      <div class="titleblock">Save</div>
@@ -314,39 +315,39 @@
     </div>
     <div class="grc2">
      <div>Total</div>
-     <div><input type="number" readonly="true" name="attr_MagicTouchAttack"/></div>
-     <div><input type="number" readonly="true" name="attr_MartialTouchAttack"/></div>
-     <div><input type="number" readonly="true" name="attr_TripOpposed"/></div>
-     <div><input type="number" readonly="true" name="attr_ShoveOpposed"/></div>
-     <div><input type="number" readonly="true" name="attr_TrampleOpposed"/></div>
-     <div><input type="number" readonly="true" name="attr_Grapple"/></div>
+     <div><input title="@{MagicTouchAttack}" type="number" readonly name="attr_MagicTouchAttack"/></div>
+     <div><input title="@{MartialTouchAttack}" type="number" readonly name="attr_MartialTouchAttack"/></div>
+     <div><input title="@{TripOpposed}" type="number" readonly name="attr_TripOpposed"/></div>
+     <div><input title="@{ShoveOpposed}" type="number" readonly name="attr_ShoveOpposed"/></div>
+     <div><input title="@{TrampleOpposed}" type="number" readonly name="attr_TrampleOpposed"/></div>
+     <div><input title="@{Grapple}" type="number" readonly name="attr_Grapple"/></div>
     </div>
     <div class="grc3">
      <div>Feat</div>
-     <div><input type="number" name="attr_MagicTouchAttackFeat" /></div>
-     <div><input type="number" name="attr_MartialTouchAttackFeat" /></div>
-     <div><input type="number" name="attr_TripOpposedFeat" /></div>
-     <div><input type="number" name="attr_ShoveOpposedFeat" /></div>
-     <div><input type="number" name="attr_TrampleOpposedFeat" /></div>
-     <div><input type="number" name="attr_GrappleFeat"/></div>
+     <div><input title="@{MagicTouchAttackFeat}" type="number" name="attr_MagicTouchAttackFeat" /></div>
+     <div><input title="@{MartialTouchAttackFeat}" type="number" name="attr_MartialTouchAttackFeat" /></div>
+     <div><input title="@{TripOpposedFeat}" type="number" name="attr_TripOpposedFeat" /></div>
+     <div><input title="@{ShoveOpposedFeat}" type="number" name="attr_ShoveOpposedFeat" /></div>
+     <div><input title="@{TrampleOpposedFeat}" type="number" name="attr_TrampleOpposedFeat" /></div>
+     <div><input title="@{GrappleFeat}" type="number" name="attr_GrappleFeat"/></div>
     </div>
     <div class="grc4">
      <div>Misc.</div>
-     <div><input type="number" name="attr_MagicTouchAttackMisc" /></div>
-     <div><input type="number" name="attr_MartialTouchAttackMisc" /></div>
-     <div><input type="number" name="attr_TripOpposedMisc" /></div>
-     <div><input type="number" name="attr_ShoveOpposedMisc" /></div>
-     <div><input type="number" name="attr_TrampleOpposedMisc" /></div>
-     <div><input type="number" name="attr_GrappleMisc"/></div>
+     <div><input title="@{MagicTouchAttackMisc}" type="number" name="attr_MagicTouchAttackMisc" /></div>
+     <div><input title="@{MartialTouchAttackMisc}" type="number" name="attr_MartialTouchAttackMisc" /></div>
+     <div><input title="@{TripOpposedMisc}" type="number" name="attr_TripOpposedMisc" /></div>
+     <div><input title="@{ShoveOpposedMisc}" type="number" name="attr_ShoveOpposedMisc" /></div>
+     <div><input title="@{TrampleOpposedMisc}" type="number" name="attr_TrampleOpposedMisc" /></div>
+     <div><input title="@{GrappleMisc}" type="number" name="attr_GrappleMisc"/></div>
     </div>
     <div class="grc5">
      <div>Temp</div>
-     <div><input type="number" name="attr_MagicTouchAttackTemp" /></div>
-     <div><input type="number" name="attr_MartialTouchAttackTemp" /></div>
-     <div><input type="number" name="attr_TripOpposedTemp" /></div>
-     <div><input type="number" name="attr_ShoveOpposedTemp" /></div>
-     <div><input type="number" name="attr_TrampleOpposedTemp" /></div>
-     <div><input type="number" name="attr_GrappleTemp"/></div>
+     <div><input title="@{MagicTouchAttackTemp}" type="number" name="attr_MagicTouchAttackTemp" /></div>
+     <div><input title="@{MartialTouchAttackTemp}" type="number" name="attr_MartialTouchAttackTemp" /></div>
+     <div><input title="@{TripOpposedTemp}" type="number" name="attr_TripOpposedTemp" /></div>
+     <div><input title="@{ShoveOpposedTemp}" type="number" name="attr_ShoveOpposedTemp" /></div>
+     <div><input title="@{TrampleOpposedTemp}" type="number" name="attr_TrampleOpposedTemp" /></div>
+     <div><input title="@{GrappleTemp}" type="number" name="attr_GrappleTemp"/></div>
     </div>
     <div class="grc6">
      <div>Roll</div>
@@ -409,12 +410,12 @@
        <div>Rolled HP:</div>
       </div>
       <div id="hp-inputs">
-       <div><input type="number" name="attr_hp"/></td></div>
-       <div><input type="number" readonly="true" name="attr_hp_max"/></div>
-       <div><input type="number" readonly="true" name="attr_ConHP"/></div>
-       <div><input type="number" readonly="true" name="attr_ProgHP"/></div>
-       <div><input type="number" name="attr_MiscHP"/></div>
-       <div><input type="number" name="attr_RollHP"/></div>
+       <div><input title="@{hp}" type="number" name="attr_hp"/></td></div>
+       <div><input title="@{hp_max}" type="number" readonly name="attr_hp_max"/></div>
+       <div><input title="@{ConHP}" type="number" readonly name="attr_ConHP"/></div>
+       <div><input title="@{ProgHP}" type="number" readonly name="attr_ProgHP"/></div>
+       <div><input title="@{MiscHP}" type="number" name="attr_MiscHP"/></div>
+       <div><input title="@{RollHP}" type="number" name="attr_RollHP"/></div>
       </div>
      </div>
      <div class="column-header">Initiative
@@ -427,7 +428,7 @@
      <div class="ggrid">
       <div class="grc1">
        <div style="color: #FFFFFF">Total</div>
-       <div><input type="number" readonly="true" name="attr_InitTotal"/></div>
+       <div><input title="@{InitTotal}" type="number" readonly="true" name="attr_InitTotal"/></div>
      </div>
       <div class="grc2">
        <div>&nbsp;</div>
@@ -435,7 +436,7 @@
       </div>
       <div class="grc3">
        <div style="color: #FFFFFF">Dex</div>
-       <div class="titleblock"><input type="number" name="attr_dexmod" readonly="true"/></div>
+       <div class="titleblock"><input title="@{dexmod}" type="number" name="attr_dexmod" readonly="true"/></div>
       </div>
       <div class="grc4">
        <div>&nbsp;</div>
@@ -443,18 +444,18 @@
       </div>
       <div class="grc5">
        <div style="color: #FFFFFF">Misc</div>
-       <div><input type="number" name="attr_InitBonus"/></div>
+       <div><input title="@{InitBonus}" type="number" name="attr_InitBonus"/></div>
       </div>
     </div> <!-- Initiative Boxes -->
      <div class="column-header">Wound and Base Attack</div>
      <div class="ggrid"> <!--Wound and Base Attack Grid-->
       <div class="grc1">
        <div class="titleblock">Wound DC</div>
-       <div><input type="number" name="attr_WoundDC" readonly/></div>
+       <div><input title="@{WoundDC}" type="number" name="attr_WoundDC" readonly/></div>
       </div>
       <div class="grc2">
        <div class="titleblock">Base Attack</div>
-       <div><input type="number" name="attr_BAB" readonly/></div>
+       <div><input title="@{BAB}" type="number" name="attr_BAB" readonly/></div>
       </div>
      </div>
     </div>
@@ -475,17 +476,17 @@
        <div>Misc:</div>
       </div>
       <div id="ac-inputs">
-       <div><input type="number" readonly="true" name="attr_TotalAC"/></div>
-       <div><input type="number" readonly="true" name="attr_TouchAC"/></div>
-       <div><input type="number" readonly="true" name="attr_FlatFAC"/></div>
-       <div><input type="number" readonly="true" name="attr_ArmorBonus"/></div>
-       <div><input type="number" readonly="true" name="attr_Shield"/></div>
-       <div><input type="number" name="attr_NaturalAC"></div>
-       <div><input type="number" name="attr_Deflection"/></div>
-       <div><input type="number" name="attr_ParryAC"/></div>
-       <div><input type="number" name="attr_DodgeAC"/></div>
-       <div><input type="number" name="attr_InsightAC"/></div>
-       <div><input type="number" name="attr_MiscAC"/></div>
+       <div><input title="@{TotalAC}" type="number" readonly="true" name="attr_TotalAC"/></div>
+       <div><input title="@{TouchAC}" type="number" readonly="true" name="attr_TouchAC"/></div>
+       <div><input title="@{FlatFAC}" type="number" readonly="true" name="attr_FlatFAC"/></div>
+       <div><input title="@{ArmorBonus}" type="number" readonly="true" name="attr_ArmorBonus"/></div>
+       <div><input title="@{Shield}" type="number" readonly="true" name="attr_Shield"/></div>
+       <div><input title="@{NaturalAC}" type="number" name="attr_NaturalAC"></div>
+       <div><input title="@{Deflection}" type="number" name="attr_Deflection"/></div>
+       <div><input title="@{ParryAC}" type="number" name="attr_ParryAC"/></div>
+       <div><input title="@{DodgeAC}" type="number" name="attr_DodgeAC"/></div>
+       <div><input title="@{InsightAC}" type="number" name="attr_InsightAC"/></div>
+       <div><input title="@{MiscAC}" type="number" name="attr_MiscAC"/></div>
       </div>
      </div>
     </div>
@@ -2768,15 +2769,23 @@ <h3 style="color:white">Spell Casting</h3>
  <div class="sheet-inventory">
   <div class="inventory-grid">
    <div class="Header-I">
-    <div><h3>Inventory</h3>Gold: <input style="width:104px" type="number" step="any" name="attr_GP"/></div>
+    <div>
+     <h3>Inventory</h3>Gold: <input style="width:104px" type="number" step="any" name="attr_GP"/><br>
+     Total Carry Weight:<input class="standard-input" name="attr_totalweight" type="text" readonly/>
+    </div>
    </div>
    <div class="Column-I">
-    <div><h4>Primary Inventory</h4></div>
+    <div><h4>Items</h4></div>
     <div class="sheet-repeating-fields">
      <fieldset class="repeating_maininventory">
       <div class="bag-grid bags">
+       <input class="inventory-location" type="hidden" value="1" name="attr_locationValidation"/>
+       <div class="location">
+        Location: <input style="width: 180px;" type="text" name="attr_inventoryLocation" placeholder="Name"
+                         title="Location must match with bag/location name."/>
+       </div>
        <div class="name">
-        <div><textarea name="attr_main-inv-name" placeholder="Item name, description, notes etc..."/></div>
+        <div>Item Name: <textarea name="attr_main-inv-name" placeholder="Item name, description, notes etc..."/></div>
        </div>
        <div class="quantity">
         <div>Quantity: <input type="text" name="attr_mainquantity"/></div>
@@ -2789,11 +2798,60 @@ <h3 style="color:white">Spell Casting</h3>
        </div>
       </div>
      </fieldset>
-     <span class="inventory-weight" style="float:right">Total Inventory Weight:<input name="attr_totalweight" type="text" readonly/></span>
+    </div>
+    <div>
+     <div class="Header-I">Bags and Other Locations</div>
+     <fieldset class="repeating_locationtotals">
+      <div class="bag-grid bags">
+       <div class="location">
+        Bag/Location name:<br><input style="width: 180px;" type="text" name="attr_inventoryLocationName"
+                            placeholder="Name" title="Location name must be unique."/>
+       </div>
+       <div class="name">
+        Include in Carry Weight?<br><input type="checkbox" value="1" name="attr_locationOnPerson">
+       </div>
+       <div class="quantity">
+        Number of Items in location/bag:<br><input type="text" readonly name="attr_locationItemCount"/>
+       </div>
+       <div class="piece-weight">
+        Location/Bag Total Weight:<br><input type="text" readonly name="attr_locationTotalWeight">
+       </div>
+      </div>
+     </fieldset>
     </div>
    </div>
   </div>
  </div>
+<!--</editor-fold>-->
+
+<!--<editor-fold desc="Profit/Loss">-->
+<div class="sheet-profitloss">
+ <div class="row-header">
+  Profit and Loss Sheet<br>
+  Total Gold:<input class="standard-input" name="attr_plTotalGold" type="text" readonly/>
+ </div>
+ <div class="sheet-repeating-fields">
+  <fieldset class="repeating_profitloss">
+   <div class="bag-grid bags">
+    <div class="location">
+     <textarea name="attr_plMemo" placeholder="Memo..."/>
+    </div>
+    <div class="name">
+     Debits: <input type="number" name="attr_plDebits"/>
+    </div>
+    <div class="quantity">
+     Credits: <input type="number" name="attr_plCredits"/>
+    </div>
+    <div class="piece-weight">
+     Running Total: <input type="number" name="attr_plRunningTotal" readonly/>
+    </div>
+   </div>
+  </fieldset>
+ </div>
+ <div class="row-footer">
+  Total Gold:<input class="standard-input" name="attr_plTotalGold" type="text" readonly/>
+ </div>
+</div>
 
 <!--</editor-fold>-->
 
@@ -2828,25 +2886,79 @@ <h3 style="color:white">Spell Casting</h3>
 <script>
 
     <!--<script type="text/worker">-->
-
+    var getSectionIDsOrdered = function (sectionName, callback) {
+     'use strict';
+     getAttrs([`_reporder_${sectionName}`], function (v) {
+      getSectionIDs(sectionName, function (idArray) {
+       let reporderArray = v[`_reporder_${sectionName}`] ? v[`_reporder_${sectionName}`].toLowerCase().split(',') : [],
+               ids = [...new Set(reporderArray.filter(x => idArray.includes(x)).concat(idArray))];
+       callback(ids);
+      });
+     });
+    };
     //<editor-fold desc="Inventory Calculations">
 
-    on("change:repeating_maininventory remove:repeating_maininventory", function(){
-        getSectionIDs("repeating_maininventory",function(array){ //getting the section IDs
-            let AttrsToGet = [];
-            for (let arrayID of array){
-                AttrsToGet.push(`repeating_maininventory_${arrayID}_maintotalweight`);
-            }console.log("got to before getAttrs");
-            getAttrs(AttrsToGet,function(values){
-                let total = 0;
-                for (let [key, value] of Object.entries(values)){
-                    total += parseFloat(value)||0;
-                }
-                setAttrs({
-                    totalweight:total
-                });console.log("got to the end");
-            });
+    // Main Inventory Location Total Weight
+    on("change:repeating_maininventory change:repeating_locationtotals remove:repeating_maininventory", function(){
+     getSectionIDs(`repeating_locationtotals`,function(locationArray) {
+      getSectionIDs(`repeating_maininventory`, function (inventoryArray) {
+       let AttrsToGet = [];
+       let attrsToSet = {};
+       for (let arrayID of inventoryArray) {
+        AttrsToGet.push(`repeating_maininventory_${arrayID}_maintotalweight`);
+        AttrsToGet.push(`repeating_maininventory_${arrayID}_inventoryLocation`);
+        AttrsToGet.push(`repeating_maininventory_${arrayID}_mainquantity`);
+       }
+       for (let arrayID of locationArray) {
+        AttrsToGet.push(`repeating_locationtotals_${arrayID}_inventoryLocationName`);
+        // setting these to zero, so we can just add any weights later
+        attrsToSet[`repeating_locationtotals_${arrayID}_locationTotalWeight`] = 0;
+        attrsToSet[`repeating_locationtotals_${arrayID}_locationItemCount`] = 0;
+       }
+       getAttrs(AttrsToGet, function (values) {
+        let location_names = {};
+        for (let arrayID of locationArray){
+         // The assumption is that bag names will be unique, if they're not the last one will take precedence
+         location_names[values[`repeating_locationtotals_${arrayID}_inventoryLocationName`]] =
+                 `repeating_locationtotals_${arrayID}`;
+        }
+        for (let arrayID of inventoryArray) {
+         let item_weight = parseFloat(values[`repeating_maininventory_${arrayID}_maintotalweight`]);
+         let item_location = values[`repeating_maininventory_${arrayID}_inventoryLocation`];
+         let item_quantity = parseInt(values[`repeating_maininventory_${arrayID}_mainquantity`]);
+         if (item_location in location_names) {
+          attrsToSet[location_names[item_location]+"_locationTotalWeight"] += item_weight;
+          attrsToSet[location_names[item_location]+"_locationItemCount"] += item_quantity;
+          attrsToSet[`repeating_maininventory_${arrayID}_locationValidation`] = 1;
+         } else {
+          attrsToSet[`repeating_maininventory_${arrayID}_locationValidation`] = 0;
+         }
+        }
+        setAttrs(attrsToSet);
+       });
+      });
+     });
+    });
+
+    // On Person Total Weight
+    on("change:repeating_locationtotals remove:repeating_locationtotals", function(){
+     getSectionIDs(`repeating_locationtotals`,function(locationArray) {
+       let AttrsToGet = [];
+       for (let arrayID of locationArray) {
+        AttrsToGet.push(`repeating_locationtotals_${arrayID}_locationTotalWeight`);
+        AttrsToGet.push(`repeating_locationtotals_${arrayID}_locationOnPerson`);
+       }
+       getAttrs(AttrsToGet, function (values) {
+        let total = 0;
+        for (let arrayID of locationArray){
+         total += values[`repeating_locationtotals_${arrayID}_locationTotalWeight`] *
+                 values[`repeating_locationtotals_${arrayID}_locationOnPerson`]
+        }
+        setAttrs({
+         totalweight: total
         });
+      });
+     });
     });
 
     on("change:repeating_maininventory:mainquantity " +
@@ -2864,6 +2976,30 @@ <h3 style="color:white">Spell Casting</h3>
 
     //</editor-fold>
 
+    // <editor-fold desc="Profit/Loss">
+    on("change:_reporder:profitloss change:repeating_profitloss:plcredits " +
+            "change:repeating_profitloss:pldebits remove:repeating_profitloss", function(){
+     getSectionIDsOrdered(`repeating_profitloss`,function(plArray) {
+      let AttrsToGet = [];
+      let AttrsToSet = {"plTotalGold": 0};
+      for (let arrayID of plArray) {
+       AttrsToGet.push(`repeating_profitloss_${arrayID}_plDebits`);
+       AttrsToGet.push(`repeating_profitloss_${arrayID}_plCredits`);
+      }
+      getAttrs(AttrsToGet, function (values) {
+       for (let arrayID of plArray){
+        AttrsToSet["plTotalGold"] += parseFloat(values[`repeating_profitloss_${arrayID}_plCredits`])||0
+                - parseFloat(values[`repeating_profitloss_${arrayID}_plDebits`])||0;
+        AttrsToSet[`repeating_profitloss_${arrayID}_plRunningTotal`] = AttrsToSet["plTotalGold"];
+       }
+       setAttrs(AttrsToSet);
+      });
+     });
+    });
+
+
+    // </editor-fold>
+
     //<editor-fold desc="Base Attack and Size Calculations">
 
     on("change:size sheet:opened",function(){
@@ -3871,7 +4007,7 @@ <h3 style="color:white">Spell Casting</h3>
             })
         })
     })
-    const buttonlist = ["main","skills","gear","definitions","abilities","spells","accessories","inventory"];
+    const buttonlist = ["main","skills","gear","definitions","abilities","spells","accessories","inventory","profitloss"];
     buttonlist.forEach(button => {
         on(`clicked:${button}`, function() {
             setAttrs({

From 46ba1b9a6ce78dee1a89a7dbd3cecc9ceb0b2cc1 Mon Sep 17 00:00:00 2001
From: Erik Goettel <egellman89@outlook.com>
Date: Fri, 29 Nov 2024 21:19:51 -0700
Subject: [PATCH 2/2] Minor Typo Fixes

---
 Table Top Defined/Table_Top_Defined.css  |  6 ++++++
 Table Top Defined/Table_Top_Defined.html | 18 +++++++++---------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/Table Top Defined/Table_Top_Defined.css b/Table Top Defined/Table_Top_Defined.css
index 8958ba9f5ad6..18e2461bcf28 100644
--- a/Table Top Defined/Table_Top_Defined.css	
+++ b/Table Top Defined/Table_Top_Defined.css	
@@ -1157,6 +1157,12 @@ input.sptoggle[value="1"] ~ .sheet-repeating-fields{
     color: #FFFFFF;
 }
 
+.charsheet .sheet-inventory input[type=number]{
+    height: 24px;
+    width: 64px;
+    text-align: center;
+}
+
 .inventory-grid .Header-I h3{
     color: #FFFFFF;
 }
diff --git a/Table Top Defined/Table_Top_Defined.html b/Table Top Defined/Table_Top_Defined.html
index 3d640cec529e..88e627f515cd 100755
--- a/Table Top Defined/Table_Top_Defined.html	
+++ b/Table Top Defined/Table_Top_Defined.html	
@@ -2788,10 +2788,10 @@ <h3>Inventory</h3>Gold: <input style="width:104px" type="number" step="any" name
         <div>Item Name: <textarea name="attr_main-inv-name" placeholder="Item name, description, notes etc..."/></div>
        </div>
        <div class="quantity">
-        <div>Quantity: <input type="text" name="attr_mainquantity"/></div>
+        <div>Quantity: <input type="number" name="attr_mainquantity"/></div>
        </div>
        <div class="piece-weight">
-        <div>Unit Weight: <input type="text" name="attr_mainpieceweight"/></div>
+        <div>Unit Weight: <input type="number" name="attr_mainpieceweight"/></div>
        </div>
        <div class="total-weight">
         <div>Total Weight: <input type="text" name="attr_maintotalweight" readonly/></div>
@@ -2919,16 +2919,16 @@ <h3>Inventory</h3>Gold: <input style="width:104px" type="number" step="any" name
         let location_names = {};
         for (let arrayID of locationArray){
          // The assumption is that bag names will be unique, if they're not the last one will take precedence
-         location_names[values[`repeating_locationtotals_${arrayID}_inventoryLocationName`]] =
+         location_names[values[`repeating_locationtotals_${arrayID}_inventoryLocationName`].toLowerCase()] =
                  `repeating_locationtotals_${arrayID}`;
         }
         for (let arrayID of inventoryArray) {
          let item_weight = parseFloat(values[`repeating_maininventory_${arrayID}_maintotalweight`]);
          let item_location = values[`repeating_maininventory_${arrayID}_inventoryLocation`];
          let item_quantity = parseInt(values[`repeating_maininventory_${arrayID}_mainquantity`]);
-         if (item_location in location_names) {
-          attrsToSet[location_names[item_location]+"_locationTotalWeight"] += item_weight;
-          attrsToSet[location_names[item_location]+"_locationItemCount"] += item_quantity;
+         if (item_location.toLowerCase() in location_names) {
+          attrsToSet[location_names[item_location.toLowerCase()]+"_locationTotalWeight"] += item_weight;
+          attrsToSet[location_names[item_location.toLowerCase()]+"_locationItemCount"] += item_quantity;
           attrsToSet[`repeating_maininventory_${arrayID}_locationValidation`] = 1;
          } else {
           attrsToSet[`repeating_maininventory_${arrayID}_locationValidation`] = 0;
@@ -2951,8 +2951,8 @@ <h3>Inventory</h3>Gold: <input style="width:104px" type="number" step="any" name
        getAttrs(AttrsToGet, function (values) {
         let total = 0;
         for (let arrayID of locationArray){
-         total += values[`repeating_locationtotals_${arrayID}_locationTotalWeight`] *
-                 values[`repeating_locationtotals_${arrayID}_locationOnPerson`]
+         total += Math.round((values[`repeating_locationtotals_${arrayID}_locationTotalWeight`] *
+                 values[`repeating_locationtotals_${arrayID}_locationOnPerson`])*100)/100
         }
         setAttrs({
          totalweight: total
@@ -2967,7 +2967,7 @@ <h3>Inventory</h3>Gold: <input style="width:104px" type="number" step="any" name
             "repeating_maininventory_mainpieceweight"], function(values){
             let quantity = parseFloat(values.repeating_maininventory_mainquantity)||0;
             let weight = parseFloat(values.repeating_maininventory_mainpieceweight)||0;
-            let total = (quantity * weight);
+            let total = Math.round((quantity * weight)*100)/100;
             setAttrs({
                 repeating_maininventory_maintotalweight : total
             });