39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<template name="characterList">
|
|
<core-toolbar class="app-grey white-text">
|
|
<core-icon-button icon="menu" core-drawer-toggle></core-icon-button>
|
|
<div flex>
|
|
Characters
|
|
</div>
|
|
</core-toolbar>
|
|
<div class="scroll-y" fit>
|
|
{{#if currentUser}}
|
|
{{#if characters.count}}
|
|
<div layout horizontal wrap class="characterCards">
|
|
{{# each characters}}
|
|
{{#with characterDetails}}
|
|
{{#containerCardHelper this}}{{alignment}} {{gender}} {{race}}{{/containerCardHelper}}
|
|
{{/with}}
|
|
{{/each}}
|
|
{{> gridPadding class="characterCard" num=12}}
|
|
</div>
|
|
{{else}}
|
|
<div layout vertical center center-justified class="padded">
|
|
<div>You don't seem to have any characters :(</div>
|
|
<paper-button class="addCharacter red-button" raised>Add Character</paper-button>
|
|
</div>
|
|
{{/if}}
|
|
{{else}}
|
|
<div layout vertical center center-justified class="padded">
|
|
<div>You must sign in to view your characters</div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="fab-buffer"></div>
|
|
<paper-fab class="floatyButton addCharacter"
|
|
icon="add"
|
|
title="Add"
|
|
role="button"
|
|
tabindex="0"
|
|
aria-label="Add"
|
|
hero-id="main"></paper-fab>
|
|
</div>
|
|
</template> |