51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<template name="featureDialog">
|
|
{{#with feature}}
|
|
<core-header-panel fit>
|
|
<core-toolbar hero-id="toolbar" hero>
|
|
<paper-icon-button id="backButton" role="button" tabindex="0" icon="arrow-back" aria-label="close"></paper-icon-button>
|
|
<div flex>{{name}}</div>
|
|
<paper-icon-button id="deleteFeature"
|
|
role="button"
|
|
tabindex="0"
|
|
icon="delete"
|
|
aria-label="Delete Feature"
|
|
noink></paper-icon-button>
|
|
</core-toolbar>
|
|
<div class="detailContent">
|
|
<paper-input id="featureNameInput" label="Name" floatinglabel value={{name}}></paper-input>
|
|
<hr style="margin: 16px 0 16px 0;">
|
|
<paper-input-decorator label="Description" floatinglabel layout vertical>
|
|
<paper-autogrow-textarea>
|
|
<textarea id="featureDescriptionInput" placeholder aria-label="Description" value={{description}}></textarea>
|
|
</paper-autogrow-textarea>
|
|
</paper-input-decorator>
|
|
<hr style="margin: 16px 0 16px 0;">
|
|
<div layout horizontal center>
|
|
<div class="caption">Limit Uses <paper-toggle-button id="limitUseCheck"
|
|
checked={{usesSet}}
|
|
role="button"
|
|
aria-pressed="false"
|
|
tabindex="0"
|
|
touch-action="pan-y">
|
|
</paper-toggle-button>
|
|
{{#if usesSet}}
|
|
<paper-input id="usesInput" label="Uses" floatinglabel value={{uses}}></paper-input>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
{{#if effects}}
|
|
<hr style="margin: 16px 0 16px 0;">
|
|
<div id="effects">
|
|
<h2>Effects</h2>
|
|
{{#each effects}}
|
|
{{>effectEdit}}
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
<div layout horizontal end-justified>
|
|
<paper-button id="addEffectButton" raised>Add Effect</paper-button>
|
|
</div>
|
|
</div>
|
|
</core-header-panel>
|
|
{{/with}}
|
|
</template> |