1370 lines
69 KiB
HTML
1370 lines
69 KiB
HTML
|
|
<!--
|
|
@typedef {object} TabData
|
|
@property {string} id The ID used to identify the tab radio buttons and their
|
|
corresponding containers. The container's ID will be suffixed with
|
|
"Container".
|
|
@property {string} label The tab's label.
|
|
@property {string} include The path to the pug file defining the tab contents.
|
|
|
|
-->
|
|
<input type="hidden" name="attr_character_sheet" style="display: none;" value="TailsOfEquestria"/>
|
|
<input type="hidden" name="attr_debug" style="display: none;" value=""/>
|
|
<input type="checkbox" name="attr_useApiExplodingHoof" style="display: none;"/>
|
|
<div class="top"><img src="http://ninjadivision.com/wp-content/uploads/2017/02/MLP-Website-Header-900x325.jpg"/>
|
|
<div class="mask"></div>
|
|
</div>
|
|
<div class="tabs">
|
|
<!-- Labels-->
|
|
<input type="radio" name="attr_sheet_type" id="sheetTabPC" value="0" checked="checked"/>
|
|
<label for="sheetTabPC">PC</label>
|
|
<input type="radio" name="attr_sheet_type" id="sheetTabNPC" value="1"/>
|
|
<label for="sheetTabNPC">NPC</label>
|
|
<input type="radio" name="attr_sheet_type" id="sheetTabVehicle" value="2"/>
|
|
<label for="sheetTabVehicle">Vehicle</label>
|
|
<!-- Contents-->
|
|
<div class="tabContents">
|
|
<div class="tab" id="sheetTabPCContainer">
|
|
<div class="main-container">
|
|
<div class="tabSheet pcSheet">
|
|
<div>
|
|
<div class="bio">
|
|
<div class="labelledUnderlined">
|
|
<label>Pony Name:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_character_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Player Name:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_player_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Race:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_race"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Level:</label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_level"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Element of Harmony:</label>
|
|
<div class="inner">
|
|
<select name="attr_elementOfHarmony">
|
|
<option value="generosity">generosity</option>
|
|
<option value="honesty">honesty</option>
|
|
<option value="kindness">kindness</option>
|
|
<option value="laughter">laughter</option>
|
|
<option value="loyalty">loyalty</option>
|
|
<option value="magic">magic</option>
|
|
<option value="other">other</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: inline-block; width: 2.2in;">
|
|
<div class="friendshipTokens">
|
|
<h1><span>F</span><span>R</span><span>I</span><span>E</span><span>N</span><span>D</span><span>S</span><span>H</span><span>I</span><span>P</span></h1>
|
|
<input type="number" name="attr_friendshipTokens" value="0"/>
|
|
</div>
|
|
<div class="explodingHooves api">
|
|
<h1>Exploding Hoof Dice:</h1>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 4" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 6" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 8" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 10" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 12" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 20" title="Click to roll!"></button>
|
|
</div>
|
|
</div>
|
|
<div class="explodingHooves noApi">
|
|
<h1>Exploding Hoof Dice:</h1>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d4" style="display: none;" value="{1d3, floor(1d4/4)*{{0} + 4, 1d5, floor(1d6/6)*{{0} + 6, 1d7, floor(1d8/8)*{{0} + 8, 1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d4}} {{result=[[@{exploding_hoof_d4}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d6" style="display: none;" value="{1d5, floor(1d6/6)*{{0} + 6, 1d7, floor(1d8/8)*{{0} + 8, 1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d6}} {{result=[[@{exploding_hoof_d6}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d8" style="display: none;" value="{1d7, floor(1d8/8)*{{0} + 8, 1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d8}} {{result=[[@{exploding_hoof_d8}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d10" style="display: none;" value="{1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d10}} {{result=[[@{exploding_hoof_d10}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d12" style="display: none;" value="{1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d12}} {{result=[[@{exploding_hoof_d12}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d20" style="display: none;" value="1d20"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d20}} {{result=[[@{exploding_hoof_d20}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="stamina">
|
|
<div>
|
|
<h1>Stamina:</h1>
|
|
<div class="fraction">
|
|
<input type="number" name="attr_stamina"/><span>/</span>
|
|
<input type="number" name="attr_stamina_max"/>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="labelledUnderlined" style="font-size: 1.5em; max-width: 2in;">
|
|
<label>Damage Modifiers:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_damageReduction" style="width: 2.4in;"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="traits">
|
|
<div class="trait body">
|
|
<label class="traitName">Body</label>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=Body}} {{result=[[@{body_equation}]]}}{{updowngrade=@{body_updowngrade}}}" title="Click to roll!"></button>
|
|
<select name="attr_body">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_body_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_body_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_body_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<input type="hidden" name="attr_body_equation"/>
|
|
</div>
|
|
<div class="trait mind">
|
|
<label class="traitName">Mind</label>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=Mind}} {{result=[[@{mind_equation}]]}}{{updowngrade=@{mind_updowngrade}}}" title="Click to roll!"></button>
|
|
<select name="attr_mind">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_mind_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_mind_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_mind_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<input type="hidden" name="attr_mind_equation"/>
|
|
</div>
|
|
<div class="trait charm">
|
|
<label class="traitName">Charm</label>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=Charm}} {{result=[[@{charm_equation}]]}}{{updowngrade=@{charm_updowngrade}}}" title="Click to roll!"></button>
|
|
<select name="attr_charm">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_charm_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_charm_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_charm_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<input type="hidden" name="attr_charm_equation"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="talents">
|
|
<h1>Talents:</h1>
|
|
<div class="talent isCutieMark">
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=@{talent_cutieMark_name}}} {{result=[[@{talent_cutieMark_equation}]]}}{{notes=@{talent_cutieMark_notes}}}{{updowngrade=@{talent_cutieMark_updowngrade}}}" title="Click to roll!"></button>
|
|
<div style="display: inline-block; vertical-align: top; width: 0.4in;">
|
|
<div class="talentIcon" style="font-size: 3em;"></div>
|
|
</div>
|
|
<div style="display: inline-block; width: 6.5in;">
|
|
<div class="labelledUnderlined" style="width: 2.5in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_talent_cutieMark_name" placeholder="Cutie mark talent"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Dice:</label>
|
|
<div class="inner">
|
|
<select name="attr_talent_cutieMark_dice">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Trait</label>
|
|
<div class="inner">
|
|
<select name="attr_talent_cutieMark_trait">
|
|
<option value="null" selected="selected">none</option>
|
|
<option value="body">body</option>
|
|
<option value="mind">mind</option>
|
|
<option value="charm">charm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_talent_cutieMark_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_talent_cutieMark_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_talent_cutieMark_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<div class="notes">
|
|
<div class="labelledUnderlined">
|
|
<label>Notes:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_talent_cutieMark_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="attr_talent_cutieMark_equation"/>
|
|
</div>
|
|
<div class="talent">
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=@{talent_racial_name}}} {{result=[[@{talent_racial_equation}]]}}{{notes=@{talent_racial_notes}}}{{updowngrade=@{talent_racial_updowngrade}}}" title="Click to roll!"></button>
|
|
<div style="display: inline-block; vertical-align: top; width: 0.4in;">
|
|
<div class="talentIcon" style="font-size: 3em;"></div>
|
|
</div>
|
|
<div style="display: inline-block; width: 6.5in;">
|
|
<div class="labelledUnderlined" style="width: 2.5in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_talent_racial_name" placeholder="Racial talent"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Dice:</label>
|
|
<div class="inner">
|
|
<select name="attr_talent_racial_dice">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Trait</label>
|
|
<div class="inner">
|
|
<select name="attr_talent_racial_trait">
|
|
<option value="null" selected="selected">none</option>
|
|
<option value="body">body</option>
|
|
<option value="mind">mind</option>
|
|
<option value="charm">charm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_talent_racial_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_talent_racial_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_talent_racial_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<div class="notes">
|
|
<div class="labelledUnderlined">
|
|
<label>Notes:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_talent_racial_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="attr_talent_racial_equation"/>
|
|
</div>
|
|
<fieldset class="repeating_talents">
|
|
<div class="talent">
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=@{name}}} {{result=[[@{equation}]]}}{{notes=@{notes}}}{{updowngrade=@{updowngrade}}}" title="Click to roll!"></button>
|
|
<div style="display: inline-block; vertical-align: top; width: 0.4in;">
|
|
<div class="talentIcon" style="font-size: 3em;"></div>
|
|
</div>
|
|
<div style="display: inline-block; width: 6.5in;">
|
|
<div class="labelledUnderlined" style="width: 2.5in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_name" placeholder=""/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Dice:</label>
|
|
<div class="inner">
|
|
<select name="attr_dice">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Trait</label>
|
|
<div class="inner">
|
|
<select name="attr_trait">
|
|
<option value="null" selected="selected">none</option>
|
|
<option value="body">body</option>
|
|
<option value="mind">mind</option>
|
|
<option value="charm">charm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<div class="notes">
|
|
<div class="labelledUnderlined">
|
|
<label>Notes:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="attr_equation"/>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="quirks">
|
|
<h1>Quirks:</h1>
|
|
<div class="quirk quirkMain">
|
|
<div class="quirkIcon" style="font-size: 2em;"></div>
|
|
<div class="labelledUnderlined">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_quirk_main_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Notes</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_quirk_main_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<fieldset class="repeating_quirks">
|
|
<div class="quirk">
|
|
<div class="quirkIcon" style="font-size: 2em;"></div>
|
|
<div class="labelledUnderlined">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Notes</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="reputations">
|
|
<h1>Reputation:</h1>
|
|
<fieldset class="repeating_reputations">
|
|
<div class="reputation">
|
|
<div class="reputationIcon" style="font-size: 2em;"></div>
|
|
<div class="labelledUnderlined">
|
|
<label>Faction/Individual</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Level</label>
|
|
<div class="inner">
|
|
<select name="attr_level">
|
|
<option value="2">Esteemed (2x upgrade)</option>
|
|
<option value="1">Friendly (1x upgrade)</option>
|
|
<option value="Neutral" selected="selected">Neutral</option>
|
|
<option value="-1">Unfriendly (1x downgrade)</option>
|
|
<option value="-2">Hostile (2x downgrade)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined" style="width: 3in;">
|
|
<label>Notes</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="inlineBlock" style="margin-right: 1em; vertical-align: top; width: 48%;">
|
|
<h1>Equipment:</h1>
|
|
<textarea name="attr_equipment" style="height: 4in;"></textarea>
|
|
</div>
|
|
<div class="inlineBlock" style="width: 48%;">
|
|
<h1>Appearance/Cutie Mark:</h1>
|
|
<textarea name="attr_appearance"></textarea>
|
|
<h1>Campaign Notes:</h1>
|
|
<textarea name="attr_campaignNotes"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab" id="sheetTabNPCContainer">
|
|
<div class="main-container">
|
|
<div class="tabSheet npcSheet">
|
|
<div>
|
|
<div class="bio">
|
|
<input type="text" name="attr_character_name" placeholder="NPC/Creature name"/>
|
|
<div class="checkbox">
|
|
<label>Unique?</label>
|
|
<div class="checkboxInner">
|
|
<input type="checkbox" name="attr_isUnique" value="1"/>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="traits">
|
|
<div class="trait body">
|
|
<label class="traitName">Body</label>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=Body}} {{result=[[@{body_equation}]]}}{{updowngrade=@{body_updowngrade}}}" title="Click to roll!"></button>
|
|
<select name="attr_body">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_body_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_body_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_body_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<input type="hidden" name="attr_body_equation"/>
|
|
</div>
|
|
<div class="trait mind">
|
|
<label class="traitName">Mind</label>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=Mind}} {{result=[[@{mind_equation}]]}}{{updowngrade=@{mind_updowngrade}}}" title="Click to roll!"></button>
|
|
<select name="attr_mind">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_mind_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_mind_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_mind_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<input type="hidden" name="attr_mind_equation"/>
|
|
</div>
|
|
<div class="trait charm">
|
|
<label class="traitName">Charm</label>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=Charm}} {{result=[[@{charm_equation}]]}}{{updowngrade=@{charm_updowngrade}}}" title="Click to roll!"></button>
|
|
<select name="attr_charm">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_charm_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_charm_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_charm_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<input type="hidden" name="attr_charm_equation"/>
|
|
</div>
|
|
</div>
|
|
<div class="stamina">
|
|
<div class="staminaInner">
|
|
<label>Stamina:</label>
|
|
<div class="fraction">
|
|
<input type="number" name="attr_stamina"/><span>/</span>
|
|
<input type="number" name="attr_stamina_max"/>
|
|
</div>
|
|
</div>
|
|
<div class="damageModifiers">
|
|
<div class="labelledUnderlined">
|
|
<label>Damage Modifiers:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_damageReduction"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="talents">
|
|
<label>Talents:</label>
|
|
<fieldset class="repeating_talents">
|
|
<div class="talent">
|
|
<input type="hidden" name="attr_equation"/>
|
|
<input type="hidden" name="attr_readOnlyView"/>
|
|
<input class="editCheckbox" type="checkbox" name="attr_editMode" title="Click to edit"/>
|
|
<div class="editIcon"></div>
|
|
<div class="viewMode">
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=@{name}}} {{result=[[@{equation}]]}}{{notes=@{notes}}}{{updowngrade=@{updowngrade}}}" title="Click to roll!"></button><span name="attr_readOnlyView">New talent</span>
|
|
</div>
|
|
<div class="editMode">
|
|
<div style="display: inline-block; width: 6.5in;">
|
|
<div class="labelledUnderlined" style="width: 2.5in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Dice:</label>
|
|
<div class="inner">
|
|
<select name="attr_dice">
|
|
<option value="null" selected="selected">Pick One</option>
|
|
<option value="D4">D4</option>
|
|
<option value="D6">D6</option>
|
|
<option value="D8">D8</option>
|
|
<option value="D10">D10</option>
|
|
<option value="D12">D12</option>
|
|
<option value="D20">D20</option>
|
|
<option value="{D20,D4}k1">D20+D4</option>
|
|
<option value="{D20,D6}k1">D20+D6</option>
|
|
<option value="{D20,D8}k1">D20+D8</option>
|
|
<option value="{D20,D10}k1">D20+D10</option>
|
|
<option value="{D20,D12}k1">D20+D12</option>
|
|
<option value="{D20,D20}k1">2D20</option>
|
|
<option value="{D20,D20,D4}k1">2D20+D4</option>
|
|
<option value="{D20,D20,D6}k1">2D20+D6</option>
|
|
<option value="{D20,D20,D8}k1">2D20+D8</option>
|
|
<option value="{D20,D20,D10}k1">2D20+D10</option>
|
|
<option value="{D20,D20,D12}k1">2D20+D12</option>
|
|
<option value="{D20,D20,D20}k1">3D20</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Trait</label>
|
|
<div class="inner">
|
|
<select name="attr_trait">
|
|
<option value="null" selected="selected">none</option>
|
|
<option value="body">body</option>
|
|
<option value="mind">mind</option>
|
|
<option value="charm">charm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="updowngrade" title="Adjust this to upgrade or downgrade your roll.">
|
|
<label>Upgrade/<br/>Downgrade</label><span class="arrows">
|
|
<div class="up">
|
|
<input type="checkbox" name="attr_tickup" value="1" title="Upgrade 1 step"/><span>▲</span>
|
|
</div>
|
|
<div class="down">
|
|
<input type="checkbox" name="attr_tickdown" value="1" title="Downgrade 1 step"/><span>▼</span>
|
|
</div></span><span>
|
|
<div class="labelledUnderlined" style="width: 0.3in;">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="number" name="attr_updowngrade"/>
|
|
</div>
|
|
</div></span>
|
|
</div>
|
|
<div class="notes">
|
|
<div class="labelledUnderlined">
|
|
<label>Notes:</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="quirks">
|
|
<label>Quirks:</label>
|
|
<fieldset class="repeating_quirks">
|
|
<div class="quirk">
|
|
<input class="editCheckbox" type="checkbox" name="attr_editMode" title="Click to edit"/>
|
|
<div class="editIcon"></div>
|
|
<div class="viewMode"><span name="attr_name">New quirk</span></div>
|
|
<div class="editMode">
|
|
<div class="labelledUnderlined">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Notes</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="explodingHooves api">
|
|
<h1>Exploding Hoof Dice:</h1>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 4" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 6" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 8" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 10" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 12" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<button type="roll" value="!tailsOfEquestriaHelper_explodingHoof @{character_name} 20" title="Click to roll!"></button>
|
|
</div>
|
|
</div>
|
|
<div class="explodingHooves noApi">
|
|
<h1>Exploding Hoof Dice:</h1>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d4" style="display: none;" value="{1d3, floor(1d4/4)*{{0} + 4, 1d5, floor(1d6/6)*{{0} + 6, 1d7, floor(1d8/8)*{{0} + 8, 1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d4}} {{result=[[@{exploding_hoof_d4}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d6" style="display: none;" value="{1d5, floor(1d6/6)*{{0} + 6, 1d7, floor(1d8/8)*{{0} + 8, 1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d6}} {{result=[[@{exploding_hoof_d6}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d8" style="display: none;" value="{1d7, floor(1d8/8)*{{0} + 8, 1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d8}} {{result=[[@{exploding_hoof_d8}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d10" style="display: none;" value="{1d9, floor(1d10/10)*{{0} + 10, 1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d10}} {{result=[[@{exploding_hoof_d10}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d12" style="display: none;" value="{1d11, floor(1d12/12)*{{0} + 12, 1d20}k1}k1"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d12}} {{result=[[@{exploding_hoof_d12}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
<div class="explodingHoof">
|
|
<input type="hidden" name="attr_exploding_hoof_d20" style="display: none;" value="1d20"/>
|
|
<button type="roll" value="&{template:toe} {{charName=@{character_name}}} {{attr=exploding_hoof_d20}} {{result=[[@{exploding_hoof_d20}]]}}" title="Click to roll!"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="inlineBlock" style="margin-right: 1em; vertical-align: top; width: 48%;">
|
|
<h1>Description:</h1>
|
|
<textarea name="attr_appearance" style="height: 4in;"></textarea>
|
|
</div>
|
|
<div class="inlineBlock" style="width: 48%;">
|
|
<h1>Equipment:</h1>
|
|
<textarea name="attr_equipment"></textarea>
|
|
<h1>Campaign Notes:</h1>
|
|
<textarea name="attr_campaignNotes"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab" id="sheetTabVehicleContainer">
|
|
<div class="main-container">
|
|
<div class="tabSheet vehicleSheet">
|
|
<div class="bio">
|
|
<input type="text" name="attr_character_name" placeholder="Vehicle Name"/>
|
|
<div class="checkbox">
|
|
<label>Unique?</label>
|
|
<div class="checkboxInner">
|
|
<input type="checkbox" name="attr_isUnique" value="1"/>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<table class="vehicleStats">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<th style="width: 0.5in;">Speed</th>
|
|
<th>Handling</th>
|
|
<th>Stability</th>
|
|
<th style="width: 0.5in;">Armor</th>
|
|
<th>Misc. Damage Modifiers</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<select name="attr_vehicleType">
|
|
<option value="Pick One">Pick One</option>
|
|
<option value="Land">Land</option>
|
|
<option value="Water">Water</option>
|
|
<option value="Air">Air</option>
|
|
<option value="Other">Other</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<input type="number" name="attr_vehicleSpeed"/>
|
|
</td>
|
|
<td>
|
|
<select name="attr_vehicleHandling">
|
|
<option value="Pick One">Pick One</option>
|
|
<option value="2x Downgrade">2x Downgrade</option>
|
|
<option value="1x Downgrade">1x Downgrade</option>
|
|
<option value="-">-</option>
|
|
<option value="1x Upgrade">1x Upgrade</option>
|
|
<option value="2x Upgrade">2x Upgrade</option>
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<div class="fraction">
|
|
<input type="number" name="attr_vehicleStability"/><span>/</span>
|
|
<input type="number" name="attr_vehicleStability_max"/>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<input type="number" name="attr_vehicleArmor"/>
|
|
</td>
|
|
<td>
|
|
<input type="text" name="attr_vehicleDamageModifiers"/>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div>
|
|
<div class="systems">
|
|
<label>Systems:</label>
|
|
<fieldset class="repeating_systems">
|
|
<div class="system">
|
|
<input class="editCheckbox" type="checkbox" name="attr_editMode" title="Click to edit"/>
|
|
<div class="editIcon"></div>
|
|
<div class="viewMode"><span name="attr_name">New system</span></div>
|
|
<div class="editMode">
|
|
<div class="labelledUnderlined">
|
|
<label></label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_name"/>
|
|
</div>
|
|
</div>
|
|
<div class="labelledUnderlined">
|
|
<label>Notes</label>
|
|
<div class="inner">
|
|
<input type="text" name="attr_notes"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="inlineBlock" style="margin-right: 1em; vertical-align: top; width: 48%;">
|
|
<h1>Description:</h1>
|
|
<textarea name="attr_appearance" style="height: 5.7in;"></textarea>
|
|
</div>
|
|
<div class="inlineBlock" style="width: 48%;">
|
|
<h1>Crew:</h1>
|
|
<textarea name="attr_vehicleCrew"></textarea>
|
|
<h1>Cargo:</h1>
|
|
<textarea name="attr_equipment"></textarea>
|
|
<h1>Campaign Notes:</h1>
|
|
<textarea name="attr_campaignNotes"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/worker">/**
|
|
* Forces an update on a list of numerical fields, also making sure that
|
|
* any undefined fields are set to 0.
|
|
* @param {string[]} attrs
|
|
* @param {function} cb
|
|
*/
|
|
function forceUpdate(attrs, cb) {
|
|
parseAttrs(attrs, values => {
|
|
let tempValues = {};
|
|
_.each(attrs, attr => {
|
|
tempValues[attr] = -9999;
|
|
});
|
|
setAttrs(tempValues);
|
|
setAttrs(values);
|
|
});
|
|
}
|
|
|
|
function getRollDiceCount(roll) {
|
|
// Extract each die type used in the roll.
|
|
var regex = /{(.+?)}k1/;
|
|
var match = regex.exec(roll);
|
|
if(match)
|
|
roll = match[1];
|
|
var dice = roll.split(',');
|
|
|
|
// Count the number of each die type.
|
|
var diceCount = {
|
|
'D20': 0,
|
|
'D12': 0,
|
|
'D10': 0,
|
|
'D8': 0,
|
|
'D6': 0,
|
|
'D4': 0
|
|
};
|
|
_.each(dice, die => {
|
|
diceCount[die]++;
|
|
});
|
|
return diceCount;
|
|
}
|
|
|
|
/**
|
|
* Gets the view for some dice value.
|
|
* @param {string} roll
|
|
* @return {string}
|
|
*/
|
|
function getRollView(roll) {
|
|
var diceCount = getRollDiceCount(roll);
|
|
|
|
// Produce the appropriate view based on the dice counts.
|
|
var view = '';
|
|
_.each(['D20', 'D12', 'D10', 'D8', 'D6', 'D4'], die => {
|
|
var count = diceCount[die];
|
|
if(view && count > 0)
|
|
view += '+';
|
|
|
|
if(count === 1)
|
|
view += die;
|
|
else if(count > 1)
|
|
view += `${count}${die}`;
|
|
});
|
|
return view;
|
|
}
|
|
|
|
/**
|
|
* Gets the upgraded/downgraded dice for a roll.
|
|
* @param {string} roll
|
|
* The roll expression.
|
|
* @param {int} steps
|
|
* Positive for upgrade, negative for downgrade.
|
|
*/
|
|
function getUpDowngradedRoll(roll, steps) {
|
|
var diceCount = getRollDiceCount(roll);
|
|
|
|
// Derive a numerical value for the dice that can be incremented up and down
|
|
// by upgrades and downgrades.
|
|
var diceValue = diceCount['D20']*6;
|
|
var smallDice = ['', 'D4', 'D6', 'D8', 'D10', 'D12'];
|
|
_.find(smallDice, (die, index) => {
|
|
if(diceCount[die] > 0) {
|
|
diceValue += index;
|
|
return true;
|
|
}
|
|
});
|
|
|
|
// Apply the upgrade/downgrade.
|
|
diceValue = Math.max(1, diceValue + steps);
|
|
|
|
// Change the value back into dice.
|
|
var d20Count = Math.floor(diceValue/6);
|
|
var smallDieIndex = diceValue%6;
|
|
var smallDie = smallDice[smallDieIndex];
|
|
|
|
// Compose the new roll string.
|
|
var diceList = [];
|
|
_.each(_.range(d20Count), i => {
|
|
diceList.push('D20');
|
|
});
|
|
if(smallDie)
|
|
diceList.push(smallDie);
|
|
return `{${diceList.join(',')}}k1`;
|
|
}
|
|
|
|
function onChange(attrs, cb) {
|
|
attrs = _.map(attrs, attr => {
|
|
return 'change:' + attr;
|
|
}).join(' ');
|
|
on(attrs, cb);
|
|
}
|
|
|
|
function onChangeParse(attrs, cb) {
|
|
onChange(attrs, () => {
|
|
parseAttrs(attrs, cb);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Gets the specified attributes and parses them as an integer or 0.
|
|
*/
|
|
function parseAttrs(attrs, cb) {
|
|
getAttrs(attrs, function(values) {
|
|
_.each(attrs, function(attr) {
|
|
if(_.isUndefined(values[attr]))
|
|
values[attr] = 0;
|
|
else if(!isNaN(values[attr]))
|
|
values[attr] = parseInt(values[attr]);
|
|
});
|
|
cb(values);
|
|
});
|
|
}
|
|
|
|
function updateCutieMarkTalent() {
|
|
var prefix = 'talent_cutieMark';
|
|
_updateTalents(prefix);
|
|
}
|
|
|
|
function updateRacialTalent() {
|
|
var prefix = 'talent_racial';
|
|
_updateTalents(prefix);
|
|
}
|
|
|
|
function updateTalents() {
|
|
updateCutieMarkTalent();
|
|
updateRacialTalent();
|
|
|
|
getSectionIDs('repeating_talents', ids => {
|
|
_.each(ids, id => {
|
|
var prefix = 'repeating_talents_' + id;
|
|
_updateTalents(prefix);
|
|
});
|
|
});
|
|
}
|
|
|
|
function _updateTalents(prefix) {
|
|
// If we just up-ticked or down-ticked the up/downgrade, then quit early
|
|
// after handling that.
|
|
if(_tickDowngrade(prefix) || _tickUpgrade(prefix))
|
|
return;
|
|
|
|
parseAttrs([prefix + '_name', prefix + '_dice', prefix + '_trait', prefix + '_updowngrade', 'body_equation', 'mind_equation', 'charm_equation'], values => {
|
|
var talentName = values[prefix + '_name'];
|
|
var talentDice = values[prefix + '_dice'];
|
|
|
|
var trait = values[prefix + '_trait'];
|
|
var traitDice = values[trait + '_equation'] || 'D0';
|
|
|
|
var updown = parseInt(values[prefix + '_updowngrade']) || 0;
|
|
|
|
// Apply upgrades/downgrades to talent dice.
|
|
var talentDiceModified = talentDice;
|
|
if(talentDice && updown)
|
|
talentDiceModified = getUpDowngradedRoll(talentDice, updown);
|
|
|
|
var talentDiceView = getRollView(talentDice);
|
|
|
|
if(talentDiceModified === 'null')
|
|
setAttrs({
|
|
[prefix + '_equation']: 0,
|
|
[prefix + '_readOnlyView']: `${talentName}(n/a)`
|
|
});
|
|
else {
|
|
//var traitDice = values[trait];
|
|
setAttrs({
|
|
[prefix + '_equation']: `{${talentDiceModified},${traitDice}}k1`,
|
|
[prefix + '_readOnlyView']: `${talentName}(${talentDiceView})`
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function updateTraits(cb) {
|
|
_updateTrait('body', () => {
|
|
_updateTrait('mind', () => {
|
|
_updateTrait('charm', cb);
|
|
});
|
|
});
|
|
}
|
|
|
|
function _updateTrait(trait, cb) {
|
|
parseAttrs([trait, trait + '_updowngrade'], values => {
|
|
var traitDice = values[trait];
|
|
if(traitDice === 'null')
|
|
setAttrs({
|
|
[trait + '_equation']: 0
|
|
}, {}, cb);
|
|
else {
|
|
var updown = values[trait + '_updowngrade'] || 0;
|
|
if(updown)
|
|
traitDice = getUpDowngradedRoll(traitDice, updown);
|
|
setAttrs({
|
|
[trait + '_equation']: traitDice
|
|
}, {}, cb);
|
|
}
|
|
});
|
|
}
|
|
|
|
function _tickDowngrade(prefix) {
|
|
parseAttrs([prefix + '_tickdown', prefix + '_updowngrade'], values => {
|
|
let checked = !!values[prefix + '_tickdown'];
|
|
if(checked) {
|
|
updown = parseInt(values[prefix + '_updowngrade']) || 0;
|
|
|
|
setAttrs({
|
|
[prefix + '_updowngrade']: updown - 1,
|
|
[prefix + '_tickdown']: 0
|
|
});
|
|
return true;
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function _tickUpgrade(prefix) {
|
|
parseAttrs([prefix + '_tickup', prefix + '_updowngrade'], values => {
|
|
let checked = !!values[prefix + '_tickup'];
|
|
if(checked) {
|
|
updown = parseInt(values[prefix + '_updowngrade']) || 0;
|
|
|
|
setAttrs({
|
|
[prefix + '_updowngrade']: updown + 1,
|
|
[prefix + '_tickup']: 0
|
|
});
|
|
return true;
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// Change events
|
|
|
|
on('change:repeating_talents', evt => {
|
|
updateTalents();
|
|
});
|
|
|
|
onChange(['talent_cutieMark_dice', 'talent_cutieMark_trait', 'talent_cutieMark_updowngrade', 'talent_cutieMark_tickup', 'talent_cutieMark_tickdown'], () => {
|
|
updateCutieMarkTalent();
|
|
});
|
|
|
|
onChange(['talent_racial_dice', 'talent_racial_trait', 'talent_racial_updowngrade', 'talent_racial_tickup', 'talent_racial_tickdown'], () => {
|
|
updateRacialTalent();
|
|
});
|
|
|
|
onChange(['body_equation', 'mind_equation', 'charm_equation'], () => {
|
|
updateTalents();
|
|
});
|
|
|
|
on('sheet:opened', () => {
|
|
setAttrs({
|
|
character_sheet: 'TailsOfEquestria v1.5'
|
|
});
|
|
updateTraits(() => {
|
|
updateTalents();
|
|
});
|
|
});
|
|
|
|
// Up/downgrade tick events
|
|
onChange(['body_tickup'], () => {
|
|
_tickUpgrade('body');
|
|
});
|
|
|
|
onChange(['body_tickdown'], () => {
|
|
_tickDowngrade('body');
|
|
});
|
|
|
|
onChange(['body', 'body_updowngrade'], () => {
|
|
_updateTrait('body');
|
|
});
|
|
|
|
onChange(['mind_tickup'], () => {
|
|
_tickUpgrade('mind');
|
|
});
|
|
|
|
onChange(['mind_tickdown'], () => {
|
|
_tickDowngrade('mind');
|
|
});
|
|
|
|
onChange(['mind', 'mind_updowngrade'], () => {
|
|
_updateTrait('mind');
|
|
});
|
|
|
|
onChange(['charm_tickup'], () => {
|
|
_tickUpgrade('charm');
|
|
});
|
|
|
|
onChange(['charm_tickdown'], () => {
|
|
_tickDowngrade('charm');
|
|
});
|
|
|
|
onChange(['charm', 'charm_updowngrade'], () => {
|
|
_updateTrait('charm');
|
|
});
|
|
|
|
</script>
|
|
<rolltemplate class="sheet-rolltemplate-toe">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>{{charName}} ⇒ {{attr}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Result {{result}}</td>
|
|
</tr>{{#updowngrade}}
|
|
<tr>
|
|
<td class="updowngrade"><span>Up/Downgrade:</span><span>{{updowngrade}}</span></td>
|
|
</tr>
|
|
{{/updowngrade}}
|
|
{{#notes}}
|
|
<tr>
|
|
<td class="notes">
|
|
<div>Notes:</div>
|
|
<div>{{notes}}</div>
|
|
</td>
|
|
</tr>{{/notes}}
|
|
</tbody>
|
|
</table>
|
|
</rolltemplate> |