jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made hero attribute reactive and iterated inventory UI

Browse Source
This commit is contained in:
Thaum
2015-02-03 10:47:16 +00:00
parent 4377da5275
commit aa9cfbf04e
13 changed files with 86 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
rpg-docs/client/views/character/inventory/itemDialog/itemDialog.html
View File

@@ -47,21 +47,21 @@
</paper-autogrow-textarea>
</paper-input-decorator>
<!--Container dropdown-->
<paper-dropdown-menu label="Container">
<paper-dropdown class="dropdown">
<core-menu id="containerDropDown" class="menu" selected={{containerIndex}}>
<paper-dropdown-menu id="containerDropDown" label="Container">
<paper-dropdown layered class="dropdown">
<core-menu class="menu" selected={{containerIndex}}>
{{#each containers}}
<paper-item class="containerMenuItem">{{name}}</paper-item>
<paper-item containerId={{_id}} class="containerMenuItem">{{name}}</paper-item>
{{/each}}
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
<!--Equipment slot dropdown-->
<paper-dropdown-menu label="slot">
<paper-dropdown class="dropdown">
<core-menu id="slotDropDown" class="menu" selected={{equipmentSlotIndex}}>
<paper-dropdown-menu id="slotDropDown" label="slot">
<paper-dropdown layered class="dropdown">
<core-menu class="menu" selected={{equipmentSlotIndex}}>
{{#each equipmentSlots}}
<paper-item class="slotMenuItem">{{name}}</paper-item>
<paper-item class="slotMenuItem" value={{value}}>{{name}}</paper-item>
{{/each}}
</core-menu>
</paper-dropdown>

14
rpg-docs/client/views/character/inventory/itemDialog/itemDialog.js
View File

@@ -64,11 +64,17 @@ Template.itemDialog.events({
var equipped = Template.instance().find("#equippedInput").checked;
Items.update(this._id, {$set: {equipped: equipped}});
},
"tap .containerMenuItem": function(event){
Items.update(Template.currentData().itemId, {$set: {container: this._id}});
"core-select #containerDropDown": function(event){
var detail = event.originalEvent.detail;
if(!detail.isSelected) return;
var containerId = detail.item.getAttribute("containerId");
Items.update(Template.currentData().itemId, {$set: {container: containerId}});
},
"tap .slotMenuItem": function(event){
Items.update(Template.currentData().itemId, {$set: {equipmentSlot: this.value}});
"core-select #slotDropDown": function(event){
var detail = event.originalEvent.detail;
if(!detail.isSelected) return;
var value = detail.item.getAttribute("value");
Items.update(Template.currentData().itemId, {$set: {equipmentSlot: value}});
}
});