115 lines
7.6 KiB
HTML
115 lines
7.6 KiB
HTML
<script type="text/worker">
|
|
on("change:roller_advantage change:roller_disadvantage", function() {
|
|
getAttrs(["roller_advantage","roller_disadvantage"], function(values) {
|
|
let ad = parseInt(values.roller_advantage)||0;
|
|
let dis = parseInt(values.roller_disadvantage)||0;
|
|
let mod = ad - dis;
|
|
let suffix = "";
|
|
|
|
if (mod < 0 ) {
|
|
suffix = "dh" + -mod + "[Disadvantage]";
|
|
mod = -mod;
|
|
}
|
|
else if (mod > 0) {
|
|
suffix = "dl" + mod + "[Advantage]";
|
|
}
|
|
else {
|
|
suffix = "";
|
|
}
|
|
setAttrs({
|
|
"advantage_modifier": mod,
|
|
"advantage_suffix": suffix
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<header>
|
|
<h1><span data-i18n="hard-wired-island">Hard Wired Island</span></h1>
|
|
<h2><span data-i18n="diceroller">Dice Roller</span> <button class="sheet-d6-dice" type="roll" value="/roll (@{roller_dice}+@{advantage_modifier})d6@{advantage_suffix} + @{roller_ability}[Ability] + @{roller_bonus}[Bonus]" name="roll_BluffCheck"></button></h2>
|
|
<div class="row">
|
|
<label for="roller_dice" class="input-label" data-i18n="dice">Dice:</label> <input id="roller_dice" type="number" min="0" name="attr_roller_dice"/>
|
|
<label for="roller_advantage" class="input-label" data-i18n="advantage">Advantage:</label> <input id="roller_advantage" type="number" min="0" name="attr_roller_advantage"/>
|
|
<label for="roller_disadvantage" class="input-label" data-i18n="disadvantage">Disadvantage:</label> <input id="roller_disadvantage" type="number" min="0" name="attr_roller_disadvantage"/>
|
|
<input type="hidden" name="attr_advantage_modifier" />
|
|
<input type="hidden" name="attr_advantage_suffix" />
|
|
<label for="roller_ability" class="input-label" data-i18n="ability">Ability:</label>
|
|
<select id="roller_ability" name="attr_roller_ability">
|
|
<option value="@{cool_skill}" data-i18n="cool">Cool</option>
|
|
<option value="@{clever_skill}" data-i18n="clever">Clever</option>
|
|
<option value="@{tough_skill}" data-i18n="tough">Tough</option>
|
|
<option value="@{quick_skill}" data-i18n="quick">Quick</option>
|
|
<option value="0" data-i18n="none">None</option>
|
|
</select>
|
|
<label for="roller_bonus" class="input-label" data-i18n="bonus">Bonus:</label> <input id="roller_bonus" type="number" name="attr_roller_bonus"/>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div class="col2">
|
|
<section class="profile-section">
|
|
<div class="row"><label for="name"><span class="input-label" data-i18n="character">Character:</span> <input id="name" type="text" name="attr_name"/></label></div>
|
|
<div class="row"><label for="handle"><span class="input-label" data-i18n="handle">Handle:</span> <input id="handle" type="text" name="attr_handle"/></label> <label for="pronouns"><span class="input-label" data-i18n="pronouns">Pronouns:</span> <input id="pronouns" type="text" name="attr_pronouns"/></label></div>
|
|
<div class="row"><label for="player"><span class="input-label" data-i18n="player">Player:</span> <input id="player" type="text" name="attr_player"/></label></div>
|
|
</section>
|
|
<section class="background-section">
|
|
<div class="row"><label for="origin"><span class="input-label" data-i18n="origin">Origin:</span> <input id="origin" type="text" name="attr_origin"/></label></div>
|
|
<div class="row"><label for="occupation"><span class="input-label" data-i18n="occupation">Occupation:</span> <input id="occupation" type="text" name="attr_occupation"/></label></div>
|
|
<div class="row"><label for="burden"><span class="input-label" data-i18n="burden">Burden:</span> <input id="burden" type="text" name="attr_burden"/></label></div>
|
|
<div class="row"><label for="app"><span class="input-label" data-i18n="app">App:</span> <input id="app" type="text" name="attr_app"/></label></div>
|
|
</section>
|
|
<section class="prep-section column-section">
|
|
<label for="prep" class="column-label" data-i18n="personal prep">Personal Prep</label>
|
|
<div><input id="prep" type="number" min="0" name="attr_prep"/></div>
|
|
</section>
|
|
<section class="attributes-section">
|
|
<table id="attributes-table">
|
|
<tr><td></td><th data-i18n="skill">Skill</th><th data-i18n="defense">Defense</th></tr>
|
|
<tr><th data-i18n="cool">Cool</th><td><input type="text" name="attr_cool_skill"/></td><td><input id="cool_defense" type="text" name="attr_cool_defense"/></td></tr>
|
|
<tr><th data-i18n="clever">Clever</th><td><input type="text" name="attr_clever_skill"/></td><td><input id="clever_defense" type="text" name="attr_clever_defense"/></td></tr>
|
|
<tr><th data-i18n="tough">Tough</th><td><input id="tough" type="text" name="attr_tough_skill"/></td><td><input id="tough_defense" type="text" name="attr_tough_defense"/></td></tr>
|
|
<tr><th data-i18n="quick">Quick</th><td><input id="quick" type="text" name="attr_quick_skill"/></td><td><input id="quick_defense" type="text" name="attr_quick_defense"/></td></tr>
|
|
</table>
|
|
</section>
|
|
<section class="harm-section column-section">
|
|
<label class="column-label" data-i18n="harm">Harm</label>
|
|
<label class="harm-box"><input id="harm-1" type="checkbox" name="attr_harm-1"/><span class="number-label" data-i18n="1">1</span><span class="harm-label" data-i18n="minor-injury">Minor Injury</span><span class="harm-desc" data-i18n="no-effect">No effect</span></label>
|
|
<label class="harm-box"><input id="harm-2" type="checkbox" name="attr_harm-2"/><span class="number-label" data-i18n="2">2</span><span class="harm-label" data-i18n="minor-injury">Minor Injury</span><span class="harm-desc" data-i18n="no-effect">No effect</span></label>
|
|
<label class="harm-box"><input id="harm-3" type="checkbox" name="attr_harm-3"/><span class="number-label" data-i18n="3">3</span><span class="harm-label" data-i18n="harm">Harm</span><span class="harm-desc" data-i18n="minus-one">-1 to all rolls</span></label>
|
|
<label class="harm-box"><input id="harm-4" type="checkbox" name="attr_harm-4"/><span class="number-label" data-i18n="4">4</span><span class="harm-label" data-i18n="harm">Harm</span><span class="harm-desc" data-i18n="minus-one">-1 to all rolls</span></label>
|
|
<label class="harm-box"><input id="harm-5" type="checkbox" name="attr_harm-5"/><span class="number-label" data-i18n="5">5</span><span class="harm-label" data-i18n="serious-harm">Serious harm</span><span class="harm-desc" data-i18n="mins-one-die">-1 die to all rolls</span></label>
|
|
<label class="harm-box"><input id="harm-6" type="checkbox" name="attr_harm-6"/><span class="number-label" data-i18n="6">6</span><span class="harm-label" data-i18n="incapacitated">Incapacitated</span><span class="harm-desc" data-i18n="taken-out">Taken out</span></label>
|
|
</section>
|
|
<section class="specialties-section column-section">
|
|
<label class="column-label" data-i18n="specialties">Specialties</label>
|
|
<fieldset class="repeating_specialties">
|
|
<input type="number" min="0" name="attr_specialty_num"/><input type="text" name="attr_specialt_name"/>
|
|
</fieldset>
|
|
</section>
|
|
</div>
|
|
<div class="col2">
|
|
<section class="assets-section column-section">
|
|
<label class="column-label" data-i18n="assets">Assets</label>
|
|
<fieldset class="repeating_assets">
|
|
<input type="text" name="attr_asset"/>
|
|
</fieldset>
|
|
</section>
|
|
<section class="traits-section column-section">
|
|
<label class="column-label" data-i18n="traits">Traits</label>
|
|
<fieldset class="repeating_traits">
|
|
<input type="text" name="attr_trait"/>
|
|
</fieldset>
|
|
</section>
|
|
<section class="talents-section column-section">
|
|
<label class="column-label" data-i18n="talents">Talents</label>
|
|
<fieldset class="repeating_talents">
|
|
<input type="text" name="attr_talent"/>
|
|
</fieldset>
|
|
</section>
|
|
<section class="augments-section column-section">
|
|
<label class="column-label" data-i18n="augments">Augments</label>
|
|
<fieldset class="repeating_augments">
|
|
<input type="text" name="attr_augment"/>
|
|
</fieldset>
|
|
</section>
|
|
</div>
|
|
</main> |