54 lines
2.2 KiB
HTML
54 lines
2.2 KiB
HTML
<template name="healthCard">
|
|
<paper-shadow class="card container healthCard" hero-id="main" {{detailHero}} layout horizontal wrap>
|
|
<div class="green white-text subhead padded leftRound" layout horizontal center>
|
|
Hit Points
|
|
</div>
|
|
<div class="padded" flex layout vertical center-justified style="min-width: 180px;">
|
|
<paper-slider id="hitPointSlider"
|
|
value={{attributeValue "hitPoints"}}
|
|
max={{attributeBase "hitPoints"}}
|
|
editable pin
|
|
role="slider"
|
|
></paper-slider>
|
|
{{#if showDeathSave}}
|
|
{{#with deathSaveObject}}
|
|
<div class="padded" layout vertical center>
|
|
<div class="subhead">
|
|
Death Saves
|
|
</div>
|
|
<div layout horizontal>
|
|
<div layout vertical center>
|
|
<div class="caption">Fail</div>
|
|
<div layout horizontal center-justified wrap reverse>
|
|
<paper-icon-button class="slotBubble failBubble" icon={{failIcon 1}} disabled={{failDisabled 1}}></paper-icon-button>
|
|
<paper-icon-button class="slotBubble failBubble" icon={{failIcon 2}} disabled={{failDisabled 2}}></paper-icon-button>
|
|
<paper-icon-button class="slotBubble failBubble" icon={{failIcon 3}} disabled={{failDisabled 3}}></paper-icon-button>
|
|
</div>
|
|
</div>
|
|
<div layout horizontal center center-justified style="min-width: 94px">
|
|
{{#if dead}}
|
|
DEAD
|
|
{{else}}
|
|
{{#if stable}}
|
|
<paper-button id="stableButton">Stable</paper-button>
|
|
{{else}}
|
|
<paper-button id="unstableButton">Unstable</paper-button>
|
|
{{/if}}
|
|
{{/if}}
|
|
</div>
|
|
<div layout vertical center>
|
|
<div class="caption">Pass</div>
|
|
<div layout horizontal center-justified wrap>
|
|
<paper-icon-button class="slotBubble passBubble" icon={{passIcon 1}} disabled={{passDisabled 1}}></paper-icon-button>
|
|
<paper-icon-button class="slotBubble passBubble" icon={{passIcon 2}} disabled={{passDisabled 2}}></paper-icon-button>
|
|
<paper-icon-button class="slotBubble passBubble" icon={{passIcon 3}} disabled={{passDisabled 3}}></paper-icon-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/with}}
|
|
{{/if}}
|
|
</div>
|
|
</paper-shadow>
|
|
</template>
|