@@ -1,49 +1,56 @@
< section class = "grid grid-3col" >
< fieldset class = "resource grid-span-3 flexcol" >
< div class = "resource flexrow" >
< label for = "system.a ge" class = "resource-label" > Age < / label >
< input type = "text" name = "system.a ge" value = "{{system.a ge}}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-2 flexrow" >
< label for = "system.pronouns " class = "resource-label" > Pronouns < / label >
< input type = "text" name = "system.pronouns " value = "{{system.pronouns }}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.fear " class = "resource-label" > Fear < / label >
< input type = "text" name = "system.fear " value = "{{system.fear }}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.motivation " class = "resource-label" > Motivation < / label >
< input type = "text" name = "system.motivation " value = "{{system.motivation }}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.descrip tion" class = "resource-label" > Descrip tion< / label >
< input type = "text" name = "system.descrip tion" value = "{{system.descrip tion}}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.grade " class = "resource-label" > Grade < / label >
< input type = "text" name = "system.grade " value = "{{system.grade }}" data-dtype = "String" / >
< / div >
< / fieldset >
< fieldset class = "resource grid-span-3 flexcol" >
< legend > Your Broom< / legend >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.grad e" class = "resource-label" > Species < / label >
< input type = "text" name = "system.grad e" value = "{{system.grad e}}" data-dtype = "String" / >
< / div >
< div class = "resource flexrow" >
< label for = "system.age " class = "resource-label" > Age < / label >
< input type = "text" name = "system.age " value = "{{system.age }}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-2 flexrow" >
< label for = "system.pronouns " class = "resource-label" > Pronouns < / label >
< input type = "text" name = "system.pronouns " value = "{{system.pronouns }}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.fear " class = "resource-label" > Fear < / label >
< input type = "text" name = "system.fear " value = "{{system.fear }}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.motiva tion" class = "resource-label" > Motiva tion< / label >
< input type = "text" name = "system.motiva tion" value = "{{system.motiva tion}}" data-dtype = "String" / >
< / div >
< div class = "resource grid-span-3 flexrow" >
< label for = "system.description " class = "resource-label" > Description < / label >
< input type = "text" name = "system.description " value = "{{system.description }}" data-dtype = "String" / >
< / div >
< / fieldset >
<!-- <fieldset class="resource grid - span - 3 flexcol">
<legend>Your Broom</legend> -->
<!-- Broom Name Input with Dropdown -->
<!--
<div class="resource flexrow">
<label for="broom - name" class="resource - label">Name</label>
< = id = - name"=
value = "{{system.broom.name}}" data-dtype = =
oninput = "updateBroomDetails()" = >
< input list= "broomOptions" id= "broom- name= "system.broom.name" value="{{system.broom.name}}"
data - dtype= "String" placeholder= "Select or Enter Broom Name" oninput="updateBroomDetails()"
= "updateBroomDetails()">
<datalist id="broomOptions">
<option value="The Blocker's Broom" data - look="Defensive" data - mechanical="Gain the Guardian Strength"></option>
<option value="Bolting 4000" data - look="Fast" data - mechanical="+1 to Flight checks"></option>
<option value="The Bruiser" data - look="Intense" data - mechanical="+1 to Fight checks"></option>
< = ’ -look = data-mechanical = "Treat Snap Decisions as Planned Actions unless facing fear" > < / option >
< option value = "Daredevil’ data-look = "Flashy" data-mechanical = "+3 to Charm checks when performing a stunt" > < / >
< = "The Daring Dodger 3000" data-look = "Ambitious" data-mechanical = "Each Adversity Token adds +2 to your roll instead of +1" > < / option >
< option value = "Heartwood’ data-look = "Outgoing" data-mechanical = "Each successful check grants an ally one Adversity Token" > < / >
< = "Mapmaker’ data-look = "Level-Headed" data-mechanical = "Cannot get lost if you know the area" > < / option >
< option value= "Cunning Captain’ data- look= "Natural Leader"
data - mechanical="Treat Snap Decisions as Planned Actions unless facing fear"></ option>
< option value="Daredevil’ - look="Flashy"
data - mechanical="+3 to Charm checks when performing a stunt"></ option>
< option value="The Daring Dodger 3000" data - look="Ambitious"
data - mechanical="Each Adversity Token adds +2 to your roll instead of +1"></option>
<option value="Heartwood’ - look="Outgoing"
data - mechanical="Each successful check grants an ally one Adversity Token"></option>
<option value="Mapmaker’ - look="Level - Headed"
data - mechanical="Cannot get lost if you know the area"></option>
<option value="The Mastermind’ - look="Confident" data - mechanical="+1 to Brains checks"></option>
<option value="The Strong Sweep 2500" data - look="Strong" data - mechanical="+1 to Brawn checks"></option>
<option value="The Suave Sweeper" data - look="Trustworthy" data - mechanical="+1 to Charm checks"></option>
@@ -52,105 +59,125 @@
<option value="Weasel’ - look="Sneaky" data - mechanical="Gain the Unassuming Strength"></option>
</datalist>
</div>
<!-- Broom Look -->
-->
<!--
<div class="resource flexrow">
<label for="broom - look" class="resource - label">Look</label>
< = id = - look"=
value = "{{system.broom.look}}" data-dtype = "String" / >
< input type= "text" id= "broom- name= "system.broom.look" value="{{system.broom.look}}" data - dtype="String" />
</div>
<!-- Mechanical Benefit as Textarea -->
<div class="resource flexrow">
<label for="broom - mechanical" class="resource - label">Mechanical Benefit</label>
< id = - mechanical"=
data-dtype = "String" rows = "3" style = > < / >
< textarea id= "broom- name= "system.broom.mechanicalbenefit" data - dtype="String" rows="3"
style= "resize:none;"></ textarea>
</div>
< / fieldset >
</fieldset> -->
< script >
function updateBroomDetails ( ) {
// Use a short delay to allow browser to properly handle the datalist input
setTimeout ( function ( ) {
const broomNameInput = document . getElementById ( "broom-name" ) . value . trim ( ) ;
const broomOptions = document . querySelectorAll ( "#broomOptions option" ) ;
function updateBroomDetails ( ) {
// Use a short delay to allow browser to properly handle the datalist input
setTimeout ( function ( ) {
const broomNameInput = document . getElementById ( "broom-name" ) . value . trim ( ) ;
const broomOptions = document . querySelectorAll ( "#broomOptions option" ) ;
let selectedLook = "" ;
let selectedMechanical = "" ;
let selectedLook = "" ;
let selectedMechanical = "" ;
// Loop through the datalist options to find a matching broom name
broomOptions . forEach ( option => {
if ( option . value . toLowerCase ( ) === broomNameInput . toLowerCase ( ) ) {
selectedLook = option . getAttribute ( "data-look" ) ;
selectedMechanical = option . getAttribute ( "data-mechanical" ) ;
}
} ) ;
// Loop through the datalist options to find a matching broom name
broomOptions . forEach ( option => {
if ( option . value . toLowerCase ( ) === broomNameInput . toLowerCase ( ) ) {
selectedLook = option . getAttribute ( "data-look" ) ;
selectedMechanical = option . getAttribute ( "data-mechanical" ) ;
}
} ) ;
// Update the look and mechanical benefit fields if a predefined broom is selected
document . getElementById ( "broom-look" ) . value = selectedLook || "" ;
document . getElementById ( "broom-mechanical" ) . value = selectedMechanical || "" ;
} , 100 ) ; // Delay of 100 milliseconds
}
// Update the look and mechanical benefit fields if a predefined broom is selected
document . getElementById ( "broom-look" ) . value = selectedLook || "" ;
document . getElementById ( "broom-mechanical" ) . value = selectedMechanical || "" ;
} , 100 ) ; // Delay of 100 milliseconds
}
< / script >
< fieldset class = "resource grid-span-3 flexcol" >
< legend > Wand Selection< / legend >
<!-- Woo d Selection -->
< div class = "resource-flexrow" >
< label for = "system.wand.wood" class = "resource-label" > Wood Type< / label >
< input list = "WoodOptions" id = "wandWoodChoice" name = "system.wand.wood" value = "{{system.wand.wood}}" placeholder = "Select Wood t ype"
on input= "updateWandWoodDetails()" onblur = "updateW andW oodDetails()" >
< datalist id = "WoodOptions" >
< option value = "" > Select Wood< / o ption>
< = "Wisteria" > (Brains)< / >
< = "Hawthorn" > < / >
< = "Pine" > (Brawn)< / >
< = "Oak" > (Brawn)< / >
< = "Crabapple" > (Fight)< / >
< = "Dogwood" > (Fight)< / >
< = "Birch" > l ight)< / >
< = "Bamboo" > < / >
< = "Ironwood" > (Grit)< / >
< = "Maple" > (Grit)< / >
< = "Lilac" > (Charm)< / >
< = "Cherry" > (Charm)< / >
< / datalist >
< / div >
<!-- Core Selection -->
< div class = - flexrow">
< for = = - label"> < / >
< = id = = = placeholder = "Select Core type"
= = >
< id = >
< = "" > < / >
< = > < / >
< = > < / >
< = > < / >
< = > < / >
< = ’ > < / >
< = ’ > < / >
< = ’ > < / >
< = ’ > < / >
< = ’ > < / >
< = ’ > < / >
< = ’ > < / >
< = ’ > < / >
< = > < / >
< = > < / >
< = > (Grit)< / >
< = > (Grit)< / >
< = ’ > (Grit)< / >
< / >
< / div >
<!--
<fieldset class="resource grid - span - 3 flexcol">
<legend>Wan d Selection</legend>
<div class="resource - flexrow">
<label for="system.wand.wood" class="resource - label"> Wood T ype</label>
< input list="WoodOptions" id="wandWoodChoice" name="system.wand.wood" value="{{system.w and.w ood}}"
placeholder="Select Wood type" oninput="updateWandWoodDetails()" onblur="updateWandWoodDetails()">
<datalist id="WoodO ptions">
< option value="">Select Wood</ option>
< option value="Wisteria"> (Brains)</ option>
< option value="Hawthorn">(Brains)</ option>
< option value="Pine">(Brawn)</ option>
< option value="Oak">(Brawn)</ option>
< option value="Crabapple">(Fight)</ option>
< option value="Dogwood"> (Fight)</ option>
< option value="Birch"> (Flight)</ option>
< option value="Bamboo">(Flight)</ option>
< option value="Ironwood">(Grit)</ option>
< option value="Maple">(Grit)</ option>
< option value="Lilac">(Charm)</ option>
<option value="Cherry">(Charm)</option>
</datalist>
</div>
<div class= "resource- >
< label for= "system.wand.core" class= "resource- > Core Type</ label>
< input list= "CoreOptions" id= "wandCoreChoice" name= "system.wand.core" value= "{{system.wand.core}}"
placeholder="Select Core type" oninput= "updateWandCoreDetails()" onblur= "updateWandCoreDetails()">
< datalist id= "CoreOptions">
< option value=""> Select Core</ option>
< option value= "Parchment"> (Brains)</ option>
< option value= "Phoenix Feather"> (Brains)</ option>
< option value= "Owl Feather"> (Brains)</ option>
< option value= "Gorilla Fur"> (Brawn)</ option>
< option value= "Ogre’ > (Brawn)</ option>
< option value= "Hippo’ > (Brawn)</ option>
< option value= "Dragon’ > (Fight)</ option>
< option value= "Wolf’ > (Fight)</ option>
< option value= "Elk’ > (Fight)</ option>
< option value= "Hawk’ > (Flight)</ option>
< option value= "Bat’ > (Flight)</ option>
< option value= "Changeling’ > (Charm)</ option>
< option value= "Gold"> (Charm)</ option>
< option value= "Mirror"> (Charm)</ option>
< option value= "Steel">(Grit)</ option>
< option value= "Diamond">(Grit)</ option>
< option value= "Lion’ >(Grit)</ option>
</ datalist>
</div>
</fieldset>
<fieldset class="resource grid - span - 3 flexcol">
<legend>Animal Familiar</legend>
<div class="resource grid - span - 3 flexrow">
<label for="system.animalfamiliar" class="resource - label">Animal Familiar</label>
< = = = -dtype = / >
< input type= "text" name= "system.animalfamiliar" value= "{{system.animalfamiliar}}" data- dtype= "String" />
</div>
</fieldset>
-->
< fieldset class = "resource grid-span-3 flexcol" >
< legend > Wounds< / legend >
< div class = "flexrow" >
< span > Minor< / span >
{{#each system.wounds.minor as |minorWound key|}}
< input type = "checkbox" name = "system.wounds.minor.{{key}}" { { checked minorWound } } / >
{{/each}}
< / div >
< div class = "flexrow" >
< span > Moderate< / span >
{{#each system.wounds.moderate as |minorWound key|}}
< input type = "checkbox" name = "system.wounds.moderate.{{key}}" { { checked minorWound } } / >
{{/each}}
< / div >
< div class = "flexrow" >
< span > Mortal< / span >
{{#each system.wounds.mortal as |minorWound key|}}
< input type = "checkbox" name = "system.wounds.mortal.{{key}}" { { checked minorWound } } / >
{{/each}}
< / div >
< / fieldset >
< / section >
