Make it so we don't need to re-render the sheet on collapse toggle
This commit is contained in:
parent
34eae97b47
commit
97af3801c4
5 changed files with 63 additions and 51 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue