Begin implementation of the Stats / Skills tab

This commit is contained in:
Oliver-Akins 2024-02-29 22:35:28 -07:00
parent 753d72b4e0
commit 0e8d1615a7
16 changed files with 292 additions and 64 deletions

View file

@ -0,0 +1,56 @@
<div class="tab stats-panel" data-group="page" data-tab="stats">
{{!--
Iterate over each stat in the display data
- header:
- localized stat name
- stat dice dropdown
- roll button
- body (if skills present):
- iterate over all of the skills
- localized skill name
- training dropdown
- roll button
--}}
{{#each computed.stats as | stat |}}
<div class="e-1dp stat">
<div class="stat__header">
<h2>{{stat.name}}</h2>
<select
name="system.stats.{{stat.key}}"
class="e-2dp"
>
{{#select stat.value}}
<option value="">---</option>
{{#each stat.dieOptions as | die |}}
<option value="{{die.value}}" {{disabled die.disabled}}>
{{die.label}}
</option>
{{/each}}
{{/select}}
</select>
<button type="button" class="e-2dp">
Roll
</button>
</div>
{{#if stat.skills}}
<div class="stat__skills">
{{#each stat.skills as | skill |}}
<label for="">{{skill.name}}</label>
<select name="" id="" class="e-2dp"></select>
<button
type="button"
class="e-2dp"
{{disabled skill.rollDisabled}}
>
{{#if skill.rollDisabled}}
Locked
{{else}}
{{skill.formula}}
{{/if}}
</button>
{{/each}}
</div>
{{/if}}
</div>
{{/each}}
</div>

View file

@ -1,27 +1,8 @@
<form autocomplete="off" class="actor--pc">
{{!-- All panels here --}}
<section class="tab-content">
<section class="page-content">
<div class="tab" data-group="page" data-tab="avatar">Avatar</div>
<div class="tab" data-group="page" data-tab="stats">
<div class="panel-1dp">
<h2>Build</h2>
</div>
<div class="panel-1dp">
<h2>Meta</h2>
</div>
<div class="panel-1dp">
<h2>Presence</h2>
</div>
<div class="panel-1dp">
<h2>Hands</h2>
</div>
<div class="panel-1dp">
<h2>Tilt</h2>
</div>
<div class="panel-1dp">
<h2>RNG</h2>
</div>
</div>
{{> dotdungeon.pc.v2.stats }}
<div class="tab" data-group="page" data-tab="combat">Combat</div>
<div class="tab" data-group="page" data-tab="inventory">Inventory</div>
<div class="tab" data-group="page" data-tab="spells">Spells</div>