mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 03:31:07 +01:00
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:
parent
7799f4f1eb
commit
bc3525c970
16 changed files with 230 additions and 0 deletions
36
templates/sheets/activeEffect/changes.hbs
Normal file
36
templates/sheets/activeEffect/changes.hbs
Normal 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>
|
||||
14
templates/sheets/activeEffect/details.hbs
Normal file
14
templates/sheets/activeEffect/details.hbs
Normal 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>
|
||||
31
templates/sheets/activeEffect/duration.hbs
Normal file
31
templates/sheets/activeEffect/duration.hbs
Normal 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>
|
||||
7
templates/sheets/activeEffect/header.hbs
Normal file
7
templates/sheets/activeEffect/header.hbs
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue