Implemented container editing

rpg-docs/client/views/character/inventory/containerDialog/containerDialog.html

@@ -0,0 +1,31 @@
+<template name="containerDialog">
+	{{#with container}}
+		<!--Delete button-->
+		<paper-menu-button>
+			<paper-icon-button role="button" tabindex="0" icon="delete" aria-label="Delete Container" noink></paper-icon-button>
+			<paper-dropdown class="dropdown">
+				<paper-button id="deleteContainer">Delete Container</paper-button>
+				<paper-button>Cancel</paper-button>
+			</paper-dropdown>
+		</paper-menu-button>
+		
+		<div class="containerDialogWidth"></div>
+		<!--Name and plural name-->
+		<paper-input id="containerNameInput" label="Name" floatinglabel value={{name}}></paper-input>
+		<!--Weight-->
+		<paper-input-decorator label="Weight" floatinglabel>
+			<input id="weightInput" type="number" value={{weight}}>
+		</paper-input-decorator>
+		<!--Value-->
+		<paper-input-decorator label="Value" floatinglabel>
+			<input id="valueInput" type="number" value={{value}}>
+		</paper-input-decorator>
+		<!--Description-->
+		<paper-input-decorator label="Description" floatinglabel layout vertical>
+			<paper-autogrow-textarea>
+				<textarea id="containerDescriptionInput" placeholder aria-label="Description" value={{description}}></textarea>
+			</paper-autogrow-textarea>
+		</paper-input-decorator>
+	{{/with}}
+	<paper-button affirmative>Done</paper-button>
+</template>

rpg-docs/client/views/character/inventory/containerDialog/containerDialog.js

@@ -0,0 +1,41 @@
+Template.containerDialog.rendered = function(){
+	var self = this;
+	this.autorun(function(){
+		var container = Containers.findOne(Template.currentData().containerId, {fields: {name: 1}});
+		if(container) Session.set("global.ui.dialogHeader", container.name);
+	})
+	//after the dialog is built, open it
+	_.defer(function(){GlobalUI.dialog.open()});
+}
+
+Template.containerDialog.events({
+	"tap #deleteContainer": function(){
+		Containers.remove(this._id);
+		GlobalUI.closeDialog()
+	},
+	//TODO clean up String -> num here so they don't need casting by Schema.clean
+	//TODO validate input (integer, non-negative, etc) for these inputs and give validation errors
+	"change #containerNameInput, input #containerNameInput": function(event){
+		console.log("changed Nameinput")
+		var name = Template.instance().find("#containerNameInput").value;
+		Containers.update(this._id, {$set: {name: name}});
+	},
+	"change #weightInput, input #weightInput": function(event){
+		var weight = Template.instance().find("#weightInput").value;
+		Containers.update(this._id, {$set: {weight: weight}});
+	},
+	"change #valueInput, input #valueInput": function(event){
+		var value = Template.instance().find("#valueInput").value;
+		Containers.update(this._id, {$set: {value: value}});
+	},
+	"change #containerDescriptionInput": function(event){
+		var description = Template.instance().find("#containerDescriptionInput").value;
+		Containers.update(this._id, {$set: {description: description}});
+	}
+});
+
+Template.containerDialog.helpers({
+	container: function(){
+		return Containers.findOne(this.containerId);
+	}
+});