104 lines
2.9 KiB
HTML
104 lines
2.9 KiB
HTML
<template name="journal">
|
|
<div fit>
|
|
<div id="journal" class="scroll-y" fit>
|
|
<div class="column-container">
|
|
<!--Experience Table-->
|
|
<paper-shadow class="card experiencesCard"
|
|
hero-id="main" {{detailHero}}>
|
|
<div class="top white subhead"
|
|
hero-id="toolbar" {{detailHero}}
|
|
layout horizontal center>
|
|
<div flex>Experience</div>
|
|
<div >{{experience}} XP</div>
|
|
<paper-icon-button class="black54" id="addXP" icon="add"></paper-icon-button>
|
|
</div>
|
|
<div class="bottom list">
|
|
{{#each experiences}}
|
|
<div class="item-slot">
|
|
<div class="item experience"
|
|
hero-id="main" {{detailHero}}
|
|
layout horizontal center>
|
|
<div flex>{{name}}</div>
|
|
<div class="xpValue">{{value}}</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
{{#if moreExperiencesOrCollapse}}
|
|
<div 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>
|
|
<!--Class Table-->
|
|
<paper-shadow class="card"
|
|
hero-id="main" {{detailHero}}>
|
|
<div class="white top"
|
|
hero-id="toolbar" {{detailHero}}
|
|
layout horizontal center>
|
|
<div flex>
|
|
<div class="containerName subhead">
|
|
Level {{level}}
|
|
</div>
|
|
{{#if nextLevelXP}}
|
|
<div class="caption">
|
|
Next Level: {{nextLevelXP}}XP
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<paper-icon-button class="black54"
|
|
id="addClassButton"
|
|
icon="add">
|
|
</paper-icon-button>
|
|
</div>
|
|
<div class="bottom list">
|
|
<div class="item-slot">
|
|
<div class="item race"
|
|
hero-id="main" {{detailHero "race" _id}}
|
|
layout horizontal center>
|
|
{{race}}
|
|
</div>
|
|
</div>
|
|
{{#each classes}}
|
|
<div class="item-slot">
|
|
<div class="item class"
|
|
hero-id="main" {{detailHero}}
|
|
layout horizontal center>
|
|
{{name}} {{level}}
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</paper-shadow>
|
|
<!--Notes-->
|
|
{{#each notes}}
|
|
<paper-shadow class="card" hero-id="main" {{detailHero}}>
|
|
<div class="top {{colorClass}} noteTop subhead"
|
|
hero-id="toolbar" {{detailHero}}
|
|
layout horizontal center>
|
|
{{name}}
|
|
</div>
|
|
<div class="bottom text">{{description}}</div>
|
|
</paper-shadow>
|
|
{{/each}}
|
|
</div>
|
|
<div class="fab-buffer"></div>
|
|
</div>
|
|
</div>
|
|
{{#if canEditCharacter _id}}
|
|
<paper-fab id="addNote"
|
|
class="floatyButton"
|
|
icon="add"
|
|
title="Add"
|
|
role="button"
|
|
tabindex="0"
|
|
hero-id="main"></paper-fab>
|
|
{{/if}}
|
|
</template> |