Upgraded spells page to Polymer 1

rpg-docs/client/views/character/features/featureDialog/featureDialog.js

@@ -67,13 +67,20 @@ const debounce = (f) => _.debounce(f, 300);
 
 Template.featureEdit.events({
 	"input #featureNameInput": debounce(function(event){
-		var name = event.currentTarget.value;
-		Features.update(this._id, {
-			$set: {name: name}
-		}, {
-			removeEmptyStrings: false,
-			trimStrings: false,
-		});
+		const input = event.currentTarget;
+		var name = input.value;
+		if (!name){
+			input.invalid = true;
+			input.errorMessage = "Name is required";
+		} else {
+			input.invalid = false;
+			Features.update(this._id, {
+				$set: {name: name}
+			}, {
+				removeEmptyStrings: false,
+				trimStrings: false,
+			});
+		}
 	}),
 	"input #featureDescriptionInput": debounce(function(event){
 		var description = event.currentTarget.value;

rpg-docs/client/views/character/features/features.js

@@ -54,7 +54,7 @@ Template.features.events({
 			template: "featureDialog",
 			data:     {featureId: featureId, charId: this._id, startEditing: true},
 			element: event.currentTarget,
-			returnElement: instance.find(`.featureCard[data-id='${featureId}']`),
+			returnElement: () => instance.find(`.featureCard[data-id='${featureId}']`),
 		});
 	},
 	"click .featureCard .top": function(event){