77 lines
3.1 KiB
HTML
77 lines
3.1 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 vertical center-justified>
|
|
Hit Points
|
|
<paper-icon-button class="white54" id="addTempHP" icon="add"></paper-icon-button>
|
|
</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>
|
|
{{#each tempHitPoints}}
|
|
<div>
|
|
{{name}}
|
|
<div layout horizontal>
|
|
<paper-slider class="tempHitPointSlider"
|
|
value={{left}}
|
|
max={{maximum}}
|
|
editable pin
|
|
role="slider"
|
|
flex
|
|
></paper-slider>
|
|
{{#unless left}}{{#unless deleteOnZero}}
|
|
<paper-icon-button class="deleteTHP" icon="delete"></paper-icon-button>
|
|
{{/unless}}{{/unless}}
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
<div class="caption">
|
|
{{#if multipliers.immunities.length}} <div>Immune: {{#each multipliers.immunities}} {{name}} {{/each}}</div>{{/if}}
|
|
{{#if multipliers.resistances.length}}<div>Resistance: {{#each multipliers.resistances}} {{name}} {{/each}}</div>{{/if}}
|
|
{{#if multipliers.weaknesses.length}} <div>Weakness: {{#each multipliers.weaknesses}} {{name}} {{/each}}</div>{{/if}}
|
|
</div>
|
|
{{#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>
|