Files
DiceCloud/rpg-docs/client/views/character/persona/peronaDetailsDialog/personaDetailsDialog.html
2017-01-31 09:58:35 +02:00

35 lines
1.2 KiB
HTML

<template name="personaDetailsDialog">
{{#baseDialog title=name class="deep-purple white-text" hideColor="true" hideDelete="true" startEditing=startEditing}}
{{#with char}}
<div>{{alignment}} {{gender}} {{race}}</div>
<iron-image style="width: 350px; height: 350px; margin-top: 8px;"
sizing="contain"
src={{picture}}></iron-image>
{{/with}}
{{else}}
{{#with char}}
{{> personaDetailsEdit}}
{{/with}}
{{/baseDialog}}
</template>
<template name="personaDetailsEdit">
<div class="layout horizontal center-justified">
<div class="flex layout vertical" style="max-width: 400px;">
<!--Name-->
<paper-input id="nameInput" label="Name" value={{name}}></paper-input>
<!--Alignment-->
<paper-input id="alignmentInput" label="Alignment" value={{alignment}}></paper-input>
<!--Gender-->
<paper-input id="genderInput" label="Gender" value={{gender}}></paper-input>
<!--Race-->
<paper-input id="raceInput" label="Race" value={{race}}></paper-input>
<!--Picture-->
<paper-input id="pictureInput" label="Picture URL" value={{picture}}></paper-input>
<iron-image style="margin-top: 8px; width: 100%; height: 400px;"
sizing="contain"
src={{picture}}></iron-image>
</div>
</div>
</template>