Added more material design touch response, swipe pages, and began effects lists

rpg-docs/client/views/character/Stats/stats.js

@@ -0,0 +1,91 @@
+selectAttribute = function(name, title){
+	Session.set("selectedAttribute", name);
+	Session.set("selectedAttributeTitle", title);
+	Session.set("editingEffect", null);
+	document.querySelector("#attributeDialog").toggle();
+};
+
+selectSkill = function(name, title){
+	Session.set("selectedSkill", name);
+	Session.set("selectedSkillTitle", title);
+	Session.set("editingEffect", null);
+	document.querySelector("#skillDialog").toggle();
+};
+
+Template.stats.events({
+	"click #armor": function(){
+		console.log("clicked armor");
+		selectAttribute("armor", "Armor")
+	}
+});
+
+Template.attributeDialog.helpers({
+	attributeTitle: function(){
+		return Session.get("selectedAttributeTitle");
+	},
+	attributeName: function(){
+		return Session.get("selectedAttribute");
+	},
+	attribute: function(){
+		return this.character.getField(Session.get("selectedAttribute"));
+	},
+	effects: function(){
+		var attribute = this.character.getField(Session.get("selectedAttribute"));
+		return _.groupBy(attribute.effects, "operation");
+	},
+	effectValue: function(){
+		return evaluateEffect(Template.parentData(1).character._id, this);
+	}
+});
+
+Template.attributeEffect.helpers({
+	editing: function(){
+		return Session.get("editingEffect") === this._id;
+	},
+	editable: function(){
+		return this.type === "editable";
+	},
+	operation: function(){
+		switch(this.operation){
+			case "add":
+				return;
+			case "mul":
+				return Spacebars.SafeString("×");
+			case "min":
+				return "min";
+			case "max":
+				return "max";
+			default:
+				return this.operation;
+		}
+	},
+	signedEffectValue: function(){
+		var value = evaluateEffect(Template.parentData(1).character._id, this);
+		return signedString(value);
+	}
+});
+
+Template.attributeEffect.events({
+	"click .editButton": function(event){
+		Session.set("editingEffect", this._id);
+	},
+	"click #doneButton": function(event){
+		var newEffect = {};
+		//TODO setup the changed effect
+		var attribute = Session.get("selectedAttribute");
+		var charId = Template.parentData(2)._id;
+		Meteor.call("updateEffect", charId, attribute, this._id, newEffect)
+		Session.set("editingEffect", null);
+	},
+	"click #cancelButton": function(event){
+		Session.set("editingEffect", null);
+	},
+	"click #deleteButton": function(event){
+		console.log("check that ", Template.parentData(2), "is a character");
+		var attribute = Session.get("selectedAttribute");
+		var pullObject = {};
+		pullObject[attribute + ".effects"] = {_id: this._id};
+		Characters.update(Template.parentData(2)._id, {$pull: pullObject});
+		Session.set("editingEffect", null);
+	}
+});