Files
roll20-character-sheets-tester/Tiny D6 Games/Tiny-D6-Games.html
T

695 lines
45 KiB
HTML

<!-- Tiny D6 Character Sheet(s) code from 07/01/2019 through 04/17/2020 -->
<div class="background-wrap">
<div class="grid-container contains-two-columns">
<div class="grid-item">
<!-- LEFT COLUMN -->
<div class="grid-container">
<input type='hidden' class='sheet-toggle-display' name='attr_banner_display' value='dungeons' />
<div class="dungeons">
<div class="grid-item">
<img src="https://s3.amazonaws.com/files.d20.io/images/85468843/SgP5FEBVQV288KRTTYcJ7Q/max.png?1562092186"
alt="Tiny Dungeon Character Sheet" class="title-banner">
</div>
</div>
<div class="frontiers">
<div class="grid-item">
<img src="https://s3.amazonaws.com/files.d20.io/images/123906351/g_orqXuqhhlyIbHbU6zeSg/max.png?1587165741"
alt="Tiny Frontiers Revised" class="title-banner">
</div>
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="character">Character</span>
</div>
<div class="grid-container contains-two-columns">
<div class="grid-item">
<span class="input-label" data-i18n="name">Name</span><span>: </span>
<input type="text" name="attr_character_name" value="" class="input-text input-length-beta"
title="@{character_name}" spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="heritage">Heritage</span><span>: </span>
<input type="text" name="attr_heritage" value="" class="input-text input-length-gamma"
title="@{heritage}" spellcheck="false" />
</div>
</div>
<div>
<!-- TOGGLE ROW -->
<input type='hidden' class='sheet-toggle-display' name='attr_character_display' value='dungeons' />
<div class="grid-container contains-two-columns dungeons">
<div class="grid-item">
<span class="input-label" data-i18n="people">People</span><span>: </span>
<input type="text" name="attr_people" value="" class="input-text input-shorter"
title="@{people}" spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="homeland">Homeland</span><span>: </span>
<input type="text" name="attr_homeland" value="" class="input-text input-shorter"
title="@{homeland}" spellcheck="false" />
</div>
</div>
<div class="grid-container frontiers">
<div class="grid-item">
<span class="input-label" data-i18n="home-planet">Home Planet</span><span>: </span>
<input type="text" name="attr_home_planet" value="" class="input-text input-length-alpha"
title="@{home_planet}" spellcheck="false" />
</div>
</div>
</div>
<div>
<!-- TOGGLE ROW -->
<input type='hidden' class='sheet-toggle-display' name='attr_character_display_two' value='dungeons' />
<div class="grid-container contains-three-columns dungeons">
<div class="grid-item">
<span class="input-label" data-i18n="age">Age</span><span>: </span>
<input type="text" name="attr_age_dungeons" value="" class="input-text input-shorter"
title="@{age_dungeons}" spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="eyes">Eyes</span><span>: </span>
<input type="text" name="attr_eyes" value="" class="input-text input-shorter" title="@{eyes}"
spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="hair">Hair</span><span>: </span>
<input type="text" name="attr_hair" value="" class="input-text input-shorter" title="@{hair}"
spellcheck="false" />
</div>
</div>
<div class="grid-container contains-two-columns frontiers">
<div class="grid-item">
<span class="input-label" data-i18n="age">Age</span><span>: </span>
<input type="text" name="attr_age_frontiers" value="" class="input-text input-shorter"
title="@{age_frontiers}" spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="gender">Gender</span><span>: </span>
<input type="text" name="attr_gender" value="" class="input-text input-shorter"
title="@{gender}" spellcheck="false" />
</div>
<div class="grid-item span-one-two">
<span class="input-label" data-i18n="appearance">Appearance</span><span>: </span>
<input type="text" name="attr_appearance" value="" class="input-text input-length-alpha"
title="@{appearance}" spellcheck="false" />
</div>
</div>
</div>
<div class="grid-container">
<div class="grid-item">
<span class="input-label" data-i18n="family-trade">Family Trade</span><span>: </span>
<input type="text" name="attr_family_trade" value="" class="input-text input-length-alpha"
title="@{family_trade}" spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="belief">Belief</span><span>: </span>
<input type="text" name="attr_belief" value="" class="input-text input-length-alpha"
title="@{belief}" spellcheck="false" />
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="traits">Traits</span>
</div>
<div class="grid-container">
<fieldset class="repeating_traits">
<input type="text" name="attr_name" value="" class="input-text repeating-text"
title="@{repeating_traits_$X_name}" data-i18n-placeholder="trait-name" placeholder="Trait Name"
spellcheck="false" />
<div class="auto-expand">
<span name="attr_description"></span>
<textarea name="attr_description" data-i18n-placeholder="trait-description..."
placeholder="Trait Description..." title="@{repeating_traits_$X_description}"
spellcheck="false"></textarea>
</div>
</fieldset>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="inventory-bags">Inventory Bags</span>
</div>
<div class="grid-container contains-six-columns">
<div class="grid-item">
<input type="checkbox" name="attr_inventory_1" value="1" class="inventory-box"
title="@{inventory_1}" /><span class="invetory-box-content-I" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_2" value="1" class="inventory-box"
title="@{inventory_2}" /><span class="invetory-box-content-II" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_3" value="1" class="inventory-box"
title="@{inventory_3}" /><span class="invetory-box-content-III" title="Empty" data-i18n-title="empty"></span>
</div>
<div class="grid-item">
<input type="checkbox" name="attr_inventory_4" value="1" class="inventory-box"
title="@{inventory_4}" /><span class="invetory-box-content-IV" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_5" value="1" class="inventory-box"
title="@{inventory_5}" /><span class="invetory-box-content-V" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_6" value="1" class="inventory-box"
title="@{inventory_6}" /><span class="invetory-box-content-VI" title="Empty" data-i18n-title="empty"></span>
</div>
<div class="grid-item">
<input type="checkbox" name="attr_inventory_7" value="1" class="inventory-box"
title="@{inventory_7}" /><span class="invetory-box-content-VII" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_8" value="1" class="inventory-box"
title="@{inventory_8}" /><span class="invetory-box-content-VIII" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_9" value="1" class="inventory-box"
title="@{inventory_9}" /><span class="invetory-box-content-IX" title="Empty" data-i18n-title="empty"></span>
</div>
<div class="grid-item">
<input type="checkbox" name="attr_inventory_10" value="1" class="inventory-box"
title="@{inventory_10}" /><span class="invetory-box-content-X" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_11" value="1" class="inventory-box"
title="@{inventory_11}" /><span class="invetory-box-content-XI" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_12" value="1" class="inventory-box"
title="@{inventory_12}" /><span class="invetory-box-content-XII" title="Empty" data-i18n-title="empty"></span>
</div>
<div class="grid-item">
<input type="checkbox" name="attr_inventory_13" value="1" class="inventory-box"
title="@{inventory_13}" /><span class="invetory-box-content-XIII" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_14" value="1" class="inventory-box"
title="@{inventory_14}" /><span class="invetory-box-content-XIV" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_15" value="1" class="inventory-box"
title="@{inventory_15}" /><span class="invetory-box-content-XV" title="Empty" data-i18n-title="empty"></span>
</div>
<div class="grid-item">
<input type="checkbox" name="attr_inventory_16" value="1" class="inventory-box"
title="@{inventory_16}" /><span class="invetory-box-content-XVI" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_17" value="1" class="inventory-box"
title="@{inventory_17}" /><span class="invetory-box-content-XVII" title="Empty" data-i18n-title="empty"></span>
<input type="checkbox" name="attr_inventory_18" value="1" class="inventory-box"
title="@{inventory_18}" /><span class="invetory-box-content-XVIII" title="Empty" data-i18n-title="empty"></span>
</div>
</div>
</div> <!-- END OF LEFT COLUMN -->
<div class="grid-item">
<!-- RIGHT COLUMN -->
<div class="grid-container section-banner">
<span class="white-header" data-i18n="roll-buttons">Roll Buttons</span>
</div>
<div class="grid-container contains-four-columns">
<button type="roll" class="button-test"
value="&{template:tinydungeon} {{character-name=@{character_name} }} {{roll-name=@{disadvantage_test} }} {{focus=[[ round( @{focus} + @{marksmanship} ) ]] }} {{marksmanship=[[ round( @{marksmanship} ) ]] }} {{standard-roll-one=[[1d6]] }}"
name="disadvantage" data-i18n="disadvantage" ><span>Disadvantage</span></button>
<button type="roll" class="button-test"
value="&{template:tinydungeon} {{character-name=@{character_name} }} {{roll-name=@{standard_test} }} {{focus=[[ round( @{focus} + @{marksmanship} ) ]] }} {{marksmanship=[[ round( @{marksmanship} ) ]] }} {{standard-roll-one=[[1d6]] }} {{standard-roll-two=[[1d6]] }}"
name="test" data-i18n="test" ><span>Test</span></button>
<button type="roll" class="button-test"
value="&{template:tinydungeon} {{character-name=@{character_name} }} {{roll-name=@{advantage_test} }} {{focus=[[ round( @{focus} + @{marksmanship} ) ]] }} {{marksmanship=[[ round( @{marksmanship} ) ]] }} {{standard-roll-one=[[1d6]] }} {{standard-roll-two=[[1d6]] }} {{standard-roll-three=[[1d6]] }}"
name="advantage" data-i18n="advantage" ><span>Advantage</span></button>
<button type="roll" class="button-test"
value="&{template:tinydungeon} {{character-name=@{character_name} }} {{roll-name=@{initiative} }} {{initiative-roll=[[ @{initiative_modifier}d6 &{tracker} ]] }}"
name="initiative" data-i18n="initiative" ><span>Initiative</span></button>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="roll-modifiers">Roll Modifiers</span>
</div>
<div class="grid-container contains-three-columns">
<div class="grid-item">
<span class="input-label" data-i18n="focus">Focus</span>
<input type="checkbox" name="attr_focus" value="0.5" class="modifier-box" title="@{focus}" /><span
title="3" style="font-family:pictos;"></span>
</div>
<div class="grid-item span-two-three">
<span class="input-label" data-i18n="initiative-modifier">Initiative Modifier</span>
</div>
<div class="grid-item">
<span class="input-label" data-i18n="marksmanship">Marksmanship</span>
<input type="checkbox" name="attr_marksmanship" value="0.5" class="modifier-box"
title="@{marksmanship}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div class="grid-item span-two-three">
<span class="input-label" data-i18n="disadvantage">Disadvantage</span>
<input type="radio" name="attr_initiative_modifier" value="1" class="modifier-box"
title="@{initiative_modifier}" /><span title="3" style="font-family:pictos;"></span>
<span class="input-label" data-i18n="normal">Normal</span>
<input type="radio" name="attr_initiative_modifier" value="2" class="modifier-box"
title="@{initiative_modifier}" checked /><span title="3" style="font-family:pictos;"></span>
<span class="input-label" data-i18n="advantage">Advantage</span>
<input type="radio" name="attr_initiative_modifier" value="3" class="modifier-box"
title="@{initiative_modifier}" /><span title="3" style="font-family:pictos;"></span>
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="heritage">Heritage</span>
</div>
<div class="grid-container">
<div class="grid-item">
<input type="text" name="attr_heritage_trait_name" value="" class="input-text repeating-text"
title="@{heritage_trait_name}" data-i18n-placeholder="heritage-trait-name"
placeholder="Heritage Trait Name" spellcheck="false" />
<div class="auto-expand no-borders">
<span name="attr_heritage_trait_description"></span>
<textarea name="attr_heritage_trait_description"
data-i18n-placeholder="heritage-trait-description..."
placeholder="Heritage Trait Description..." title="@{heritage_trait_description}"
spellcheck="false"></textarea>
</div>
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="experience">Experience</span>
</div>
<div class="grid-container contains-three-columns">
<div class="grid-item">
<span class="input-label" data-i18n="total">Total</span><span>: </span>
<input type="number" name="attr_experience_total" value="0"
class="numbered-circle numbered-circle-two" title="@{experience_total}" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="spent">Spent</span><span>: </span>
<input type="number" name="attr_experience_spent" value="0"
class="numbered-circle numbered-circle-two" title="@{experience_spent}" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="remaining">Remaining</span><span>: </span>
<input type="number" name="attr_experience_remaining" value="0"
class="numbered-circle numbered-circle-two" title="@{experience_remaining}" />
</div>
</div>
<div class="grid-container section-banner">
<div class="grid-item">
<span class="white-header" data-i18n="health">Health</span>
<input type="number" name="attr_health" value="0" class="numbered-circle numbered-circle-push"
title="@{health}" />
<span class="white-header">of</span>
<input type="number" name="attr_health_max" value="0" class="numbered-circle"
title="@{health_max}" />
</div>
</div>
<div class="grid-container">
<div class="grid-item">
<input type="checkbox" name="attr_health_1" value="1" class="modifier-box numbered-box"
title="@{health_1}" /><span title="1"></span>
<input type="checkbox" name="attr_health_2" value="1" class="modifier-box numbered-box"
title="@{health_2}" /><span title="2"></span>
<input type="checkbox" name="attr_health_3" value="1" class="modifier-box numbered-box"
title="@{health_3}" /><span title="3"></span>
<input type="checkbox" name="attr_health_4" value="1" class="modifier-box numbered-box"
title="@{health_4}" /><span title="4"></span>
<input type="checkbox" name="attr_health_5" value="1" class="modifier-box numbered-box"
title="@{health_5}" /><span title="5"></span>
<input type="checkbox" name="attr_health_6" value="1" class="modifier-box numbered-box"
title="@{health_6}" /><span title="6"></span>
<input type="checkbox" name="attr_health_7" value="1" class="modifier-box numbered-box"
title="@{health_7}" /><span title="7"></span>
<input type="checkbox" name="attr_health_8" value="1" class="modifier-box numbered-box"
title="@{health_8}" /><span title="8"></span>
<input type="checkbox" name="attr_health_9" value="1" class="modifier-box numbered-box"
title="@{health_9}" /><span title="9"></span>
<input type="checkbox" name="attr_health_10" value="1" class="modifier-box numbered-box"
title="@{health_10}" /><span title="10"></span>
<input type="checkbox" name="attr_health_11" value="1" class="modifier-box numbered-box"
title="@{health_11}" /><span title="11"></span>
<input type="checkbox" name="attr_health_12" value="1" class="modifier-box numbered-box"
title="@{health_12}" /><span title="12"></span>
<input type="checkbox" name="attr_health_13" value="1" class="modifier-box numbered-box"
title="@{health_13}" /><span title="13"></span>
<input type="checkbox" name="attr_health_14" value="1" class="modifier-box numbered-box"
title="@{health_14}" /><span title="14"></span>
<input type="checkbox" name="attr_health_15" value="1" class="modifier-box numbered-box"
title="@{health_15}" /><span title="15"></span>
<input type="checkbox" name="attr_health_16" value="1" class="modifier-box numbered-box"
title="@{health_16}" /><span title="16"></span>
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="weapon-proficiences">Weapon Proficiencies</span>
</div>
<div>
<!-- TOGGLE ROW -->
<input type='hidden' class='sheet-toggle-display' name='attr_proficiency_display' value='dungeons' />
<div class="grid-container dungeons">
<div class="grid-item weapons-proficiency">
<div>
<span class="input-label" data-i18n="light">Light</span><span>: </span>
<input type="checkbox" name="attr_dungeon_light_melee" value="1" class="modifier-box"
title="@{dungeon_light_melee}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="heavy">Heavy</span><span>: </span>
<input type="checkbox" name="attr_dungeon_heavy_melee" value="1" class="modifier-box"
title="@{dungeon_heavy_melee}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="ranged">Ranged</span><span>: </span>
<input type="checkbox" name="attr_ranged" value="1" class="modifier-box"
title="@{ranged}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="unarmed">Unarmed</span><span>: </span>
<input type="checkbox" name="attr_unarmed" value="1" class="modifier-box"
title="@{unarmed} [ Prerequisite - Martial Artist Trait ]" /><span title="3"
style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="improvised">Improvised</span><span>: </span>
<input type="checkbox" name="attr_improvised" value="1" class="modifier-box"
title="@{improvised} [ Prerequisite - Barfighter Trait ]" /><span title="3"
style="font-family:pictos;"></span>
</div>
</div>
</div>
<div class="grid-container frontiers">
<div class="grid-item weapons-proficiency">
<div>
<span class="input-label" data-i18n="light-melee">Light Melee</span><span>: </span>
<input type="checkbox" name="attr_frontiers_light_melee" value="1" class="modifier-box"
title="@{frontierd_light_melee}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="heavy-melee">Heavy Melee</span><span>: </span>
<input type="checkbox" name="attr_frontiers_heavy_melee" value="1" class="modifier-box"
title="@{frontiers_heavy_melee}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="light-range">Light Range</span><span>: </span>
<input type="checkbox" name="attr_light_ranged" value="1" class="modifier-box"
title="@{light_ranged}" /><span title="3" style="font-family:pictos;"></span>
</div>
<div>
<span class="input-label" data-i18n="heavy-range">Heavy Range</span><span>: </span>
<input type="checkbox" name="attr_heavy_ranged" value="1" class="modifier-box"
title="@{heavy_ranged}" /><span title="3" style="font-family:pictos;"></span>
</div>
</div>
</div>
</div>
<div class="grid-item">
<span class="input-label" data-i18n="mastered-weapons">Mastered Weapons</span><span>:</span>
<div class="auto-expand no-borders">
<span name="attr_mastered_weapons"></span>
<textarea name="attr_mastered_weapons" data-i18n-placeholder="list-of-weapons..."
placeholder="List of Weapons..." title="@{mastered_weapons}" spellcheck="false"></textarea>
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="equipped-items">Equipped Items</span>
</div>
<div class="grid-container">
<span class="input-label" data-i18n="weilding">Weilding</span>
</div>
<input type='hidden' class='sheet-toggle-display' name='attr_weilded_display' value='dungeons' />
<div class="grid-container dungeons">
<div class="grid-item">
<fieldset class="repeating_dungeon">
<div class="grid-container contains-three-columns">
<div class="grid-item">
<input type="text" name="attr_weilded_name" value="" class="input-text "
title="@{repeating_dungeon_$X_weilded_name}" data-i18n-placeholder="item-name"
placeholder="Item Name" spellcheck="false" />
</div>
<div class="grid-item center">
<input type="checkbox" name="attr_proficient_light" value="1" class="modifier-box"
title="@{repeating_dungeon_$X_proficient_light}" /><span title="L" data-i18n-title="L"></span>
<input type="checkbox" name="attr_proficient_heavy" value="1" class="modifier-box"
title="@{repeating_dungeon_$X_proficient_heavy}" /><span title="H" data-i18n-title="H"></span>
<input type="checkbox" name="attr_proficient_ranged" value="1" class="modifier-box"
title="@{repeating_dungeon_$X_proficient_ranged}" /><span title="R" data-i18n-title="R"></span>
<input type="checkbox" name="attr_proficient_unarmed" value="1" class="modifier-box"
title="@{repeating_dungeon_$X_proficient_unarmed}" /><span title="U" data-i18n-title="U"></span>
<input type="checkbox" name="attr_proficient_improvised" value="1" class="modifier-box"
title="@{repeating_dungeon_$X_proficient_improvised}" /><span title="I" data-i18n-title="I"></span>
</div>
<div class="grid-item align-center">
<span class="input-label" data-i18n="depletion">Depletion</span><span>:</span>
<input type="number" name="attr_weilded_depletion" value="6"
class="numbered-circle numbered-circle-two"
title="@{repeating_dungeon_$X_weilded_depletion}" />
</div>
</div>
</fieldset>
</div>
</div>
<div class="grid-container frontiers">
<div class="grid-item">
<fieldset class="repeating_frontiers">
<div class="grid-container contains-three-columns">
<div class="grid-item">
<input type="text" name="attr_weilded_name" value="" class="input-text "
title="@{repeating_frontiers_$X_weilded_name}" data-i18n-placeholder="item-name"
placeholder="Item Name" spellcheck="false" />
</div>
<div class="grid-item center">
<input type="checkbox" name="attr_proficient_light_melee" value="1" class="modifier-box"
title="@{repeating_frontiers_$X_proficient_light_melee}" /><span title="L" data-i18n-title="L"></span>
<input type="checkbox" name="attr_proficient_heavy_melee" value="1" class="modifier-box"
title="@{repeating_frontiers_$X_proficient_heavy_melee}" /><span title="H" data-i18n-title="H"></span>
<input type="checkbox" name="attr_proficient_light_ranged" value="1"
class="modifier-box"
title="@{repeating_frontiers_$X_proficient_light_ranged}" /><span title="L" data-i18n-title="L"></span>
<input type="checkbox" name="attr_proficient_heavy_ranged" value="1"
class="modifier-box"
title="@{repeating_frontiers_$X_proficient_heavy_ranged}" /><span title="H" data-i18n-title="H"></span>
</div>
<div class="grid-item align-center">
<span class="input-label" data-i18n="depletion">Depletion</span><span>:</span>
<input type="number" name="attr_weilded_depletion" value="6"
class="numbered-circle numbered-circle-two"
title="@{repeating_frontiers_$X_weilded_depletion}" />
</div>
</div>
</fieldset>
</div>
</div>
<div class="grid-container">
<span class="input-label" data-i18n="wearing">Wearing</span>
</div>
<div class="grid-container contains-three-columns">
<div class="grid-item">
<input type="text" name="attr_armor_name" value="" class="input-text " title="@{armor_name}"
data-i18n-placeholder="armor-name" placeholder="Armor Name" spellcheck="false" />
</div>
<div class="grid-item align-center">
<span class="input-label" data-i18n="armor">Armor</span><span>:</span>
<input type="number" name="attr_armor_value" value="0" class="numbered-circle numbered-circle-two"
title="@{armor_value}" />
</div>
<div class="grid-item align-center">
<span class="input-label" data-i18n="depletion">Depletion</span><span>:</span>
<input type="number" name="attr_armor_depletion" value="6"
class="numbered-circle numbered-circle-two" title="@{armor_depletion}" />
</div>
</div>
<div class="grid-container section-banner">
<span class="white-header" data-i18n="inventory">Inventory</span>
</div>
<fieldset class="repeating_inventory">
<div class="grid-container contains-three-columns">
<div class="grid-item">
<input type="text" name="attr_name" value="" class="input-text"
title="@{repeating_inventory_$X_name}" data-i18n-placeholder="item-name"
placeholder="Item Name" spellcheck="false" />
</div>
<div class="grid-item">
<span class="input-label" data-i18n="slots">Slots</span><span>:</span>
<input type="radio" name="attr_slots" value="1" class="modifier-box"
title="@{repeating_inventory_$X_slots}" checked /><span title="I"></span>
<input type="radio" name="attr_slots" value="2" class="modifier-box"
title="@{repeating_inventory_$X_slots}" /><span title="II"></span>
<input type="radio" name="attr_slots" value="3" class="modifier-box"
title="@{repeating_inventory_$X_slots}" /><span title="III"></span>
</div>
<div class="grid-item">
<span class="input-label" data-i18n="depletion">Depletion</span><span>:</span>
<input type="number" name="attr_depletion" value="6" class="numbered-circle numbered-circle-two"
title="@{repeating_inventory_$X_depletion}" />
</div>
</div>
</fieldset>
</div><!-- END OF RIGHT COLUMN -->
</div>
<div class="grid-container contains-eight-columns section-banner">
<div class="span-one-to-six"></div>
<button type="action" name="act_dungeons" class="action-choice">Tiny Dungeon</button>
<button type="action" name="act_frontiers" class="action-choice">Tiny Frontiers</button>
</div>
</div>
<!-- General strings translations for Roll Queries and Sheet Workers-->
<div style="display: none;">
<span data-i18n="disadvantage-test">Disadvantage Test</span>
<span data-i18n="advantage-test">Advantage Test</span>
<span data-i18n="standard-test">Standard Test</span>
</div>
<!-- ROLL TEMPLATES -->
<rolltemplate class="sheet-rolltemplate-tinydungeon">
<div class="template-wrap">
<div class="template-background">
<div class="template-grid">
<div class="template-grid-item template-span-all-three">
{{character-name}}
</div>
<div class="template-grid-item template-span-all-three">
{{roll-name}}
</div>
{{#rollTotal() focus 1}}
<div class="template-grid-item template-span-left" data-i18n="focus">Focus</div>
{{/rollTotal() focus 1}}
{{#rollTotal() marksmanship 1}}
<div class="template-grid-item template-span-center-right" data-i18n="marksmanship">Marksmanship</div>
{{/rollTotal() marksmanship 1}}
{{#standard-roll-one}}
<div class="template-grid-item template-span-left">
{{#rollWasFumble() standard-roll-one}}
<div class="template-one-solo"></div>
{{/rollWasFumble() standard-roll-one}}
{{#rollTotal() standard-roll-one 2}}
<div class="template-two-solo"></div>
{{/rollTotal() standard-roll-one 2}}
{{#rollTotal() standard-roll-one 3}}
{{#rollTotal() marksmanship 1}}
<div class="template-three-success"></div>
{{/rollTotal() marksmanship 1}}
{{#rollTotal() marksmanship 0}}
<div class="template-three-solo"></div>
{{/rollTotal() marksmanship 0}}
{{/rollTotal() standard-roll-one 3}}
{{#rollTotal() standard-roll-one 4}}
{{#rollTotal() focus 1}}
<div class="template-four-success"></div>
{{/rollTotal() focus 1}}
{{#rollTotal() focus 0}}
<div class="template-four-solo"></div>
{{/rollTotal() focus 0}}
{{/rollTotal() standard-roll-one 4}}
{{#rollTotal() standard-roll-one 5}}
<div class="template-five-success"></div>
{{/rollTotal() standard-roll-one 5}}
{{#rollWasCrit() standard-roll-one}}
<div class="template-six-success"></div>
{{/rollWasCrit() standard-roll-one}}
</div>
{{/standard-roll-one}}
{{#standard-roll-two}}
<div class="template-grid-item template-span-center">
{{#rollWasFumble() standard-roll-two}}
<div class="template-one-solo"></div>
{{/rollWasFumble() standard-roll-two}}
{{#rollTotal() standard-roll-two 2}}
<div class="template-two-solo"></div>
{{/rollTotal() standard-roll-two 2}}
{{#rollTotal() standard-roll-two 3}}
{{#rollTotal() marksmanship 1}}
<div class="template-three-success"></div>
{{/rollTotal() marksmanship 1}}
{{#rollTotal() marksmanship 0}}
<div class="template-three-solo"></div>
{{/rollTotal() marksmanship 0}}
{{/rollTotal() standard-roll-two 3}}
{{#rollTotal() standard-roll-two 4}}
{{#rollTotal() focus 1}}
<div class="template-four-success"></div>
{{/rollTotal() focus 1}}
{{#rollTotal() focus 0}}
<div class="template-four-solo"></div>
{{/rollTotal() focus 0}}
{{/rollTotal() standard-roll-two 4}}
{{#rollTotal() standard-roll-two 5}}
<div class="template-five-success"></div>
{{/rollTotal() standard-roll-two 5}}
{{#rollWasCrit() standard-roll-two}}
<div class="template-six-success"></div>
{{/rollWasCrit() standard-roll-two}}
</div>
{{/standard-roll-two}}
{{#standard-roll-three}}
<div class="template-grid-item template-span-right">
{{#rollWasFumble() standard-roll-three}}
<div class="template-one-solo"></div>
{{/rollWasFumble() standard-roll-three}}
{{#rollTotal() standard-roll-three 2}}
<div class="template-two-solo"></div>
{{/rollTotal() standard-roll-three 2}}
{{#rollTotal() standard-roll-three 3}}
{{#rollTotal() marksmanship 1}}
<div class="template-three-success"></div>
{{/rollTotal() marksmanship 1}}
{{#rollTotal() marksmanship 0}}
<div class="template-three-solo"></div>
{{/rollTotal() marksmanship 0}}
{{/rollTotal() standard-roll-three 3}}
{{#rollTotal() standard-roll-three 4}}
{{#rollTotal() focus 1}}
<div class="template-four-success"></div>
{{/rollTotal() focus 1}}
{{#rollTotal() focus 0}}
<div class="template-four-solo"></div>
{{/rollTotal() focus 0}}
{{/rollTotal() standard-roll-three 4}}
{{#rollTotal() standard-roll-three 5}}
<div class="template-five-success"></div>
{{/rollTotal() standard-roll-three 5}}
{{#rollWasCrit() standard-roll-three}}
<div class="template-six-success"></div>
{{/rollWasCrit() standard-roll-three}}
</div>
{{/standard-roll-three}}
{{#initiative-roll}}
<div class="template-grid-item template-span-all-three">
{{initiative-roll}}
</div>
{{/initiative-roll}}
{{#allprops() character-name roll-name focus marksmanship standard-roll-one standard-roll-two standard-roll-three initiative-roll }}
<div class="template-grid-item template-span-six">
{{key}} {{value}}
</div>
{{/allprops() character-name roll-name focus marksmanship standard-roll-one standard-roll-two standard-roll-three initiative-roll }}
</div>
</div>
</div>
</rolltemplate>
<script type="text/worker">
const buttonlist = ["dungeons","frontiers"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
banner_display: button, character_display: button, character_display_two: button, proficiency_display: button, weilded_display: button
});
});
});
/*config Roll Queries translations */
on("sheet:opened", function(eventInfo){
setAttrs({
disadvantage_test: getTranslationByKey("disadvantage-test"),
advantage_test: getTranslationByKey("advantage-test"),
standard_test: getTranslationByKey("standard-test"),
initiative: getTranslationByKey("initiative")
});
});
// CALCULATE STRESS - HEALTH - VALUE FROM CHECKBOXES OR ATTRIBUTE
const variableAttributes = ["stress", "health"];
variableAttributes.forEach(function (variableAttribute) {
// create an array of the checkbox names. the array(12) sets how many checkboxes there are - change to match.
const variableAttributeChecks = Array(16).fill().map((_, index) => `${variableAttribute}_${index +1}`);
on(`change:${variableAttribute} change:${variableAttributeChecks.join(' change:')}`, function (eventinfo) {
getAttrs(variableAttributeChecks.concat([variableAttribute, variableAttribute + "_max"]), function (values) {
console.log("%c|*** Character Sheet Calculating Attribute Value Change ***|", "color:Black; background-color: LawnGreen");
console.log(eventinfo.sourceAttribute + " was activated by " + eventinfo.sourceType);
console.log("Previous Value: " + eventinfo.previousValue + " changed to a New Value of: " + eventinfo.newValue);
console.log(JSON.stringify(eventinfo));
console.log('checkbox names: ' + variableAttributeChecks.join(', '));
if (eventinfo.sourceAttribute == variableAttribute) {
// stress or health token bar change
const newValue = values[variableAttribute]*1||0;
const setAttributeValuesAttrs = variableAttributeChecks.reduce((final,item,index) => {
final[item] = (index < newValue ? 1: 0); // index will be 0 to 11, so we use < instead of <=
console.log(`Setting Attribute Values: ${item} = ${index < newValue ? 1: 0}`);
return final;
},{});
setAttrs(setAttributeValuesAttrs, {silent: true});
} else {
const attributeTotal = variableAttributeChecks.reduce((total,item) => total + values[item] *1||0, 0);
const setAttributeFinalAttrs = {};
setAttributeFinalAttrs[variableAttribute] = attributeTotal;
console.log("Setting Attribute Values: " + attributeTotal);
setAttrs(setAttributeFinalAttrs, {silent: true});
}
});
});
});
</script>