Wes
0ed82d7fd8
* Updating URLs adding Image Alien the Roleplaying Game • Changed the URLs of (Eight) images to be hosted from the Roll20 Repository on Github. Added (One) additional Image to the Images Folder. • Fixed a issue with the roll formula in the Panic Roll Button. * Small Update to Zweihander HTML and Template.json Small Update to give 2 attriburtes default values of zero so that a roll button will roll if those attributes do not change. Updated the roll template so that the dynamic i18n inputs and coded output were not showing double outputs in the roll template. * Tiny D6 Games Initial Commit • Adding HTML, CSS, Translation.json, sheet.json, Images Folder to the Roll20 Repository. * Rename TIny-D6-Games.css to Tiny-D6-Games.css Typos will be the death of me... * Rename TIny-D6-Games.html to Tiny-D6-Games.html Once again typos will be the death of me...
541 lines
39 KiB
HTML
541 lines
39 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 title="I" ></span>
|
|
<input type="checkbox" name="attr_inventory_2" value="1" class="inventory-box" title="@{inventory_2}"/><span title="II" ></span>
|
|
<input type="checkbox" name="attr_inventory_3" value="1" class="inventory-box" title="@{inventory_3}"/><span title="III" ></span>
|
|
</div>
|
|
<div class="grid-item">
|
|
<input type="checkbox" name="attr_inventory_4" value="1" class="inventory-box" title="@{inventory_4}"/><span title="IV" ></span>
|
|
<input type="checkbox" name="attr_inventory_5" value="1" class="inventory-box" title="@{inventory_5}"/><span title="V" ></span>
|
|
<input type="checkbox" name="attr_inventory_6" value="1" class="inventory-box" title="@{inventory_6}"/><span title="VI" ></span>
|
|
</div>
|
|
<div class="grid-item">
|
|
<input type="checkbox" name="attr_inventory_7" value="1" class="inventory-box" title="@{inventory_7}"/><span title="VII" ></span>
|
|
<input type="checkbox" name="attr_inventory_8" value="1" class="inventory-box" title="@{inventory_8}"/><span title="VIII" ></span>
|
|
<input type="checkbox" name="attr_inventory_9" value="1" class="inventory-box" title="@{inventory_9}"/><span title="IX" ></span>
|
|
</div>
|
|
<div class="grid-item">
|
|
<input type="checkbox" name="attr_inventory_10" value="1" class="inventory-box" title="@{inventory_10}"/><span title="X" ></span>
|
|
<input type="checkbox" name="attr_inventory_11" value="1" class="inventory-box" title="@{inventory_11}"/><span title="XI" ></span>
|
|
<input type="checkbox" name="attr_inventory_12" value="1" class="inventory-box" title="@{inventory_12}"/><span title="XII" ></span>
|
|
</div>
|
|
<div class="grid-item">
|
|
<input type="checkbox" name="attr_inventory_13" value="1" class="inventory-box" title="@{inventory_13}"/><span title="XIII" ></span>
|
|
<input type="checkbox" name="attr_inventory_14" value="1" class="inventory-box" title="@{inventory_14}"/><span title="XIV" ></span>
|
|
<input type="checkbox" name="attr_inventory_15" value="1" class="inventory-box" title="@{inventory_15}"/><span title="XV" ></span>
|
|
</div>
|
|
<div class="grid-item">
|
|
<input type="checkbox" name="attr_inventory_16" value="1" class="inventory-box" title="@{inventory_16}"/><span title="XVI" ></span>
|
|
<input type="checkbox" name="attr_inventory_17" value="1" class="inventory-box" title="@{inventory_17}"/><span title="XVII" ></span>
|
|
<input type="checkbox" name="attr_inventory_18" value="1" class="inventory-box" title="@{inventory_18}"/><span title="XVIII" ></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" /><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" /><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" /><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" /><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">
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<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 class="grid-container frontiers">
|
|
<div class="grid-item">
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<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 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" ></span>
|
|
<input type="checkbox" name="attr_proficient_heavy" value="1" class="modifier-box" title="@{repeating_dungeon_$X_proficient_heavy}"/><span title="H" ></span>
|
|
<input type="checkbox" name="attr_proficient_ranged" value="1" class="modifier-box" title="@{repeating_dungeon_$X_proficient_ranged}"/><span title="R" ></span>
|
|
<input type="checkbox" name="attr_proficient_unarmed" value="1" class="modifier-box" title="@{repeating_dungeon_$X_proficient_unarmed}"/><span title="U" ></span>
|
|
<input type="checkbox" name="attr_proficient_improvised" value="1" class="modifier-box" title="@{repeating_dungeon_$X_proficient_improvised}"/><span 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" ></span>
|
|
<input type="checkbox" name="attr_proficient_heavy_melee" value="1" class="modifier-box" title="@{repeating_frontiers_$X_proficient_heavy_melee}"/><span 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" ></span>
|
|
<input type="checkbox" name="attr_proficient_heavy_ranged" value="1" class="modifier-box" title="@{repeating_frontiers_$X_proficient_heavy_ranged}"/><span 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>
|
|
|
|
<!-- 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">
|
|
Focus
|
|
</div>
|
|
{{/rollTotal() focus 1}}
|
|
{{#rollTotal() marksmanship 1}}
|
|
<div class="template-grid-item template-span-center-right">
|
|
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
|
|
});
|
|
});
|
|
});
|
|
|
|
// 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>
|