111 lines
4.0 KiB
HTML
111 lines
4.0 KiB
HTML
<template name="healthCard">
|
|
<paper-material class="card container healthCard layout horizontal wrap">
|
|
<div class="green white-text subhead left layout vertical center center-justified">
|
|
<div class="hitPointTitle clickable">
|
|
Hit Points
|
|
</div>
|
|
<paper-icon-button class="white54"
|
|
id="addExtraHP"
|
|
icon="add"
|
|
disabled={{#unless canEditCharacter _id}}true{{/unless}}>
|
|
</paper-icon-button>
|
|
</div>
|
|
<div class="right flex layout vertical center-justified" style="min-width: 180px;">
|
|
<!-- main HP slider -->
|
|
<div class="layout horizontal">
|
|
<paper-diff-slider id="hitPointSlider"
|
|
editable pin
|
|
disabled={{#unless canEditCharacter _id}}true{{/unless}}>
|
|
</paper-diff-slider>
|
|
</div>
|
|
{{#if characterCalculate "attributeBase" _id "tempHP"}}
|
|
<!-- main THP slider -->
|
|
<div class="layout horizontal center {{#if extraHitPoints.count}}bottom-border{{/if}}">
|
|
<div class="self-center">
|
|
Temporary Hit Points
|
|
</div>
|
|
<paper-diff-slider id="temporaryHitPointSlider"
|
|
class="flex"
|
|
editable pin
|
|
disabled={{#unless canEditCharacter _id}}true{{/unless}}
|
|
max={{characterCalculate "attributeBase" _id "tempHP"}}
|
|
value={{characterCalculate "attributeValue" _id "tempHP"}}
|
|
>
|
|
</paper-diff-slider>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#each extraHitPoints}}
|
|
<div class="layout horizontal center">
|
|
<div class="self-center">
|
|
{{name}}
|
|
</div>
|
|
<div style="height: 40px; width: 40px;">
|
|
{{#unless left}}
|
|
<paper-icon-button class="deleteEHP" icon="delete"></paper-icon-button>
|
|
{{/unless}}
|
|
</div>
|
|
<paper-diff-slider class="extraHitPointSlider flex"
|
|
max={{maximum}}
|
|
value={{left}}
|
|
editable pin
|
|
>
|
|
</paper-diff-slider>
|
|
</div>
|
|
{{/each}}
|
|
<div class="paper-font-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="paper-font-subhead">
|
|
Death Saves
|
|
</div>
|
|
<div class="layout horizontal">
|
|
<div class="layout vertical center">
|
|
<div class="caption">Fail</div>
|
|
<div class="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 class="layout horizontal center center-justified" style="width: 94px">
|
|
{{#if dead}}
|
|
DEAD
|
|
{{else}}
|
|
<paper-button id="stableButton" class="{{#if stable}}stable{{/if}}">
|
|
</paper-button>
|
|
{{/if}}
|
|
</div>
|
|
<div layout vertical center>
|
|
<div class="paper-font-caption">Pass</div>
|
|
<div class="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-material>
|
|
</template>
|