73 lines
2.8 KiB
HTML
73 lines
2.8 KiB
HTML
<template name="journal">
|
|
<div fit>
|
|
<div id="journal" class="scroll-y" fit>
|
|
<div class="containers">
|
|
<paper-shadow class="card container experiencesCard" hero-id="main" {{detailHero}}>
|
|
<div class="containerTop {{colorClass}}" hero-id="toolbar" layout horizontal center {{detailHero}}>
|
|
<div class="containerName subhead" flex>Experience</div>
|
|
<div class="subhead">{{experience}} XP</div>
|
|
</div>
|
|
<div class="containerMain experiences">
|
|
{{#each experiences}}
|
|
<div class="itemSlot">
|
|
<paper-item class="inventoryItem experience" hero-id="main" {{detailHero}} layout horizontal>
|
|
<div flex>{{name}}</div><div class="xpValue">{{value}}</div>
|
|
</paper-item>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
{{#if moreExperiencesOrCollapse}}
|
|
<div class="containerFoot" layout="" horizontal="" center="" end-justified="">
|
|
<paper-button id="moreExperiences" disabled={{notMoreExperiences}}>Load More</paper-button>
|
|
<paper-button id="lessExperiences" disabled={{cantCollapse}}>Collapse</paper-button>
|
|
</div>
|
|
{{/if}}
|
|
</paper-shadow>
|
|
<paper-shadow class="card container" hero-id="main" {{detailHero}}>
|
|
<div class="containerTop {{colorClass}}" hero-id="toolbar" layout horizontal center {{detailHero}}>
|
|
<div flex>
|
|
<div class="containerName subhead">Levels</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerMain experiences">
|
|
<div class="list-subhead" layout horizontal center>
|
|
Race
|
|
</div>
|
|
<div class="itemSlot">
|
|
<paper-item class="inventoryItem race" hero-id="main" {{detailHero "race"}} layout horizontal>
|
|
{{race}}
|
|
</paper-item>
|
|
</div>
|
|
{{#each classes}}
|
|
<div class="list-subhead" layout horizontal center>
|
|
{{name}}
|
|
</div>
|
|
{{#each levels ../_id}}
|
|
<div class="itemSlot">
|
|
<paper-item class="inventoryItem level" hero-id="main" {{detailHero}} layout horizontal>
|
|
Level {{value}}
|
|
</paper-item>
|
|
</div>
|
|
{{/each}}
|
|
{{/each}}
|
|
</div>
|
|
</paper-shadow>
|
|
{{#each notes}}
|
|
<paper-shadow class="card container" hero-id="main" {{detailHero}}>
|
|
<div class="containerTop {{colorClass}} noteTop" hero-id="toolbar" layout horizontal center {{detailHero}}>
|
|
<div flex>
|
|
<div class="containerName subhead">{{name}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="containerMain preline">{{description}}</div>
|
|
</paper-shadow>
|
|
{{/each}}
|
|
</div>
|
|
<div class="fab-buffer"></div>
|
|
</div>
|
|
</div>
|
|
<paper-fab-menu id="inventoryAddMenu" icon="add" closeIcon="close" duration="0.3">
|
|
<paper-fab-menu-item id="addNote" icon="note-add" color="#d23f31" tooltip="Note"></paper-fab-menu-item>
|
|
<paper-fab-menu-item id="addXP" icon="work" color="#d23f31" tooltip="Experience"></paper-fab-menu-item>
|
|
</paper-fab-menu>
|
|
</template> |