89 lines
5.4 KiB
HTML
89 lines
5.4 KiB
HTML
<template name="libraryItemDialog">
|
|
<div class="fit base-dialog layout vertical">
|
|
<app-toolbar>
|
|
<paper-icon-button id="backButton"
|
|
icon="arrow-back">
|
|
</paper-icon-button>
|
|
<div main-title>{{item.name}}</div>
|
|
<paper-icon-button id="deleteButton"
|
|
role="button"
|
|
tabindex="0"
|
|
icon="delete">
|
|
</paper-icon-button>
|
|
</app-toolbar>
|
|
<div class="form flex scroll-y" style="position: relative;">
|
|
<paper-input id="libraryItemLibraryNameInput" class="fullwidth" label="Library name (optional)" value={{item.libraryName}}></paper-input>
|
|
<paper-input id="libraryItemNameInput" class="fullwidth" label="Item name" value={{item.name}}></paper-input>
|
|
<div class="layout horizontal center wrap">
|
|
<paper-input id="libraryItemPluralInput" class="flex" label="Plural name" value={{item.plural}}></paper-input>
|
|
<paper-input id="libraryItemQuantityInput" class="flex" label="Quantity" type="number" value={{item.quantity}}></paper-input>
|
|
<paper-checkbox id="incrementCheckbox" class="flex" checked={{item.settings.showIncrement}}>
|
|
Show Increment
|
|
</paper-checkbox>
|
|
</div>
|
|
<div class="layout horizontal center wrap">
|
|
<paper-input id="libraryItemValueInput" class="flex" label="Value" type="number" value={{item.value}}></paper-input>
|
|
<paper-input id="libraryItemWeightInput" class="flex" label="Weight" type="number" value={{item.weight}}></paper-input>
|
|
<paper-checkbox id="attunementCheckbox" class="flex" checked={{item.requiresAttunement}}>
|
|
Requires Attunement
|
|
</paper-checkbox>
|
|
</div>
|
|
<paper-textarea id="libraryItemDescriptionInput" label="Description" value={{item.description}}></paper-textarea>
|
|
<div style="margin-top: 8px;">
|
|
<div class="paper-font-subhead">Effects</div>
|
|
{{#each indexedEffects}}
|
|
<div class="effect layout horizontal center wrap">
|
|
<paper-dropdown-menu label="Operation" class="operationMenu">
|
|
<paper-listbox class="dropdown-content" selected={{operationIndex operation}}>
|
|
<paper-item label="Base Value" name="base"> Base Value </paper-item>
|
|
<paper-item label="Add" name="add"> Add </paper-item>
|
|
<paper-item label="Multiply" name="mul"> Multiply </paper-item>
|
|
<paper-item label="Min" name="min"> Min </paper-item>
|
|
<paper-item label="Max" name="max"> Max </paper-item>
|
|
<paper-item label="Advantage" name="advantage"> Advantage </paper-item>
|
|
<paper-item label="Disadvantage" name="disadvantage"> Disadvantage </paper-item>
|
|
<paper-item label="PassiveAdd" name="passiveAdd"> PassiveAdd </paper-item>
|
|
<paper-item label="Fail" name="fail"> Fail </paper-item>
|
|
<paper-item label="Conditional" name="conditional"> Conditional </paper-item>
|
|
</paper-listbox>
|
|
</paper-dropdown-menu>
|
|
<paper-input class="LibraryItemEffectStat flex" label="Attribute" value={{stat}}></paper-input>
|
|
<paper-input class="LibraryItemEffectValue flex" label="Value" value={{calculationOrValue}}></paper-input>
|
|
<paper-icon-button icon="delete" class="deleteEffect"></paper-icon-button>
|
|
</div>
|
|
{{/each}}
|
|
<paper-button id="addEffect" class="red-button">Add Effect</paper-button>
|
|
</div>
|
|
<div style="margin-top: 8px;">
|
|
<div class="paper-font-subhead">Attacks</div>
|
|
{{#each indexedAttacks}}
|
|
<div class="effect layout horizontal center wrap">
|
|
<paper-input class="LibraryItemAttackBonusInput flex" label="Attack Bonus" value={{attackBonus}}></paper-input>
|
|
<paper-input class="LibraryItemAttackDamageInput flex" label="Damage" value={{damage}}></paper-input>
|
|
<paper-input class="LibraryItemAttackDetailsInput flex" label="Details" value={{details}}></paper-input>
|
|
<paper-dropdown-menu label="Damage Type" class="damageTypeMenu">
|
|
<paper-listbox class="dropdown-content" selected={{damageTypeIndex damageType}}>
|
|
<paper-item label="Bludgeoning" name="bludgeoning"> Bludgeoning </paper-item>
|
|
<paper-item label="Piercing" name="piercing"> Piercing </paper-item>
|
|
<paper-item label="Slashing" name="slashing"> Slashing </paper-item>
|
|
<paper-item label="Acid" name="acid"> Acid </paper-item>
|
|
<paper-item label="Cold" name="cold"> Cold </paper-item>
|
|
<paper-item label="Fire" name="fire"> Fire </paper-item>
|
|
<paper-item label="Force" name="force"> Force </paper-item>
|
|
<paper-item label="Lightning" name="lightning"> Lightning </paper-item>
|
|
<paper-item label="Necrotic" name="necrotic"> Necrotic </paper-item>
|
|
<paper-item label="Poison" name="poison"> Poison </paper-item>
|
|
<paper-item label="Psychic" name="psychic"> Psychic </paper-item>
|
|
<paper-item label="Radiant" name="radiant"> Radiant </paper-item>
|
|
<paper-item label="Thunder" name="thunder"> Thunder </paper-item>
|
|
</paper-listbox>
|
|
</paper-dropdown-menu>
|
|
<paper-icon-button icon="delete" class="deleteAttack"></paper-icon-button>
|
|
</div>
|
|
{{/each}}
|
|
<paper-button id="addAttack" class="red-button">Add Attack</paper-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|