Readd currency to character sheet

src/ds4.scss

@@ -20,4 +20,5 @@
     @include meta.load-css("scss/components/item_list");
     @include meta.load-css("scss/components/tabs");
     @include meta.load-css("scss/components/talent_rank_equation");
+    @include meta.load-css("scss/components/currency");
 }

src/module/ds4.ts

@@ -66,6 +66,7 @@ async function registerHandlebarsPartials() {
         "systems/ds4/templates/actor/partials/talent-rank-equation.hbs",
         "systems/ds4/templates/actor/partials/item-list-header.hbs",
         "systems/ds4/templates/actor/partials/item-list-entry.hbs",
+        "systems/ds4/templates/actor/partials/currency.hbs",
     ];
     return loadTemplates(templatePaths);
 }

src/scss/components/_currency.scss

@@ -0,0 +1,17 @@
+@use "../utils/variables";
+
+.ds4-currency {
+    display: flex;
+    gap: 1em;
+    align-items: center;
+    $height: 1.75em;
+    margin: 0.5em 0;
+}
+
+.ds4-currency-title {
+    margin-top: 1em;
+    margin-bottom: 0;
+    padding-left: 1em;
+    border-bottom: variables.$border-groove;
+    font-weight: bold;
+}

src/scss/components/_item_list.scss

@@ -9,7 +9,7 @@
     grid-row-gap: 0.2em;
     align-items: center;
 
-    margin: 7px 0;
+    margin: 0.5em 0;
     padding: 0;
     overflow-y: auto;
 

src/templates/actor/partials/character-inventory.hbs

@@ -1,21 +1,4 @@
 <div class="tab inventory" data-group="primary" data-tab="inventory">
-
+    {{> systems/ds4/templates/actor/partials/currency.hbs}}
-    {{!-- Money--}}
-    {{!-- <h4 class="items-list-title">{{localize 'DS4.CharacterCurrency'}}</h4>
-    <ol class="items-list">
-        <li class="item flexrow item-header">
-            <label for="data.currency.gold" class="flex05">{{config.i18n.characterCurrency.gold}}</label>
-            <input class="flex3 item-num-val item-change" type="number" min="0" step="1" name="data.currency.gold"
-                id="data.currency.gold" value="{{data.currency.gold}}" data-dtype="Number" />
-            <label for="data.currency.silver" class="flex05">{{config.i18n.characterCurrency.silver}}</label>
-            <input class="flex3 item-num-val item-change" type="number" min="0" step="1" name="data.currency.silver"
-                id="data.currency.silver" value="{{data.currency.silver}}" data-dtype="Number" />
-            <label for="data.currency.copper" class="flex05">{{config.i18n.characterCurrency.copper}}</label>
-            <input class="flex3 item-num-val item-change" type="number" min="0" step="1" name="data.currency.copper"
-                id="data.currency.copper" value="{{data.currency.copper}}" data-dtype="Number" />
-        </li>
-    </ol> --}}
-
     {{> systems/ds4/templates/actor/partials/items-overview.hbs}}
-
 </div>

src/templates/actor/partials/currency.hbs

@@ -0,0 +1,8 @@
+<h4 class="ds4-currency-title">{{localize 'DS4.CharacterCurrency'}}</h4>
+<div class="ds4-currency">
+    {{#each data.currency as |value key|}}
+    <label for="data.currency.{{key}}" class="flex05">{{lookup ../config.i18n.characterCurrency key}}</label>
+    <input class="ds4-currency__value ds4-currency__value--{{key}} item-change" type="number" min="0" step="1"
+        name="data.currency.{{key}}" id="data.currency.{{key}}" value="{{value}}" data-dtype="Number" />
+    {{/each}}
+</div>