55 lines
2.0 KiB
HTML
55 lines
2.0 KiB
HTML
<template name="characterSheet">
|
|
<!--<div tool horizontal layout flex end-justified class="bottom">Title-bottom</div>-->
|
|
<core-toolbar class="medium-tall {{colorClass}}">
|
|
<core-icon-button icon="menu" core-drawer-toggle></core-icon-button>
|
|
<div flex>
|
|
{{name}}
|
|
</div>
|
|
{{#if canEditCharacter _id}}
|
|
<div>
|
|
{{> colorDropdown}}
|
|
</div>
|
|
<paper-menu-button>
|
|
<paper-icon-button icon="more-vert" noink></paper-icon-button>
|
|
<paper-dropdown class="dropdown" halign="right">
|
|
<core-menu class="menu" style="color: black; color: rgba(0,0,0,0.87);">
|
|
<paper-item id="deleteCharacter">
|
|
<core-icon icon="delete"></core-icon>Delete
|
|
</paper-item>
|
|
<paper-item id="shareCharacter">
|
|
<core-icon icon="social:share"></core-icon>Share
|
|
</paper-item>
|
|
<paper-item id="characterSettings">
|
|
<core-icon icon="settings"></core-icon>Settings
|
|
</paper-item>
|
|
</core-menu>
|
|
</paper-dropdown>
|
|
</paper-menu-button>
|
|
{{/if}}
|
|
<div class="bottom fit" horizontal layout>
|
|
<paper-tabs flex horizontal center layout id="characterSheetTabs" selected={{selectedTab}} class="{{colorClass}}">
|
|
<paper-tab name="stats">Stats</paper-tab>
|
|
<paper-tab name="features">Features</paper-tab>
|
|
<paper-tab name="inventory">Inventory</paper-tab>
|
|
{{#unless hideSpellcasting}}
|
|
<paper-tab name="spells">Spells</paper-tab>
|
|
{{/unless}}
|
|
<paper-tab name="persona">Persona</paper-tab>
|
|
<paper-tab name="journal">Journal</paper-tab>
|
|
</paper-tabs>
|
|
</div>
|
|
</core-toolbar>
|
|
<div fit>
|
|
<core-animated-pages id="tabPages" selected={{selectedTab}} transitions="slide-from-right" fit>
|
|
<section flex name="stats">{{> stats}}</section>
|
|
<section flex name="features">{{> features}}</section>
|
|
<section flex name="inventory">{{> inventory}}</section>
|
|
{{#unless hideSpellcasting}}
|
|
<section flex name="spells">{{> spells}}</section>
|
|
{{/unless}}
|
|
<section flex name="persona">{{> persona}}</section>
|
|
<section flex name="journal">{{> journal}}</section>
|
|
</core-animated-pages>
|
|
</div>
|
|
</template>
|