Make it so we don't need to re-render the sheet on collapse toggle

This commit is contained in:
Oliver-Akins 2024-03-25 19:05:01 -06:00
parent 34eae97b47
commit 97af3801c4
5 changed files with 63 additions and 51 deletions

View file

@ -1,28 +1,27 @@
<section class="aspect">
<section
class="aspect collapse"
{{dd-expanded meta.expanded item.uuid}}
>
<div
class="aspect__header"
class="collapse__header"
data-collapse-id="{{item.uuid}}"
>
<button
type="button"
class="equal-padding reduced-padding"
class="collapse__toggle equal-padding reduced-padding"
data-collapse-id="{{item.uuid}}"
tabindex="0"
aria-label="{{dd-i18n 'dotdungeon.sheet.actor.v2.toggle-item-information' item}}"
>
<div aria-hidden="true" class="icon icon--12">
{{#if (dd-set-has meta.expanded item.uuid)}}
{{{ icons.caret-down }}}
{{else}}
{{{ icons.caret-right }}}
{{/if}}
{{{ icons.caret-right }}}
</div>
</button>
<h3 class="aspect__name">
{{item.name}}
</h3>
</div>
{{#if (dd-set-has meta.expanded item.uuid)}}
<div class="collapse__content">
<hr>
<div class="aspect__content">
<div class="aspect__field editable">
@ -95,5 +94,5 @@
</div>
</button>
</div>
{{/if}}
</div>
</section>

View file

@ -1,21 +1,20 @@
<section class="untyped">
<section
class="untyped collapse"
{{dd-expanded meta.expanded item.uuid}}
>
<div
class="untyped__header"
class="collapse__header"
data-collapse-id="{{item.uuid}}"
>
<button
type="button"
class="equal-padding reduced-padding"
class="collapse__toggle equal-padding reduced-padding"
data-collapse-id="{{item.uuid}}"
tabindex="0"
aria-label="{{dd-i18n 'dotdungeon.sheet.actor.v2.toggle-item-information' item}}"
>
<div aria-hidden="true" class="icon icon--12">
{{#if (dd-set-has meta.expanded item.uuid)}}
{{{ icons.caret-down }}}
{{else}}
{{{ icons.caret-right }}}
{{/if}}
{{{ icons.caret-right }}}
</div>
</button>
<h3 class="untyped__name">
@ -25,7 +24,7 @@
(x {{item.system.quantity}})
</div>
</div>
{{#if (dd-set-has meta.expanded item.uuid)}}
<div class="collapse__content">
<hr>
<div class="untyped__content">
<div class="untyped__field editable">
@ -98,5 +97,5 @@
</div>
</button>
</div>
{{/if}}
</div>
</section>

View file

@ -1,21 +1,20 @@
<section class="weapon">
<section
class="weapon collapse"
{{dd-expanded meta.expanded item.uuid}}
>
<div
class="weapon__header"
class="collapse__header"
data-collapse-id="{{item.uuid}}"
>
<button
type="button"
class="equal-padding reduced-padding"
class="collapse__toggle equal-padding reduced-padding"
data-collapse-id="{{item.uuid}}"
tabindex="0"
aria-label="{{dd-i18n 'dotdungeon.sheet.actor.v2.toggle-item-information' item}}"
>
<div aria-hidden="true" class="icon icon--12">
{{#if (dd-set-has meta.expanded item.uuid)}}
{{{ icons.caret-down }}}
{{else}}
{{{ icons.caret-right }}}
{{/if}}
{{{ icons.caret-right }}}
</div>
</button>
<h3 class="weapon__name">
@ -25,7 +24,7 @@
(x {{item.system.quantity}})
</div>
</div>
{{#if (dd-set-has meta.expanded item.uuid)}}
<div class="collapse__content">
<hr>
<div class="weapon__content">
<div class="weapon__field editable">
@ -113,5 +112,5 @@
</div>
</button>
</div>
{{/if}}
</div>
</section>