Add basic displaying for ActiveEffects and dropdown support

This commit is contained in:
Oliver-Akins 2024-04-20 23:14:16 -06:00
parent c466e0e539
commit d479ef7559
4 changed files with 45 additions and 3 deletions

View file

@ -1,7 +1,32 @@
<div class="tab" data-group="page" data-tab="effects">
<div class="effect panel">
Am Effect, Hewwo
</div>
{{#each effects as | effect |}}
<div class="effect panel" data-embedded-id="{{effect.uuid}}">
<div class="effect__name">
{{effect.name}}
</div>
<div>
{{ifThen effect.disabled "Disabled" "Enabled"}}
</div>
{{!-- TODO: For some reason this embedded update logic was failing
<label
class="effect__name"
for="{{effect.uuid}}-toggle"
>
{{ effect.name }}
</label>
<div class="effect__active">
<input
type="checkbox"
{{checked effect.enabled}}
id="{{effect.uuid}}-toggle"
data-embedded-id="{{effect.uuid}}"
data-embedded-update="disabled"
data-embedded-update-on="change"
>
</div>
--}}
</div>
{{/each}}
<button>
<dd-icon name="ui/plus" var:fill="currentColor"></dd-icon>
Create Effect