Active Effects (#123)

* Added Dh classes to ActiveEffect/ActiveEffectConfig with some initial logic

* TabFormFooter styling update

* Lowered tab-form-footer padding
This commit is contained in:
WBHarry 2025-06-12 20:53:47 +02:00 committed by GitHub
parent 7799f4f1eb
commit bc3525c970
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 230 additions and 0 deletions

View file

@ -0,0 +1,36 @@
<section class="tab changes{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
<header>
<div class="key">{{localize "EFFECT.ChangeKey"}}</div>
<div class="mode">{{localize "EFFECT.ChangeMode"}}</div>
<div class="value">{{localize "EFFECT.ChangeValue"}}</div>
<div class="priority">{{localize "EFFECT.ChangePriority"}}</div>
<div class="controls"><a data-action="addChange"><i class="fa-regular fa-square-plus"></i></a></div>
</header>
<ol class="scrollable" data-changes>
{{#each source.changes as |change i|}}
{{#with ../fields.changes.element.fields as |changeFields|}}
<li data-index="{{i}}">
<div class="key">
<input type="text" name="{{concat "changes." i ".key"}}" value="{{change.key}}" list="change-fields" />
<datalist id="change-fields">
{{#each @root.fieldPaths}}
<option value="{{this}}">{{this}}</option>
{{/each}}
</datalist>
</div>
<div class="mode">
{{formInput changeFields.mode name=(concat "changes." i ".mode") value=change.mode choices=@root.modes}}
</div>
<div class="value">
{{formInput changeFields.value name=(concat "changes." i ".value") value=change.value}}
</div>
<div class="priority">
{{formInput changeFields.priority name=(concat "changes." i ".priority") value=change.priority
placeholder=(lookup ../../priorities change.mode)}}
</div>
<div class="controls"><a data-action="deleteChange"><i class="fa-solid fa-trash"></i></a></div>
</li>
{{/with}}
{{/each}}
</ol>
</section>

View file

@ -0,0 +1,14 @@
<section class="tab scrollable{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
{{formGroup fields.tint value=source.tint rootId=rootId placeholder="#ffffff"}}
{{formGroup fields.description value=source.description rootId=rootId}}
{{formGroup fields.disabled value=source.disabled rootId=rootId}}
{{#if isActorEffect}}
{{formGroup fields.origin value=source.origin rootId=rootId disabled=true}}
{{/if}}
{{#if isItemEffect}}
{{formGroup fields.transfer value=source.transfer rootId=rootId label=legacyTransfer.label hint=legacyTransfer.hint}}
{{/if}}
{{formGroup fields.statuses value=source.statuses options=statuses rootId=rootId classes="statuses"}}
</section>

View file

@ -0,0 +1,31 @@
<section class="tab{{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
<fieldset class="one-column">
{{formGroup fields.duration.fields.seconds value=source.duration.seconds rootId=rootId}}
{{formGroup fields.duration.fields.startTime value=source.duration.startTime rootId=rootId}}
</fieldset>
<fieldset class="one-column">
<div class="form-group">
<label>{{localize "EFFECT.DurationTurns"}}</label>
<div class="form-fields">
<label for="{{rootId}}-duration.rounds">{{localize "EFFECT.FIELDS.duration.rounds.label"}}</label>
{{formInput fields.duration.fields.rounds value=source.duration.rounds
id=(concat rootId "-duration.rounds")}}
<label for="{{rootId}}-duration.turns">{{localize "EFFECT.FIELDS.duration.turns.label"}}</label>
{{formInput fields.duration.fields.turns value=source.duration.turns
id=(concat rootId "-duration.turns")}}
</div>
</div>
<div class="form-group">
<label>{{localize "EFFECT.StartTurns"}}</label>
<div class="form-fields">
<label for="{{rootId}}-duration.startRound">{{localize "EFFECT.FIELDS.duration.startRound.label"}}</label>
{{formInput fields.duration.fields.startRound value=source.duration.startRound
id=(concat rootId "-duration.startRound")}}
<label for="{{rootId}}-duration.startTurn">{{localize "EFFECT.FIELDS.duration.startTurn.label"}}</label>
{{formInput fields.duration.fields.startTurn value=source.duration.startTurn
id=(concat rootId "-duration.startTurn")}}
</div>
</div>
</fieldset>
</section>

View file

@ -0,0 +1,7 @@
<header class='item-sheet-header'>
<img class='profile' src="{{source.img}}" data-action="editImage" data-edit="img" alt="{{localize "EFFECT.FIELDS.img.label"}}">
<div class='item-info'>
<h1 class='item-name'><input name="name" type="text" value="{{source.name}}" placeholder="{{localize "EFFECT.FIELDS.name.label"}}"
aria-label="{{localize "EFFECT.FIELDS.name.label"}}"></h1>
</div>
</header>

View file

@ -0,0 +1,3 @@
<section class='tab-form-footer'>
<button type="submit"><i class="fa-solid fa-floppy-disk"></i> {{localize "Save"}}</button>
</section>