You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
8.2 KiB
135 lines
8.2 KiB
<form>
|
|
<section>
|
|
|
|
<datalist id="groups">
|
|
{{#each groups}}
|
|
<option value="{{this}}"></option>
|
|
{{/each}}
|
|
</datalist>
|
|
|
|
<ol class="token-variant-table" style="overflow-x: hidden;">
|
|
<li class="table-row table-header flexrow">
|
|
<div class="mapping-controls">
|
|
<a class="create-mapping" title="Add new mapping"> <i class="fas fa-plus"></i></a>
|
|
</div>
|
|
<div class="mapping-label" title="Optional description for the mapping. Actor mappings will override Global ones if their Labels match."><label>Description</label></div>
|
|
<div class="mapping-expression"><label>Expression</label> <i class="fas fa-question-circle" title="Accepted Operators:
• && ( logical AND)
• || (logical OR)
• \! (escaped logical NOT)
• \( (escaped open bracket to group expressions)
• \) (escaped closed bracket to group expressions)

Accepted hp and Token property Comparators:
• = (equal)
• < (less than)
• > (greater than)
• <= (less than or equal)
• >= (greater than or equal)
• <> (lesser or greater than)

Accepted wildcards
• \*
• \{ \}

Examples of valid expressions:
• Flying
• Dead && Burning
• Flying && \! \( Prone || Dead \)
• hp<=50%
• name=“Raging Barbarian“
• lockRotation=“true“
• flags.token-variants.test=“true“
• Exhaustion \*
• Exhaustion \{1,2,3\}

Special Effect Names:
• token-variants-combat : Actives when Token is in combat
• combat-turn : Activates when it's Token's turn in combat
• combat-turn-next : Actives when Token is next in the initiative order"></i></div>
|
|
<div class="mapping-priority" title="The order in which mappings are to be resolved. Which scripts are run first, token configs are prioritized, and overlay display order will all be based off of this value."><label>Priority</label></div>
|
|
<div class="mapping-image" title="Image to be applied to the token."><label>Image</label></div>
|
|
<div class="mapping-config" title="Token Configuration and Scripts"><label>Config</label></div>
|
|
<div class="mapping-overlay" title="Image, text, or shapes to be shown on the token."><label>Overlay</label></div>
|
|
<div class="mapping-alwaysOn" title="If checked mapping will always be treated as active, regardless whether the Expression is true or not."><label>Always On</label></div>
|
|
<div class="mapping-disable" title="If checked mapping will never be activated regardless of whether the Expression is true or not."><label>Disable</label></div>
|
|
{{#if global}}
|
|
<div class="mapping-target" title="Actor types that this mapping is applicable to."><i class="fas fa-users"></i></div>
|
|
{{/if}}
|
|
<div class="mapping-group" title="Mappings sharing Group names will be displayed under the same header."><label>Group</label></div>
|
|
</li>
|
|
|
|
{{#each groupedMappings as |mappings group|}}
|
|
<div class="group-title flexrow">
|
|
<p><a class="group-delete" data-group="{{group}}"><i class="fas fa-trash fa-xs"></i></a> {{group}}</p>
|
|
<div class="group-disable {{#if mappings.active}}active{{/if}}" data-group="{{group}}"><a><i class="fas fa-power-off"></i></a></div>
|
|
<div class="group-toggle active {{#if ../global}}global{{/if}}" data-group="{{group}}"><a><i class="fas fa-chevron-double-up"></i></a></div>
|
|
</div>
|
|
{{#each mappings.list as |mapping|}}
|
|
<input type="text" name="mappings.{{mapping.i}}.id" value="{{mapping.id}}" hidden/>
|
|
<li class="table-row flexrow {{#if mapping.parentID}}child{{/if}}" data-group="{{group}}" data-index="{{mapping.i}}">
|
|
<div class="mapping-controls">
|
|
<a class="clone-mapping" title="Clone mapping"><i class="fas fa-clone"></i></a>
|
|
<a class="delete-mapping" title="Delete mapping"><i class="fas fa-trash"></i></a>
|
|
</div>
|
|
<div class="mapping-label">
|
|
<input
|
|
type="text"
|
|
name="mappings.{{mapping.i}}.label"
|
|
value="{{mapping.label}}"
|
|
/>
|
|
</div>
|
|
<div class="mapping-expression">
|
|
<div class="expression-container">
|
|
<a class="expression-switch" title="Toggle between Expression and JavaScript Code"><i class="fad fa-code"></i></a>
|
|
<div>
|
|
<div class="div-input {{#if hasCodeExp}}hidden{{/if}}" contenteditable="true" title="Expression">{{{mapping.highlightedExpression}}}</div>
|
|
<input
|
|
type="text"
|
|
name="mappings.{{mapping.i}}.expression"
|
|
value="{{mapping.expression}}"
|
|
hidden/>
|
|
</div>
|
|
<div class="expression-code {{#unless hasCodeExp}}hidden{{/unless}}">
|
|
<textarea name="mappings.{{mapping.i}}.codeExp" title="JavaScript Code
'token' document is available within this context">{{mapping.codeExp}}</textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mapping-priority">
|
|
<input
|
|
type="number"
|
|
name="mappings.{{mapping.i}}.priority"
|
|
value="{{mapping.priority}}"
|
|
placeholder="priority"
|
|
/>
|
|
</div>
|
|
<div class="mapping-image">
|
|
<video
|
|
height="32" width="32"
|
|
src="{{mapping.imgSrc}}"
|
|
title="{{mapping.imgName}}"
|
|
autoplay
|
|
loop
|
|
muted
|
|
{{#unless isVideo}}hidden{{/unless}}
|
|
>
|
|
</video>
|
|
<img height="32" width="32" src="{{#if mapping.imgSrc}} {{mapping.imgSrc}} {{else}} {{../NO_IMAGE}} {{/if}}" title="{{mapping.imgName}}" {{#if isVideo}}hidden{{/if}}/>
|
|
<input
|
|
class="imgSrc"
|
|
type="hidden"
|
|
name="mappings.{{mapping.i}}.imgSrc"
|
|
value="{{mapping.imgSrc}}"
|
|
/>
|
|
<input
|
|
class="imgName"
|
|
type="hidden"
|
|
name="mappings.{{mapping.i}}.imgName"
|
|
value="{{mapping.imgName}}"
|
|
/>
|
|
</div>
|
|
<div class="mapping-config">
|
|
<a><i class="fas fa-cog fa-lg config {{#if mapping.hasTokenConfig}}active{{/if}}"></i></a>
|
|
<a><i class="fas fa-edit config-edit {{#if mapping.hasConfig}}active{{/if}}"></i></a>
|
|
<a><i class="fas fa-play config-script {{#if mapping.hasScript}}active{{/if}}"></i></a>
|
|
<input class="config" type="hidden" name="mappings.{{mapping.i}}.config" value="{{mapping.config}}">
|
|
</div>
|
|
<div class="mapping-overlay">
|
|
<input type="checkbox" name="mappings.{{mapping.i}}.overlay" {{#if mapping.overlay}}checked{{/if}}/>
|
|
<a {{#if mapping.parentID}}class="child" title="Child Of: {{mapping.parentID}}"{{/if}}><i class="fas fa-cog fa-lg overlay-config"></i></a>
|
|
</div>
|
|
<div class="mapping-alwaysOn">
|
|
<input type="checkbox" name="mappings.{{mapping.i}}.alwaysOn" {{#if mapping.alwaysOn}}checked{{/if}} title="Enabling will not trigger scripts."/>
|
|
</div>
|
|
<div class="mapping-disable">
|
|
<input type="checkbox" name="mappings.{{mapping.i}}.disabled" {{#if mapping.disabled}}checked{{/if}}/>
|
|
</div>
|
|
{{#if ../../global}}
|
|
<div class="mapping-target" title="Configure Applicable Actors">
|
|
<a><i class="fas fa-users"></i></a>
|
|
</div>
|
|
{{/if}}
|
|
<div class="mapping-group">
|
|
<input list="groups" name="mappings.{{mapping.i}}.group" value="{{mapping.group}}"/>
|
|
</div>
|
|
{{#if mapping.tokenIDs}}
|
|
<i class="tokens fa-duotone fa-circle-user" title="{{mapping.tokenIDs}}"></i>
|
|
<input type="text" name="mappings.{{mapping.i}}.tokens" value="{{mapping.tokensString}}" hidden />
|
|
{{/if}}
|
|
</li>
|
|
{{/each}}
|
|
{{/each}}
|
|
</ol>
|
|
</section>
|
|
<footer class="sheet-footer flexrow">
|
|
<button class="save-mappings" type="button"><i class="far fa-save"></i>Save</button>
|
|
<button class="save-mappings-close" style="flex: 0.2;" type="button"><i class="far fa-save"></i>Save & Close</button>
|
|
</footer>
|
|
</form>
|