toggle functionality added

This commit is contained in:
Nikhil Nagarajan 2025-11-09 16:34:32 -05:00
parent 8a832fa142
commit 4ce9cb98d8
3 changed files with 87 additions and 6 deletions

View file

@ -18,7 +18,8 @@
<div class="info-section">
<div class="resources-section">
<div class="status-bar">
<div class='status-value'>
{{#if useResourcePips}}
<div class='slot-value'>
<div class="slot-bar">
{{#times document.system.resources.hitPoints.max}}
<span class='slot {{#if (gte ../document.system.resources.hitPoints.value (add this 1))}}filled{{/if}}' data-action='toggleHitPoints' data-value="{{add this 1}}">
@ -28,11 +29,28 @@
<div class="slot-label">
<span class="label">{{localize "DAGGERHEART.GENERAL.HitPoints.short"}}</span>
<span class="value">{{document.system.resources.hitPoints.value}} / {{document.system.resources.hitPoints.max}}</span>
</div>
</div>
</div>
{{else}}
<div class='status-value'>
<p><input class="bar-input" name="system.resources.hitPoints.value" min="0" max='{{document.system.resources.hitPoints.max}}'
value="{{document.system.resources.hitPoints.value}}" type="number"></p>
<p>/</p>
<p class="bar-label">{{document.system.resources.hitPoints.max}}</p>
</div>
<progress
class='progress-bar'
max='{{document.system.resources.hitPoints.max}}'
value='{{document.system.resources.hitPoints.value}}'
></progress>
<div class="status-label">
<h4>{{localize "DAGGERHEART.GENERAL.HitPoints.short"}}</h4>
</div>
{{/if}}
</div>
<div class="status-bar">
<div class='status-value'>
{{#if useResourcePips}}
<div class='slot-value'>
<div class="slot-bar">
{{#times document.system.resources.stress.max}}
<span class='slot {{#if (gte ../document.system.resources.stress.value (add this 1))}}filled{{/if}}' data-action='toggleStress' data-value="{{add this 1}}">
@ -46,6 +64,23 @@
</div>
</div>
</div>
{{else}}
<div class='status-value'>
<p><input class="bar-input" name="system.resources.stress.value" min="0" max='{{document.system.resources.stress.max}}'
value="{{document.system.resources.stress.value}}" type="number"></p>
<p>/</p>
<p class="bar-label">{{document.system.resources.stress.max}}</p>
</div>
<progress
class='progress-bar stress-color'
value='{{document.system.resources.stress.value}}'
min="0"
max='{{document.system.resources.stress.max}}'
></progress>
<div class="status-label">
<h4>{{localize "DAGGERHEART.GENERAL.stress"}}</h4>
</div>
{{/if}}
</div>
</div>
<div class="status-section">
@ -60,7 +95,8 @@
{{#if document.system.armor.system.marks}}
<div class="status-bar armor-slots">
<div class='status-value'>
{{#if useResourcePips}}
<div class='slot-value'>
<div class="slot-bar">
{{#times document.system.armorScore}}
<a class='armor-slot' data-action='toggleArmor' data-value="{{add this 1}}">
@ -77,6 +113,21 @@
<span class="value">{{document.system.armor.system.marks.value}} / {{document.system.armorScore}}</span>
</div>
</div>
{{else}}
<div class='status-value'>
<p><input class="bar-input armor-marks-input" value="{{document.system.armor.system.marks.value}}" type="number"></p>
<p>/</p>
<p class="bar-label">{{document.system.armorScore}}</p>
</div>
<progress
class='progress-bar stress-color'
value='{{document.system.armor.system.marks.value}}'
max='{{document.system.armorScore}}'
></progress>
<div class="status-label">
<h4>{{localize "DAGGERHEART.GENERAL.armorSlots"}}</h4>
</div>
{{/if}}
</div>
{{else}}
<div class="status-number armor-slots">