Add a supplies incrementer in the left side-bar

This commit is contained in:
Oliver-Akins 2024-03-18 23:29:23 -06:00
parent 30ed81cafa
commit 23ec5fe0d3
2 changed files with 33 additions and 1 deletions

View file

@ -9,7 +9,7 @@
display: grid; display: grid;
gap: 16px; gap: 16px;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr repeat(3, min-content); grid-template-rows: 1fr repeat(4, min-content);
height: 100%; height: 100%;
color: white; color: white;

View file

@ -9,6 +9,38 @@
<span aria-label="inventory slots used out of">/</span> <span aria-label="inventory slots used out of">/</span>
<span class="total">{{computed.capacity.max}}</span> <span class="total">{{computed.capacity.max}}</span>
</div> </div>
<div class="e-1dp panel bytes-panel">
<label
for="{{meta.idp}}-player-inventory-supplies-input"
>
Supplies
</label>
<button
type="button"
class="equal-padding"
data-decrement="system.supplies"
aria-label="Decrease supply count by one"
>
<div aria-hidden="true" class="icon icon--14">
{{{ icons.minus }}}
</div>
</button>
<input
type="number"
id="{{meta.idp}}-player-inventory-supplies-input"
value="{{system.supplies}}"
>
<button
type="button"
class="equal-padding"
data-increment="system.supplies"
aria-label="Increase supply count by one"
>
<div aria-hidden="true" class="icon icon--14">
{{{ icons.create }}}
</div>
</button>
</div>
<div class="e-1dp panel bytes-panel"> <div class="e-1dp panel bytes-panel">
<label <label
for="{{meta.idp}}-player-inventory-bytes-input" for="{{meta.idp}}-player-inventory-bytes-input"