Files
DiceCloud/rpg-docs/client/views/character/spells/spellDialog/spellDialog.html

121 lines
4.0 KiB
HTML

<template name="spellDialog">
<div class="spell-dialog">
{{#with spell}}
{{#baseDialog title=name class=colorClass startEditing=../startEditing}}
{{> spellDetails}}
{{else}}
{{> spellEdit}}
{{/baseDialog}}
{{/with}}
</div>
</template>
<template name="spellDetails">
<div class="paper-font-body2">
Level {{level}} {{school}} {{#if ritual}}ritual{{/if}}, {{preparedString}}
</div>
<div style="margin: 16px 0 16px 0;">
{{#if castingTime}}
<div>
<span class="paper-font-body2">Casting Time: </span><span>{{castingTime}}</span>
</div>
{{/if}}
{{#if range}}
<div>
<span class="paper-font-body2">Range: </span><span>{{range}}</span>
</div>
{{/if}}
{{#if getComponents}}
<div>
<span class="paper-font-body2">Components: </span><span>{{getComponents}}</span>
</div>
{{/if}}
{{#if duration}}
<div>
<span class="paper-font-body2">Duration: </span><span>{{duration}}</span>
</div>
{{/if}}
</div>
<div>{{#markdown}}{{evaluateSpellString charId parent.id description}}{{/markdown}}</div>
{{> attacksViewList charId=charId parentId=_id}}
</template>
<template name="spellEdit">
<div class="horizontal layout wrap">
<paper-input id="spellNameInput" label="Name" class="flex" value={{name}}></paper-input>
<paper-dropdown-menu id="listDropdown" label="Spell List">
<dicecloud-selector class="dropdown-content" selected={{parent.id}}>
{{#each spellLists}}
<paper-item name={{_id}} class="containerMenuItem">{{name}}</paper-item>
{{/each}}
</dicecloud-selector>
</paper-dropdown-menu>
</div>
<div class="layout horizontal center justified wrap">
<paper-dropdown-menu id="levelDropdown" label="Level">
<dicecloud-selector class="dropdown-content" selected={{level}}>
{{#each spellLevels}}
<paper-item name={{level}} class="containerMenuItem">{{name}}</paper-item>
{{/each}}
</dicecloud-selector>
</paper-dropdown-menu>
<paper-dropdown-menu id="schoolDropdown" label="School">
<dicecloud-selector class="dropdown-content" selected={{school}}>
{{#each magicSchools}}
<paper-item name={{this}} class="containerMenuItem">{{this}}</paper-item>
{{/each}}
</dicecloud-selector>
</paper-dropdown-menu>
<paper-dropdown-menu id="preparedDropdown" label="Prepared">
<dicecloud-selector class="dropdown-content" selected={{prepared}}>
{{#each preparedOptions}}
<paper-item name={{value}} class="containerMenuItem">{{name}}</paper-item>
{{/each}}
</dicecloud-selector>
</paper-dropdown-menu>
<paper-checkbox id="ritualCheckbox" class="sideMargin" checked={{ritual}}>
Ritual
</paper-checkbox>
</div>
<div class="layout horizontal center justified wrap">
<paper-input id="castingTimeInput"
label="Casting Time"
value={{castingTime}}
class="flex"
></paper-input>
<paper-input id="rangeInput"
class="sideMargin flex"
label="Range"
value={{range}}
></paper-input>
</div>
<div class="horizontal layout center justified wrap">
<paper-checkbox id="verbalCheckbox" class="sideMargin" checked={{components.verbal}}>
Verbal
</paper-checkbox>
<paper-checkbox id="somaticCheckbox" class="sideMargin" checked={{components.somatic}}>
Somatic
</paper-checkbox>
<paper-input id="materialInput" class="sideMargin flex" label="Material Components" value={{components.material}}>
</paper-input>
</div>
<div class="horizontal laout center justified wrap">
<paper-input id="durationInput"
label="Duration"
value={{duration}}
class="flex"
></paper-input>
<paper-checkbox id="concentrationCheckbox" class="sideMargin" checked={{components.concentration}}>
Concentration
</paper-checkbox>
</div>
<div class="description-input layout horizontal end">
<paper-textarea id="descriptionInput" label="Description" style="width: calc(100% - 24px)" value={{description}}></paper-textarea>
{{> textareaBracketSuffix}}
</div>
{{> attackEditList parentId=_id parentCollection="Spells" charId=charId enabled=true name=name isSpell=true}}
</template>