Files
roll20-character-sheets/True20/true20.html
T
G-G-G 1296975677 True20 Update
Added a toggle to switch between Select and Input, on Background, Role, and Size, as requested here: https://app.roll20.net/forum/permalink/10817760/
2022-04-21 01:52:39 +01:00

504 lines
24 KiB
HTML

<table width="850px">
<tr>
<td><b>Name</b></td>
<td><input type="text" style="width: 450px; text-align: center;" name="attr_character_name"></td>
<td rowspan="4">
<img src="http://3.bp.blogspot.com/_kKjrNsGlZbE/TS0i4FLtHFI/AAAAAAAAA5Y/4gPKe6M6tfo/s200/true20_logo.jpg" style="width: 100px;"></img>
</td>
<td rowspan="4">
<h1 style="text-align: center; padding-left: 5px; padding-right: 5px; width: 175px;">True20 <br>Adventure <br>Roleplaying</h1>
</td>
</tr>
<tr>
<td style="text-align:center;"><button type="action" class="sheet-toggle" name="act_background_toggle" title="Dropdown or Textbox"><b>Background</b></button></td>
<td>
<input type="hidden" name="attr_background_toggle" class="sheet-toggle" value="0" >
<select class="select" style="width: 100%;" name="attr_background">
<option>Unknown</option>
<option selected>Human</option>
<option>Dwarf</option>
<option>Elf</option>
<option>Gnome</option>
<option>Half-Elf</option>
<option>Half-Orc</option>
<option>Halfling</option>
</select>
<input class="input" type="text" name="attr_background" value="Human" style="width: 100%;" >
</td>
</tr>
<tr>
<td style="text-align:center;"><button type="action" class="sheet-toggle" name="act_role_toggle" title="Dropdown or Textbox"><b>Role</b></button></td>
<td>
<input type="hidden" name="attr_role_toggle" class="sheet-toggle" value="0">
<select class="select" style="width: 32.5%;" name="attr_roll1">
<option>&nbsp;</option>
<option>Adept</option>
<option>Expert</option>
<option>Warrior</option>
</select><select class="select" style="width: 32.5%;" name="attr_roll2">
<option>&nbsp;</option>
<option>Adept</option>
<option>Expert</option>
<option>Warrior</option>
</select><select class="select" style="width: 32.5%;" name="attr_roll3">
<option>&nbsp;</option>
<option>Adept</option>
<option>Expert</option>
<option>Warrior</option>
</select>
<input class="input" type="text" name="attr_roll1" value="" style="width: 32.5%;" >
<input class="input" type="text" name="attr_roll2" value="" style="width: 32.5%;" >
<input class="input" type="text" name="attr_roll3" value="" style="width: 32.5%;" >
</td>
</tr>
<tr>
<td style="text-align:center;"><b>Level</b></td>
<td><input type="number" style="width: 32.5%;" name="attr_level1" value="1"></input>
<input type="number" style="width: 32.5%;" name="attr_level2"></input>
<input type="number" style="width: 32.5%;" name="attr_level3"></input>
</td>
</tr>
</table>
<table width="850px">
<tr>
<td class="blackmenu"><b>Check Rolls</b></td>
<td class="blackmenu"><b>Description</b></td>
</tr>
<tr>
<td style='font-size: 11px; text-align: left; width: 555px; padding-left: 25px; padding-top: 15px;'>
<b>Ability/Save</b>&nbsp;&nbsp;&nbsp;
Modifire &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Dificulty &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Roll<br>
&nbsp;&nbsp;
<input type="number" name="attr_Ability" value=0 /> &nbsp; + &nbsp;
<input type="number" name="attr_AbilityMod" value=0 /> &nbsp; vs &nbsp;
<input type="number" name="attr_AbilityDif" value=0 /> &nbsp; = &nbsp;
<button type='roll' value='/roll {@{Ability}+@{AbilityMod}+1d20}>@{AbilityDif}' name='AbilityCheck'></button>
<br><br>
<b>Attack Bonus</b>&nbsp;&nbsp;&nbsp;&nbsp;
Modifire &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Target Defense &nbsp;&nbsp;&nbsp;&nbsp;
Roll<br>
&nbsp;&nbsp;
<input type="number" name="attr_Attack" value=0 /> &nbsp;&nbsp;&nbsp; + &nbsp;&nbsp;&nbsp;
<input type="number" name="attr_AttackMod" value=0 /> &nbsp;&nbsp;&nbsp; vs &nbsp;&nbsp;&nbsp;
<input type="number" name="attr_AttackDef" value=0 /> &nbsp;&nbsp;&nbsp; = &nbsp;&nbsp;&nbsp;
<button type='roll' value='/roll {@{Attack}+@{AttackMod}+1d20}>@{AttackDef}' name='AttackCheck'></button>
<br><br>
<b>Skill/Power</b>&nbsp;&nbsp;&nbsp;&nbsp;
Key Ability &nbsp;&nbsp;&nbsp;&nbsp;
Modifire &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Dificulty &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Roll<br>
&nbsp;&nbsp;
<input type="number" name="attr_Skill" value=0 /> &nbsp; + &nbsp;
<input type="number" name="attr_SkillKeyAbility" value=0 /> &nbsp; + &nbsp;
<input type="number" name="attr_SkillMod" value=0 /> &nbsp; vs &nbsp;
<input type="number" name="attr_SkillDif" value=0 /> &nbsp; = &nbsp;
<button type='roll' value='/roll {@{Skill}+@{SkillKeyAbility}+@{SkillMod}+1d20}>@{SkillDif}' name='Skill/PowerCheck'></button>
<br><br>
</td>
<td width="275px"><textarea name="attr_pnotes" style="width: 95%; height: 95%;"></textarea></td>
</tr>
</table>
<table width="850px">
<tr>
<td colspan=2 class="blackmenu"><b>Abilities</b></td>
<td colspan=3 class="blackmenu"><b>Combat</b></td>
<td colspan=2 class="blackmenu"><b>Saving Throws</b></td>
<td colspan=2 class="blackmenu"><b>Other Statistics</b></td>
</tr>
<tr>
<td class="greymenu">Strength</td>
<td ><input type="number" style="width:100%;" name="attr_strenght" value="0"></input></td>
<td colspan=2 class="greymenu">Initiative</td>
<td><input type="number" style="width:100%;" name="attr_initiative" value="0"></input></td>
<td class="greymenu">Toughness
</td>
<td><input type="number" style="width:100%;" name="attr_toughness" value="0" /></input></td>
<td class="greymenu"><button type="action" class="sheet-toggle" name="act_size_toggle" title="Dropdown or Textbox">Size</button></td>
<td>
<input type="hidden" name="attr_size_toggle" class="sheet-toggle" value="0">
<select class="select" style="width: 100%; font-size: 10.5px" name="attr_size">
<option>???</option>
<option>Small</option>
<option selected="selected">Medium</option>
<option>Large</option>
</select>
<input class="input" type="text" name="attr_size" value="Medium" style="width: 100%;" >
</td>
</tr>
<tr>
<td class="greymenu">Dexterity</td>
<td><input type="number" style="width:100%;" name="attr_dexterity" value="0"></input></td>
<td colspan=2 class="greymenu">Dodge</td>
<td><input type="number" style="width:100%;" value="0" name="attr_doge"></input></td>
<td class="greymenu">Fortitude</td>
<td><input type="number" style="width:100%;" name="attr_fortitude" value="0"></input></td>
<td class="greymenu">Speed</td>
<td><input type="number" style="width:100%;" name="attr_speed" value="30"></input></td>
</tr>
<tr>
<td class="greymenu" >Constitution</td>
<td><input type="number" style="width:100%;" name="attr_constitution" value="0"></input></td>
<td colspan=2 class="greymenu">Parry</td>
<td><input type="number" style="width:100%;" value="0" name="attr_parry"></input></td>
<td class="greymenu">Reflex</td>
<td><input type="number" style="width:100%;" name="attr_reflex" value="0"></input></td>
<td class="greymenu">Range</td>
<td><input type="number" style="width:100%;" value="0" name="attr_range"></input></td>
</tr>
<tr>
<td class="greymenu">Intelligence
</td>
<td><input type="number" style="width:100%;" name="attr_intelligence" value="0"></input></td>
<td colspan=2 class="greymenu">Base Attack Bonus</td>
<td><input type="number" style="width:100%;" value="0" name="attr_baseattackbonus"></input></td>
<td class="greymenu">Will</td>
<td><input type="number" style="width:100%;" name="attr_will" value="0"></input></td>
<td class="greymenu"><input type="text" style="width:100%;" class="greymenu" name="attr_someNamee"></input></td>
<td><input type="number" style="width:100%;" name="attr_someValuee"></input></td>
</tr>
<tr>
<td class="greymenu">Wisdom</td>
<td><input type="number" style="width:100%;" name="attr_Wisdom" value="0"></input></td>
<td colspan=2 class="greymenu">Melee Attack Bonus</td>
<td><input type="number" style="width:100%;" value="0" name="attr_meleeattackbonus"></input></td>
<td colspan=4 class="blackmenu">Characteristics</td>
</tr>
<tr>
<td class="greymenu">Charisma</td>
<td><input type="number" style="width:100%;" name="attr_charisma" value="0"></input></td>
<td colspan=2 class="greymenu">Ranged Attack Bonus</td>
<td><input type="number" style="width:100%;" value="0" name="attr_rangedattackbonus"></input></td>
<td class="greymenu">Virtue</td>
<td colspan=3>
<select style="width: 100%;" name="attr_virtue">
<option>&nbsp;</option>
<option>Courageous</option>
<option>Free-Spirited</option>
<option>Bold</option>
<option>Generous</option>
<option>Gregarious</option>
<option>Hopeful</option>
<option>Daring</option>
<option>Thoughtful</option>
<option>Compassionate</option>
<option>Industrious</option>
<option>Honest</option>
<option>Fair</option>
<option>Kind</option>
<option>Determined</option>
</select>
</input></td>
</tr>
<tr>
<td colspan=5 class="blackmenu">Damage Track</td>
<td class="greymenu">Vice</td>
<td colspan=3>
<select style="width: 100%;" name="attr_vice">
<option>&nbsp;</option>
<option>Cowardly</option>
<option>Hidebound</option>
<option>Fearful</option>
<option>Miserly</option>
<option>Cynical</option>
<option>Impulsive</option>
<option>Selfish</option>
<option>Lazy</option>
<option>Capricious</option>
<option>Petty</option>
<option>Arrogant</option>
<option>Stubborn</option>
<option>Manipulative</option>
<option>Insensitive</option>
</select>
</td>
</tr>
<tr>
<td style="padding-left: 48px; padding-right: 48px;">0</td>
<td style="padding-left: 48px; padding-right: 48px;">5+</td>
<td style="padding-left: 48px; padding-right: 48px;">10+</td>
<td style="padding-left: 48px; padding-right: 48px;">15+</td>
<td style="padding-left: 48px; padding-right: 48px;">&nbsp;</td>
<td class="greymenu"><input type="text" style="width:100%;" class="greymenu" name="attr_someName"></input></td>
<td colspan=3><input type="text" style="width:100%;" name="attr_someValue"></input></td>
</tr>
<tr>
<td class="greymenu">Bruised</td>
<td class="greymenu">Dazed</td>
<td class="greymenu">Staggeres</td>
<td class="greymenu">Unconscious</td>
<td class="greymenu">&nbsp;</td>
<td class="greymenu"><input type="text" style="width:100%;" class="greymenu" name="attr_someName2"></input></td>
<td colspan=3><input type="text" style="width:100%;" name="attr_someValue2"></input></td>
</tr>
<tr>
<td><input type="text" style="width:100%;" name="attr_damage"></input></td>
<td><input type="text" style="width:100%;" name="attr_damage2"></input></td>
<td><input type="checkbox" name="attr_checkDamage"></input></td>
<td><input type="checkbox" name="attr_checkDamage2"></input></td>
<td>&nbsp;</td>
<td class="greymenu"><input type="text" style="width:100%;" class="greymenu" name="attr_someName3"></input></td>
<td colspan=3><input type="text" style="width:100%;"name="attr_someValue3"></input></td>
</tr>
<tr>
<td><input type="text" style="width:100%;" name="attr_damage3"></input></td>
<td><input type="text" style="width:100%;" name="attr_dDamage4"></input></td>
<td><input type="checkbox" name="attr_checkDamage3"></input></td>
<td><input type="checkbox" name="attr_checkDamage4"></input></td>
<td><input type="checkbox" name="attr_checkDamage5"></input></td>
<td class="greymenu"><input type="text" style="width:100%;" class="greymenu" name="attr_someName4"></input></td>
<td colspan=3><input type="text" style="width:100%;" name="attr_someValue4"></input></td>
</tr>
<tr>
<td class="greymenu">Hurt</td>
<td class="greymenu">Wounded</td>
<td class="greymenu">Disabled</td>
<td class="greymenu">Dying</td>
<td class="greymenu">Dead</td>
<td colspan=4 class="blackmenu">Wealth Reputations</td>
</tr>
<tr>
<td colspan=5 class="blackmenu">Fatigue Track</td>
<td class="greymenu">Wealth</td>
<td colspan=3><input type="number" style="width:100%;" value="0" name="attr_wealth"></input></td>
</tr>
<tr>
<td class="greymenu">&nbsp;</td>
<td class="greymenu">winded</td>
<td class="greymenu">fatigue</td>
<td class="greymenu">Exhausted</td>
<td class="greymenu">&nbsp;</td>
<td class="greymenu">Prof. Skill</td>
<td colspan=3><input type="text" style="width:100%;" name="attr_profSkill"></input></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="checkbox"></input></td>
<td><input type="checkbox"></input></td>
<td><input type="checkbox"></input></td>
<td>&nbsp;</td>
<td class="greymenu">Reputation</td>
<td colspan=3><input type="text" style="width:69%;" name="attr_reputationText"></input>
<input type="number" style="width:29%;" name="attr_reputationNumber" value="0"></input>
</td>
</tr>
<tr>
<td class="blackmenu" colspan=3>Weapon</td>
<td colspan=2 style="padding-left: 90px;" class="blackmenu">Attack Bonus</td>
<td colspan=2 class="blackmenu">Damage Bonus</td>
<td style="padding-right: 10px;" class="blackmenu" colspan=2>Range</td>
</tr>
<tr>
<td colspan=9><input type="text" style="width: 49%;" name="attr_weapon"></input>
<input type="number" style="width: 16%;" name="attr_attackbonus"></input>
<input type="number" style="width: 16%;" name="attr_damagebonus"></input>
<input type="number" style="width: 16%;" name="attr_range"></input>
</td>
</tr>
<tr>
<td colspan=9><input type="text" style="width: 49%;" name="attr_weapon2"></input>
<input type="number" style="width: 16%;" name="attr_attackbonus2"></input>
<input type="number" style="width: 16%;" name="attr_damagebonus2"></input>
<input type="number" style="width: 16%;" name="attr_range2"></input>
</td>
</tr>
<tr>
<td colspan=9><input type="text" style="width: 49%;" name="attr_weapon3"></input>
<input type="number" style="width: 16%;" name="attr_attackbonus3"></input>
<input type="number" style="width: 16%;" name="attr_damagebonus3"></input>
<input type="number" style="width: 16%;" name="attr_range3"></input>
</td>
</tr>
<tr>
<td colspan=9><fieldset class="repeating_weapons">
<input type="text" style="width: 49%;" name="attr_weapon4"></input>
<input type="number" style="width: 16%;" name="attr_attackbonus4"></input>
<input type="number" style="width: 16%;" name="attr_damagebonus4"></input>
<input type="number" style="width: 16%;" name="attr_range4"></input>
</fieldset>
</td>
</tr>
</table>
<table width="850px">
</tr>
<tr class="blackmenu">
<td colspan=2 style="width: 400px;" class="blackmenu">Skills</td>
<td style="width: 100px;" class="blackmenu">Bonus</td>
<td colspan=2 style="width: 400px;" class="blackmenu">Skills</td>
<td style="width: 100px;" class="blackmenu">Bonus</td>
<td colspan=2 style="width: 400px;" class="blackmenu">Skills</td>
<td style="width: 100px;" class="blackmenu">Bonus</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 172px;" name="attr_Skill"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill2"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber2"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck2"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill3"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber3"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck3"></input>&nbsp;
</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 172px;" name="attr_Skill4"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber4"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck4"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill5"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber5"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck5"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill6"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber6"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck6"></input>&nbsp;
</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 172px;" name="attr_Skill7"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber7"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck7"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill8"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber8"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck8"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill9"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber9"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck9"></input>&nbsp;
</td>
</tr>
<tr>
<td colspan=9><fieldset class="repeating_Skills">
<input type="text" style="width: 172px;" name="attr_Skill10"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber10"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck10"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill11"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber11"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck11"></input>&nbsp;
<input type="text" style="width: 172px;" name="attr_Skill12"></input>
&nbsp;<input type="number" style="width: 70px;" name="attr_SkillNumber12"></input>
&nbsp;<input type="checkbox" name="attr_SkillCheck12"></input>&nbsp;
</fieldset></td>
</tr>
<tr>
<td colspan=2 class="blackmenu"><b>Feats</b>
<td colspan=7>&nbsp;</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 200px;" name="attr_feat"></input>
<input type="text" style="width: 200px;" name="attr_feat2"></input>
<input type="text" style="width: 200px;" name="attr_feat3"></input>
<input type="text" style="width: 200px;" name="attr_feat4"></input>
</td>
</tr>
<tr>
<td colspan=9><fieldset class="repeating_Feats">
<input type="text" style="width: 200px;" name="attr_feat5"></input>
<input type="text" style="width: 200px;" name="attr_feat6"></input>
<input type="text" style="width: 200px;" name="attr_feat7"></input>
<input type="text" style="width: 200px;" name="attr_feat8"></input>
</fieldset></td>
</tr>
<tr>
<td colspan=2 class="blackmenu"><b>Powers</b>
<td colspan=7>&nbsp;</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 200px;" name="attr_power"></input>
<input type="text" style="width: 200px;" name="attr_power2"></input>
<input type="text" style="width: 200px;" name="attr_power3"></input>
<input type="text" style="width: 200px;" name="attr_power4"></input>
</td>
</tr>
<tr>
<td colspan=9><fieldset class="repeating_Powers">
<input type="text" style="width: 200px;" name="attr_power5"></input>
<input type="text" style="width: 200px;" name="attr_power6"></input>
<input type="text" style="width: 200px;" name="attr_power7"></input>
<input type="text" style="width: 200px;" name="attr_power8"></input>
</fieldset></td>
</tr>
<tr>
<td colspan=2 class="blackmenu"><b>Special Abilities</b>
<td colspan=7>&nbsp;</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 200px;" name="attr_specialAbilities"></input>
<input type="text" style="width: 200px;" name="attr_specialAbilities2"></input>
<input type="text" style="width: 200px;" name="attr_specialAbilities3"></input>
<input type="text" style="width: 200px;" name="attr_specialAbilities4"></input>
</td>
</tr>
<tr>
<td colspan=9><fieldset class="repeating_SpeAbilities">
<input type="text" style="width: 200px;" name="attr_specialAbilities5"></input>
<input type="text" style="width: 200px;" name="attr_specialAbilities6"></input>
<input type="text" style="width: 200px;" name="attr_specialAbilities7"></input>
<input type="text" style="width: 200px;" name="attr_specialAbilities8"></input>
</fieldset></td>
</tr>
<tr>
<td colspan=2 class="blackmenu"><b>Equipement</b>
<td colspan=7>&nbsp;</td>
</tr>
<tr>
<td colspan=9>
<input type="text" style="width: 200px;" name="attr_equip"></input>
<input type="text" style="width: 200px;" name="attr_equip2"></input>
<input type="text" style="width: 200px;" name="attr_equip3"></input>
<input type="text" style="width: 200px;" name="attr_equip4"></input>
</td>
</tr>
<tr>
<td colspan=9><fieldset class="repeating_Equipement">
<input type="text" style="width: 200px;" name="attr_equip5"></input>
<input type="text" style="width: 200px;" name="attr_equip6"></input>
<input type="text" style="width: 200px;" name="attr_equip7"></input>
<input type="text" style="width: 200px;" name="attr_equip8"></input>
</fieldset></td>
</tr>
<tr>
<td colspan=2 class="blackmenu"><b>Conviction</b>
<td colspan=7 style=" text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" style="width: 20px;" name="attr_conviction"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction1"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction2"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction3"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction4"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction5"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction6"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction7"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction8"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction9"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction10"></input>
<input type="checkbox" style="width: 20px;" name="attr_conviction11"></input>
</td>
</tr>
</table>
<script type="text/worker">
const toggle_buttons = ["background", "role", "size"];
toggle_buttons.forEach(toggle => {
on(`clicked:${toggle}_toggle`,(e) => {
console.info(e);
getAttrs([`${toggle}_toggle`], v => {
console.info(v);
const score = +v[`${toggle}_toggle`] || 0;
setAttrs({
[`${toggle}_toggle`]: 1- Math.min(1,Math.max(0,score))
});
})
})
});
</script>