88 lines
3.7 KiB
HTML
88 lines
3.7 KiB
HTML
<template name="stats">
|
|
<div class="scroll-y" fit>
|
|
<div class="resourceCards" layout horizontal wrap>
|
|
{{> healthCard}}
|
|
</div>
|
|
<div id="stats" class="containers" >
|
|
<!--Ability Scores-->
|
|
{{> abilityMiniCard ability="strength" title="Strength" color="red"}}
|
|
{{> abilityMiniCard ability="dexterity" title="Dexterity" color="indigo"}}
|
|
{{> abilityMiniCard ability="constitution" title="Constitution" color="green"}}
|
|
{{> abilityMiniCard ability="intelligence" title="Intelligence" color="deep-orange"}}
|
|
{{> abilityMiniCard ability="wisdom" title="Wisdom" color="purple"}}
|
|
{{> abilityMiniCard ability="charisma" title="Charisma" color="pink"}}
|
|
|
|
<!--Armor-->
|
|
{{> statCard stat="armor" name="Armor Class" color="teal"}}
|
|
<!--Speed-->
|
|
{{> statCard stat="speed" name="Speed" color="teal"}}
|
|
<!--Initiative-->
|
|
{{> statCard stat="initiative" name="Initiative" color="indigo" isSkill="true"}}
|
|
<!--Proficiency Bonus-->
|
|
{{> statCard stat="proficiencyBonus" name="Proficiency Bonus" color="blue" prefix="+"}}
|
|
|
|
<!--Hit Dice-->
|
|
{{>hitDice name="d6HitDice" diceNum="6" char=this}}
|
|
{{>hitDice name="d8HitDice" diceNum="8" char=this}}
|
|
{{>hitDice name="d10HitDice" diceNum="10" char=this}}
|
|
{{>hitDice name="d12HitDice" diceNum="12" char=this}}
|
|
<!--Saving Throws-->
|
|
<paper-shadow class="card container" hero-id="main" {{detailHero}}>
|
|
<div class="containerTop teal white-text" layout horizontal center>
|
|
<div class="containerName subhead" hero-id="title" flex>Saving Throws</div>
|
|
</div>
|
|
<div flex class="containerMain">
|
|
{{> skillRow name="Strength" skill="strengthSave"}}
|
|
{{> skillRow name="Dexterity" skill="dexteritySave"}}
|
|
{{> skillRow name="Constitution" skill="constitutionSave"}}
|
|
{{> skillRow name="Intelligence" skill="intelligenceSave"}}
|
|
{{> skillRow name="Wisdom" skill="wisdomSave"}}
|
|
{{> skillRow name="Charisma" skill="charismaSave"}}
|
|
</div>
|
|
</paper-shadow>
|
|
<!--Skills-->
|
|
<paper-shadow class="card container" hero-id="main" {{detailHero}}>
|
|
<div class="containerTop blue white-text" layout horizontal center>
|
|
<div class="containerName subhead" hero-id="title" flex>Skills</div>
|
|
</div>
|
|
<div flex class="containerMain">
|
|
{{> skillRow name="Acrobatics" skill="acrobatics"}}
|
|
{{> skillRow name="Animal Handling" skill="animalHandling"}}
|
|
{{> skillRow name="Arcana" skill="arcana"}}
|
|
{{> skillRow name="Athletics" skill="athletics"}}
|
|
{{> skillRow name="Deception" skill="deception"}}
|
|
{{> skillRow name="History" skill="history"}}
|
|
{{> skillRow name="Insight" skill="insight"}}
|
|
{{> skillRow name="Intimidation" skill="intimidation"}}
|
|
{{> skillRow name="Investigation" skill="investigation"}}
|
|
{{> skillRow name="Medicine" skill="medicine"}}
|
|
{{> skillRow name="Nature" skill="nature"}}
|
|
{{> skillRow name="Perception" skill="perception" showPassive="true"}}
|
|
{{> skillRow name="Performance" skill="performance"}}
|
|
{{> skillRow name="Persuasion" skill="persuasion"}}
|
|
{{> skillRow name="Religion" skill="religion"}}
|
|
{{> skillRow name="Sleight of Hand" skill="sleightOfHand"}}
|
|
{{> skillRow name="Stealth" skill="stealth"}}
|
|
{{> skillRow name="Survival" skill="survival"}}
|
|
</div>
|
|
</paper-shadow>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="statCard">
|
|
<paper-shadow class="card container statCard" hero-id="main" {{detailHero stat ../_id}} layout horizontal>
|
|
<div class="containerLeft {{color}}">
|
|
{{#if isSkill}}
|
|
{{../skillMod stat}}
|
|
{{else}}
|
|
{{prefix}}{{../attributeValue stat}}
|
|
{{/if}}
|
|
</div>
|
|
<div class="containerRight" flex horizontal layout center>
|
|
{{name}}
|
|
</div>
|
|
<paper-ripple fit></paper-ripple>
|
|
</paper-shadow>
|
|
</template>
|