57 lines
2.1 KiB
HTML
57 lines
2.1 KiB
HTML
<template name="characterSheet">
|
|
<app-header-layout has-scrolling-region fullbleed>
|
|
<app-header fixed>
|
|
<app-toolbar class="medium-tall {{colorClass}}">
|
|
<paper-icon-button icon="menu" drawer-toggle top-item></paper-icon-button>
|
|
<div class="flex" top-item>
|
|
{{name}}
|
|
</div>
|
|
{{#if canEditCharacter _id}}
|
|
{{> colorDropdown}}
|
|
<paper-menu-button top-item>
|
|
<paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
|
|
<paper-menu class="dropdown-content" halign="right">
|
|
<paper-icon-item id="deleteCharacter">
|
|
<iron-icon icon="delete" item-icon></iron-icon>
|
|
Delete
|
|
</paper-icon-item>
|
|
<paper-icon-item id="shareCharacter">
|
|
<iron-icon icon="social:share" item-icon></iron-icon>
|
|
Share
|
|
</paper-icon-item>
|
|
<paper-icon-item id="characterSettings">
|
|
<iron-icon icon="settings" item-icon></iron-icon>
|
|
Settings
|
|
</paper-icon-item>
|
|
</paper-menu>
|
|
</paper-menu-button>
|
|
{{/if}}
|
|
<div bottom-item>
|
|
<paper-tabs id="characterSheetTabs" selected={{selectedTab}} class="{{colorClass}}" attr-for-selected="name">
|
|
<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>
|
|
</app-toolbar>
|
|
</app-header>
|
|
<div>
|
|
<neon-animated-pages id="tabPages" selected={{selectedTab}} transitions="slide-from-right" attr-for-selected="name">
|
|
<div name="stats">{{> stats}}</div>
|
|
<div name="features">{{> features}}</div>
|
|
<div name="inventory">{{> inventory}}</div>
|
|
{{#unless hideSpellcasting}}
|
|
<div name="spells">{{> spells}}</div>
|
|
{{/unless}}
|
|
<div name="persona">{{> persona}}</div>
|
|
<div name="journal">{{> journal}}</div>
|
|
</neon-animated-pages>
|
|
</div>
|
|
</app-header-layout>
|
|
</template>
|