59 lines
2.3 KiB
HTML
59 lines
2.3 KiB
HTML
<template name="characterSheet">
|
|
<div class="fit layout vertical character-sheet">
|
|
<app-header fixed effects="waterfall">
|
|
<app-toolbar class="medium-tall {{colorClass}}">
|
|
<div top-item class="layout horizontal center">
|
|
<paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
|
|
<div class="flex character-name">
|
|
{{name}}
|
|
</div>
|
|
{{#if canEditCharacter _id}}
|
|
{{> colorDropdown}}
|
|
<paper-menu-button class="character-menu" horizontal-align="right">
|
|
<paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
|
|
<paper-menu class="dropdown-content black87">
|
|
<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>
|
|
<div bottom-item>
|
|
<paper-tabs 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>
|
|
</app-toolbar>
|
|
</app-header>
|
|
<div class="flex" style="position: relative;">
|
|
<iron-pages id="tabPages" class="fit" selected={{selectedTab}}>
|
|
<div name="stats" class="tab-page fit">{{> stats}}</div>
|
|
<div name="features" class="tab-page fit">{{> features}}</div>
|
|
<div name="inventory" class="tab-page fit">{{> inventory}}</div>
|
|
{{#unless hideSpellcasting}}
|
|
<div name="spells" class="tab-page fit">{{> spells}}</div>
|
|
{{/unless}}
|
|
<div name="persona" class="tab-page fit">{{> persona}}</div>
|
|
<div name="journal" class="tab-page fit">{{> journal}}</div>
|
|
</iron-pages>
|
|
</div>
|
|
</div>
|
|
</template>
|