Files
roll20-character-sheets-tester/Tesoro-y-Gloria/tesoroygloria.html
T

629 lines
29 KiB
HTML

<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Tesoro-y-Gloria/images/logo.jpg" style="width:600px;height:190px">
<div>
<button type="action" name="act_pericias" >Pericias y Combate</button>
<button type="action" name="act_tesoro" >Tesoro y Talentos</button>
<button type="action" name="act_diario" >Grimorio</button>
<button type="action" name="act_devocion" >Devoción</button>
<button type="action" name="act_monstruos" >Monstruos</button>
</div>
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="pericias" />
<!-- Page 1: CARACTERÍSTICAS -->
<div class="sheet-pericias">
<span>
<!-- Page 1:NOMBRE, CLASE, FAMA Y DG -->
<div class="main-info">
<div class="title">
<span class="title">NOMBRE</span>
</div>
<div>
<input type="text" name="attr_character_name" />
</div>
<div class="title">
<span class="title">Clase</span>
</div>
<div>
<input type="text" class="w100" name=attr_ClasePJ >
</div>
<div class="title">
<button type='roll' value='&{template:default} {{name=@{character_name} tira sus pg después del Entretiempo}} {{Resultado=[[@{DG}]]}}' name='roll_tirada_DG'></button>
<span class="title">Dados de Golp</span>
</div>
<div><input type="text" name="attr_DG" class="w70" ></div>
<div class="title">
<span class="title">Gloria</span>
</div>
<div>
<input type="text" name="attr_ptsGloria" />
</div>
<div class="title">
<span class="title">Fama</span>
</div>
<div>
<input type="text" class="w100" name=attr_Fama >
</div>
<div class="title">
<button type='roll' value='&{template:default} {{name=@{character_name} se esfuerza en el camino}} {{Resultado=[[1d6+@{modSab}]]}}' name='roll_tarea_camino'></button>
<span class="title">Tareas del camino y PM</span>
</div>
<div>
<input type="number" name="attr_PM" class="w70">
</div>
</div>
<br></br>
<!-- Page 1:CARACTERÍSTICAS Y PERICIAS -->
<h3>Características y Pericias</h3>
<div class="car-info">
<div class="top">
<span class="top"></span>
</div>
<div class="top">
<span class="top">Punt.</span>
</div>
<div class="top">
<span class="top">Mod.</span>
</div>
<div class="top">
<span class="top">Pericias</span>
</div>
<div class="top">
<button type='roll' value='&{template:default} {{name=@{character_name} tira Fuerza}} {{Resultado=[[1d20]]}} {{Fuerza=[[@{Fue}]]}}' name='tirada_Fue' ></button><span class="bot">Fuerza</span>
</div>
<div class="top">
<input type="number" name="attr_Fue" />
</div>
<div class="top">
<input type="number" name="attr_modFue" />
</div>
<div class="top">
<input type="text" style=style=width:450px;height:28px name="attr_PerFue">
</div>
<div class="top">
<button type='roll' value='&{template:default} {{name=@{character_name} tira Destreza}} {{Resultado=[[1d20]]}} {{Destreza=[[@{Des}]]}}' name='tirada_Des' ></button><span class="bot">Destreza</span>
</div>
<div class="top">
<input type="number" name="attr_Des" />
</div>
<div class="top">
<input type="number" name="attr_modDes" />
</div>
<div class="top">
<input type="text" style=style=width:450px;height:28px name="attr_PerDes">
</div>
<div class="top">
<button type='roll' value='&{template:default} {{name=@{character_name} tira Constitución}} {{Resultado=[[1d20]]}} {{Constitución=[[@{Con}]]}}' name='tirada_Con'></button><span class="bot">Constitución</span>
</div>
<div class="top">
<input type="number" name="attr_Con" />
</div>
<div class="top">
<input type="number" name="attr_modCon" />
</div>
<div class="top">
<input type="text" style=style=width:450px;height:28px name="attr_PerCon">
</div>
<div class="top">
<button type='roll' value='&{template:default} {{name=@{character_name} tira Inteligencia}} {{Resultado=[[1d20]]}} {{Inteligencia=[[@{Int}]]}}' name='tirada_Int'></button><span class="bot">Inteligencia</span>
</div>
<div class="top">
<input type="number" name="attr_Int" />
</div>
<div class="top">
<input type="number" name="attr_modInt" />
</div>
<div class="top">
<input type="text" style=style=width:450px;height:28px name="attr_PerInt">
</div>
<div class="top">
<button type='roll' value='&{template:default} {{name=@{character_name} tira Sabiduría}} {{Resultado=[[1d20]]}} {{Sabiduría=[[@{Sab}]]}}' name='tirada_Sab'></button><span class="bot">Sabiduría</span>
</div>
<div class="top">
<input type="number" name="attr_Sab" />
</div>
<div class="top">
<input type="number" name="attr_modSab" />
</div>
<div class="top">
<input type="text" style=style=width:450px;height:28px name="attr_PerSab">
</div>
<div class="top">
<button type='roll' value='&{template:default} {{name=@{character_name} tira Carisma}} {{Resultado=[[1d20]]}} {{Carisma=[[@{Car}]]}}' ></button><span class="bot">Carisma</span>
</div>
<div class="top">
<input type="number" name="attr_Car" />
</div>
<div class="top">
<input type="number" name="attr_modCar" />
</div>
<div class="top">
<input type="text" style=style=width:450px;height:28px name="attr_PerCar">
</div>
</div>
<br></br>
<!-- Page 1:PG, CA, DA Y VELOCIDAD -->
<h4>
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Tesoro-y-Gloria/images/skull.png" class="skull">
<span>Pts de Golpe</span>
<input type="text" name=attr_pgTotales class="w32">
<input type="text" name=attr_pgActuales class="w32">
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Tesoro-y-Gloria/images/armor.png" class="armor">
<span>Clase de Armadura</span>
<input type="text" name=attr_CA class="w32" value="10" >
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Tesoro-y-Gloria/images/da-base.png" class="sword">
<span>DA base</span>
<select name="attr_DA" class="dtype sword">
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select>
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Tesoro-y-Gloria/images/velocidad.png" class="foot">
<span> Velocidad </span>
<input type="text" name=attr_Vel class="w32" value=10 >
</h4>
<!-- Page 1:ARMAS Y ATAQUES -->
<h3>Armas</h3>
<div class="arma-info">
<div class="wep">
<span class="wep"></span>
</div>
<div class="wep">
<span class="wep">DA</span>
</div>
<div class="wep">
<span class="wep">Daño</span>
</div>
<div class="wep">
<span class="wep">Propiedades</span>
</div>
<div class="wep">
<span class="wep">Dureza</span>
</div>
<div class="wep">
<span class="wep">Peso</span>
</div>
<div class="wep">
<button type='roll' value='&{template:default} {{name=¡@{character_name} se lanza al ataque con su @{arma1}!}} {{Resultado=[[@{DA1}]]}} {{Daño=[[@{daño1}]]}}' name="roll_arma1"></button>
<input type="text" class="w150" value='Arma' name="attr_arma1">
</div>
<div class="wep">
<select name="attr_DA1" class="dtype" value=@{DA}>
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select>
</div>
<div class="wep"><input type="text" name="attr_daño1" class="w85" value='1d6+1'></div>
<div class="wep"><input type="text" class="w240" name="attr_propiedadesA1"></div>
<div class="wep"><input type="number" name="attr_durezaA1"></div>
<div class="wep"><input type="number" name="attr_pesoA1" value="0"></div>
<div class="wep"><button type='roll' value='&{template:default} {{name=¡@{character_name} se lanza al ataque con su @{arma2}!}} {{Resultado=[[@{DA2}]]}} {{Daño=[[@{daño2}]]}}' name="roll_arma2"></button>
<input type="text" class="w150" value='Arma' name="attr_arma2"></div>
<div class="wep">
<select name="attr_DA2" class="dtype" value=@{DA}>
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select></div>
<div class="wep"><input type="text" name="attr_daño2" class="w85" value='1d6+1'></div>
<div class="wep"><input type="text" class="w240" name="attr_propiedadesA2"></div>
<div class="wep"><input type="number" name="attr_durezaA2"></div>
<div class="wep"><input type="number" name="attr_pesoA2" value="0"></div>
<div class="wep"><button type='roll' value='&{template:default} {{name=¡@{character_name} se lanza al ataque con su @{arma3}!}} {{Resultado=[[@{DA3}]]}} {{Daño=[[@{daño3}]]}}' name="roll_arma3"></button>
<input type="text" class="w150" value='Arma' name="attr_arma3"></div>
<div class="wep"><select name="attr_DA3" class="dtype" value=@{DA}>
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select></div>
<div class="wep"><input type="text" name="attr_daño3" class="w85" value='1d6+1'></div>
<div class="wep"><input type="text" class="w240" name="attr_propiedadesA3"></div>
<div class="wep"><input type="number" name="attr_durezaA3"></div>
<div class="wep"><input type="number" name="attr_pesoA3" value="0"></div>
</div>
<br></br>
<!-- Page 1:TABLA DE PROTECCIONES -->
<h3>Protecciones </h3>
<div class="prot-info">
<div class="def">
<span class="def"></span>
</div>
<div class="def">
<span class="def">CA</span>
</div>
<div class="def">
<span class="def">Dureza</span>
</div>
<div class="def">
<span class="def">Actual</span>
</div>
<div class="def">
<span class="def">Tipo</span>
</div>
<div class="def">
<span class="def">Propiedades</span>
</div>
<div class="def">
<span class="def">Peso</span>
</div>
<div class="def"><input type="text" class="w175" value='Armadura' name="attr_Prtcc1"></div>
<div class="def"><input type="number" name="attr_CAP1" class="w60"></div>
<div class="def"><input type="number" name="attr_durezaP1" class="w60"></div>
<div class="def"><input type="number" name="attr_dureza-actualP1" class="w60"></div>
<div class="def"><input type="text" class="w60" name="attr_tipoP1"></div>
<div class="def"><input type="text" class="w225" name="attr_propiedadesP1"></div>
<div class="def"><input type="number" name=attr_pesoP1 value="0"></div>
<div class="def"><input type="text" class="w175" value='Armadura' name="attr_Prtcc2"></div>
<div class="def"><input type="number" name="attr_CAP2"></div>
<div class="def"><input type="number" name="attr_durezaP2"></div>
<div class="def"><input type="number" name="attr_dureza-actualP2" class="w60"></div>
<div class="def"><input type="text" class="w60" name="attr_tipoP2"></div>
<div class="def"><input type="text" class="w225" name="attr_propiedadesP2"></div>
<div class="def"><input type="number" name=attr_pesoP2 value="0"></div>
<div class="def"><input type="text" class="w175" value='Armadura' name="attr_Prtcc3"></div>
<div class="def"><input type="number" name="attr_CAP3"></div>
<div class="def"><input type="number" name="attr_durezaP3"></div>
<div class="def"><input type="number" name="attr_dureza-actualP3" class="w60"></div>
<div class="def"><input type="text" class="w60" name="attr_tipoP3"></div>
<div class="def"><input type="text" class="w225" name="attr_propiedadesP3"></div>
<div class="def"><input type="number" name=attr_pesoP3 value="0"></div>
<div class="def"><input type="text" class="w175" value='Armadura' name="attr_Prtcc4"></div>
<div class="def"><input type="number" name="attr_CAP4"></div>
<div class="def"><input type="number" name="attr_durezaP4"></div>
<div class="def"><input type="number" name="attr_dureza-actualP3" class="w60"></div>
<div class="def"><input type="text" class="w60" name="attr_tipoP4"></div>
<div class="def"><input type="text" class="w225" name="attr_propiedadesP4"></div>
<div class="def"><input type="number" name=attr_pesoP4 value="0"></div>
<div class="def"><input type="text" class="w175" value='Armadura' name="attr_Prtcc5"></div>
<div class="def"><input type="number" name="attr_CAP5"></div>
<div class="def"><input type="number" name="attr_durezaP5"></div>
<div class="def"><input type="number" name="attr_dureza-actualP5" class="w60"></div>
<div class="def"><input type="text" class="w60" name="attr_tipoP5"></div>
<div class="def"><input type="text" class="w225" name="attr_propiedadesP5"></div>
<div class="def"><input type="number" name=attr_pesoP5 value="0"></div>
</div>
<p><h4>Peso Total <input type="number" name="attr_pesoTotal" value="(@{pesoA1}+@{pesoA2})+(@{pesoA3}+@{pesoP1})+(@{pesoP2}+@{pesoP3})+(@{pesoP4}+@{pesoP5})" disabled="true" /></h4></p>
</span>
</div>
<!-- Page 2 - TESORO Y TALENTOS -->
<div class="sheet-tesoro">
<span>
<br></br>
<div class='2colrow' >
<!-- LA BOLSA Y EL TESORO -->
<div class='col' >
<p><h4>La Bolsa</h4></p>
<p>
<input type="text" class="w150" name="attr_bolsa1">
<input type="text" class="w150" name="attr_bolsa2">
</p>
<p><h4>Tesoro</h4></p>
<p>
<input type="text" class="w150" name="attr_tesoro1">
<input type="text" class="w150" name="attr_tesoro2">
</p>
<p>
<input type="text" class="w150" name="attr_tesoro3">
<input type="text" class="w150" name="attr_tesoro4">
</p>
<p>
<td><input type="text" class="w150" name="attr_tesoro5">
<td><input type="text" class="w150" name="attr_tesoro6">
</p>
<p>
<input type="text" class="w150" name="attr_tesoro7">
<input type="text" class="w150" name="attr_tesoro8">
</p>
<p>
<input type="text" class="w150" name="attr_tesoro9">
<input type="text" class="w150" name="attr_tesoro10">
</p>
<p><h4>Alijo</h4></p>
<textarea style="width:300px;height:150px;" name="attr_alijo">Anota aquí lo que dejes a buen recaudo en tu guarida.</textarea>
</div>
<!-- TALENTOS -->
<div class='col talentos' >
<br></br>
<h4>Hitos del Personaje</h4>
<fieldset class="repeating_character-hitos" style="display: none;">
<p class="margin">
<input type="text" class="w150" name="attr_hitos1">
<input type="text" class="w150" name="attr_hitos2">
</p>
</fieldset>
<br></br>
<h4>Talentos de Clase</h4>
<fieldset class="repeating_character-talentos-clase" class="repeating_talentos">
<textarea name="attr_talento-clase">Descripción</textarea>
</fieldset>
<br></br>
<h4>Talentos de Prestigio y Lealtad</h4>
<fieldset class="repeating_character-talentos-prestigio" style="display: none;">
<p>
<textarea style="width:350px;height:52px;margin-bottom:5px" name="attr_desc-prestigio2">Descripción</textarea>
</p>
</fieldset>
</div>
</div>
</span>
</div>
<!-- Page 3 - HECHICERÍA -->
<div class="sheet-diario">
<span>
<div class='2colrow'>
<!-- DH, UP, CANALIZAR Y TRUCOS -->
<div class='col'>
<p><h2>Hechicería</h2></p>
<p><h4>Dado de Hechicería y Umbral de Poder</h4></p>
<p>
<button type='roll' value='&{template:default} {{name=@{character_name} intenta conjurar}} {{Resultado=[[@{canDH}]]}} {{UP=[[@{UP}]]}}' name='roll_tirada_conjuración'></button>
<span>DH real</span>
<select name="attr_DH" class="dtype">
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select>
<span>DH canalizado</span>
<select name="attr_canDH" class="dtype">
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select>
<span>UP :</span>
<input type="number" name="attr_UP" style="width:50px;height:28px">
</p>
<p><h4>Símbolos de Poder </h4></p>
<p>
<input type="text" class="w110" name="attr_SP1">
<input type="text" class="w110" name="attr_SP2">
<input type="text" class="w110" name="attr_SP3">
</p>
<p><h4>Trucos </h4></p>
<p><textarea style="width:300px;height:100px;" name="attr_trucos">Escribe aquí los trucos de tu conjurador</textarea></p>
<p><h4>Notas adicionales </h4></p>
<p><textarea style="width:300px;height:300px;" name="attr_notas-hechicería">¿Qué otros poderes escondes?</textarea></p>
</div>
<!-- CONJUROS -->
<div class='col'>
<p><h3>Conjuros Preparados</h3></p>
<p><textarea name="Text1" style="width:300px;height:150px;" name="attr_conjuros-preparados">Escribe aquí, nivel y todo, los conjuros que tengas listos para usar.</textarea></p>
<p><h3>Conjuros Conocidos</h3></p>
<fieldset class="repeating_conjuros-conocidos" style="display: none;">
<p>
<input type="text" class="w125" name="attr_conjuros-conocidos1">
<input type="text" class="w125" name="attr_conjuros-conocidos2">
<input type="text" class="w125" name="attr_conjuros-conocidos3">
</p>
</fieldset>
</div>
</div>
</span>
</div>
<!-- Page 4 - DEVOCIÓN -->
<div class="sheet-devocion">
<h2>Devoción</h2>
<span>
<div class='2colrow' >
<div class='col' >
<fieldset class="repeating_deidades" style="display: none;">
<p>
<h3>Deidad </h3>
<input type="text" class="w150 margin" name="attr_deidad1">
<strong>Reserva de Devoción </strong>
<input type="number" class="w60" name="attr_devocion1">
</p>
<p class="dominos">
<h4>Dominios </h4>
<input type="text" name="attr_dominio1" class="margin">
<input type="text" name="attr_dominio2" class="margin">
<input type="text" name="attr_dominio3" class="margin">
</p>
<p><h4>Ritos</h3></p>
<p><textarea style="width:350px;height:150px;" name="attr_ritos1"></textarea></p>
</fieldset>
</div>
<div class='col' >
<fieldset class="repeating_deidades2" style="display: none;">
<p><h3>Uso de los Dominios</h3></p>
<p><textarea style="width:350px;height:250px;" name="attr_desc-dominios"></textarea></p>
</fieldset>
</div>
</div>
</span>
</div>
<!-- Page 5 - PNJS Y MONSTRUOS -->
<div class="sheet-monstruos">
<h2>Monstruos</h2>
<span>
<!-- TIPO, Nº, DG, PG, CA, SALVACIONES Y MORAL -->
<div class='2colrow' style="width:500px">
<div class='col' style="width:45%">
<p><span>Tipo </span><input type="text" class="w150" name="attr_tipo"></p>
<p><button type='roll' value='/w gm Aparecen [[@{numberE}]] @{character_name}' ></button>
<span> Número (encuentro)</span><input type="text" class="w60" name="attr_numberE"></p>
<p><button type='roll' value='/w gm @{character_name} tiene [[@{DG}]] pg'></button>
<span>Dados de Golpe </span><input type="text" name="attr_DG" class="w60" ></p>
<p><button type='roll' value='&{template:default} {{name=@{character_name} se pone a prueba}} {{Resultado=[[1d20]]}}' name='tirada_salvación' ></button>
<span>Salvaciones </span></p>
<p><input type="text" class="w200" name="attr_salvaciones" ></p>
<p><button type='roll' value='/w gm @{character_name} tira Moral (@{moral}), [[2d6]]' name='tirada_moral' ></button>
<span>Moral </span><input type="number" name="attr_moral" ></p>
</div>
<div class='col' style="width:45%">
<p><button type='roll' value='/w gm @{character_name} tira Reacción, [[@{reacción}+2d6]]' name='tirada_reacción' ></button>
<span>Reacción </span> <input type="text" name="attr_reacción" style=style=width:60px;height:28px /></p>
<p><button type='roll' value='/w gm En su guarida viven [[@{numberG}]] @{character_name}' ></button>
<span>Número (guarida)</span><input type="text" class="w60" name="attr_numberG"></p>
<p><span>PG </span><input type="number" name="attr_pgTotales" />
<span> // </span>
<input type="number" name="attr_pgActuales" /></p>
<p><span>Velocidad </span><input type="number" name="attr_Vel" ></p>
<p><span>Clase de Armadura </span><input type="number" name="attr_CA" ></p>
<p><span>Gloria </span><input type="number" name="attr_gloria" class="w120" ></p>
</div>
</div>
<br></br>
<!-- ATAQUES -->
<div class="mon-info">
<div class="dang">
<span class="dang"></span>
</div>
<div class="dang">
<span class="dang">DA</span>
</div>
<div class="dang">
<span class="dang">Daño</span>
</div>
<div class="dang">
<span class="dang">Propiedades</span>
</div>
<div class="dang">
<button type='roll' value='&{template:default} {{name=¡@{character_name} se lanza al ataque con su @{arma1}!}} {{Resultado=[[@{DA1}]]}} {{Daño=[[@{daño1}]]}}' name="roll_arma1"></button>
<input type="text" class="w150" value='Arma' name="attr_arma1">
</div>
<div class="dang">
<select name="attr_DA1" class="dtype" value=@{DA}>
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select>
</div>
<div class="dang"><input type="text" name="attr_daño1" class="w85" value='1d6+1'></div>
<div class="dang"><input type="text" class="w240" name="attr_propiedadesA1"></div>
<div class="dang"><button type='roll' value='&{template:default} {{name=¡@{character_name} se lanza al ataque con su @{arma2}!}} {{Resultado=[[@{DA2}]]}} {{Daño=[[@{daño2}]]}}' name="roll_arma2"></button>
<input type="text" class="w150" value='Arma' name="attr_arma2"></div>
<div class="dang">
<select name="attr_DA2" class="dtype" value=@{DA}>
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select></div>
<div class="dang"><input type="text" name="attr_daño2" class="w85" value='1d6+1'></div>
<div class="dang"><input type="text" class="w240" name="attr_propiedadesA2"></div>
<div class="dang"><button type='roll' value='&{template:default} {{name=¡@{character_name} se lanza al ataque con su @{arma3}!}} {{Resultado=[[@{DA3}]]}} {{Daño=[[@{daño3}]]}}' name="roll_arma3"></button>
<input type="text" class="w150" value='Arma' name="attr_arma3"></div>
<div class="dang"><select name="attr_DA3" class="dtype" value=@{DA}>
<option value="d1">1</option>
<option value="d4">d4</option>
<option value="d6">d6</option>
<option value="d8">d8</option>
<option value="d10">d10</option>
<option value="d12">d12</option>
<option value="d20">d20</option>
</select></div>
<div class="dang"><input type="text" name="attr_daño3" class="w85" value='1d6+1'></div>
<div class="dang"><input type="text" class="w240" name="attr_propiedadesA3"></div>
</div>
<br></br>
<h3>Notas adicionales</h3>
<p><textarea style="width:500px;height:150px;" name="attr_notas-adicionales"></textarea></p>
</span>
</div>
<!-- SHEETWORKER -->
<script type="text/worker">
const buttonlist = ["pericias","diario","tesoro", "devocion", "monstruos"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
</script>