181 lines
4.8 KiB
HTML
181 lines
4.8 KiB
HTML
<template name="inventory">
|
|
<div id="inventory" class="animation-slider">
|
|
<div class="column-container">
|
|
<!--Net Worth-->
|
|
<div>
|
|
<paper-material class="card">
|
|
<div class="white top layout horizontal center">
|
|
<div class="paper-font-subhead flex">
|
|
Net Worth
|
|
</div>
|
|
<div>
|
|
{{valueString netWorth}}
|
|
</div>
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
<!--Weight Carried-->
|
|
<div>
|
|
<paper-material class="card">
|
|
<div class="top green white-text weightCarried layout horizontal center">
|
|
<div class="paper-font-subhead" flex>
|
|
Weight Carried
|
|
</div>
|
|
<div>
|
|
{{round weightCarried}}lbs
|
|
</div>
|
|
</div>
|
|
<div class="bottom green" style="padding: 0;">
|
|
{{> carryCapacityBar}}
|
|
</div>
|
|
{{#if encumberedBuffs.count}}
|
|
<div class="bottom list">
|
|
{{#each encumberedBuffs}}
|
|
<div class="item-slot">
|
|
<div class="item buff layout horizontal center">
|
|
<div class="flex">
|
|
<iron-icon icon="work"
|
|
style="margin-right: 16px">
|
|
</iron-icon>
|
|
{{name}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
</paper-material>
|
|
</div>
|
|
<!--Equipment-->
|
|
<div>
|
|
<paper-material class="card equipmentContainer">
|
|
<div class="white top layout horizontal center">
|
|
<div class="paper-font-subhead flex">
|
|
Equipment
|
|
</div>
|
|
<div class="paper-font-caption" style="margin-right: 8px">
|
|
{{valueString equipmentValue}}
|
|
</div>
|
|
<div class="paper-font-caption">
|
|
{{round equipmentWeight}}lbs
|
|
</div>
|
|
</div>
|
|
<div flex class="bottom list">
|
|
{{#if attuned.count}}
|
|
<div class="paper-font-subhead">Attuned</div>
|
|
{{/if}}
|
|
{{#each attuned}}
|
|
{{>inventoryItem}}
|
|
{{/each}}
|
|
{{#if attuned.count}}
|
|
<div class="paper-font-subhead">Equipment</div>
|
|
{{/if}}
|
|
{{#each equipment}}
|
|
{{>inventoryItem}}
|
|
{{/each}}
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
<!--Carried Items-->
|
|
<div>
|
|
<paper-material class="card carriedContainer">
|
|
<div class="white top layout horizontal center">
|
|
<div class="paper-font-subhead flex">
|
|
Carried
|
|
</div>
|
|
<div class="paper-font-caption" style="margin-right: 8px">
|
|
{{valueString carriedValue}}
|
|
</div>
|
|
<div class="paper-font-caption">
|
|
{{round carriedWeight}}lbs
|
|
</div>
|
|
</div>
|
|
<div flex class="bottom list">
|
|
{{#each carriedItems}}
|
|
{{>inventoryItem}}
|
|
{{/each}}
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
{{#each containers}}
|
|
<div>
|
|
<paper-material class="card itemContainer" data-id={{_id}}>
|
|
<div class="top {{colorClass}} layout horizontal center">
|
|
<div class="paper-font-subhead flex">
|
|
{{name}}
|
|
</div>
|
|
<div class="paper-font-caption" style="margin-right: 8px">
|
|
{{valueString totalValue}}
|
|
</div>
|
|
<div class="paper-font-caption" style="margin-right: 8px">
|
|
{{round totalWeight}}lbs
|
|
</div>
|
|
<div>
|
|
<paper-checkbox class="carriedCheckbox"
|
|
disabled={{#unless canEditCharacter charId}}true{{/unless}}
|
|
checked={{isCarried}}>
|
|
</paper-checkbox>
|
|
<paper-tooltip position="left"> Container carried</paper-tooltip>
|
|
</div>
|
|
</div>
|
|
<div class="bottom list">
|
|
{{#each items ../_id _id}}
|
|
{{>inventoryItem}}
|
|
{{/each}}
|
|
</div>
|
|
</paper-material>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
<div class="fab-buffer"></div>
|
|
</div>
|
|
{{#if canEditCharacter _id}}
|
|
{{#fabMenu}}
|
|
<div>
|
|
<paper-fab icon="work"
|
|
class="addContainer"
|
|
mini>
|
|
</paper-fab>
|
|
<paper-tooltip position="left"> New container </paper-tooltip>
|
|
</div>
|
|
<div>
|
|
<paper-fab icon="av:library-books"
|
|
class="libraryItem"
|
|
mini>
|
|
</paper-fab>
|
|
<paper-tooltip position="left"> Library item </paper-tooltip>
|
|
</div>
|
|
<div>
|
|
<paper-fab icon="note-add"
|
|
class="addItem"
|
|
mini>
|
|
</paper-fab>
|
|
<paper-tooltip position="left"> New item </paper-tooltip>
|
|
</div>
|
|
{{/fabMenu}}
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="inventoryItem">
|
|
<div class="item-slot">
|
|
<div class="item {{hidden}} inventoryItem layout horizontal center"
|
|
draggable={{canEditCharacter charId}}
|
|
data-id={{_id}}>
|
|
<div class="itemName flex">
|
|
{{#if ne1 quantity}}{{quantity}} {{/if}}{{pluralName}}
|
|
</div>
|
|
{{#if settings.showIncrement}}{{#if canEditCharacter charId}}
|
|
<div class="incrementButtons">
|
|
<paper-icon-button class="addItemQuantity"
|
|
icon="add"
|
|
style="margin-right: -8px"></paper-icon-button>
|
|
<paper-icon-button class="subItemQuantity"
|
|
disabled={{lt1 quantity}}
|
|
icon="remove"
|
|
style="margin-right: -8px"></paper-icon-button>
|
|
</div>
|
|
{{/if}}{{/if}}
|
|
</div>
|
|
</div>
|
|
</template>
|