allow escape key to end edit mode of a todo

architecture-examples/maria/src/js/controllers/TodoController.js

@@ -13,9 +13,15 @@ maria.Controller.subclass(checkit, 'TodoController', {
 			this.getView().showEdit();
 		},
 		onKeyupEdit: function(evt) {
-			if (checkit.isEnterKeyCode(evt.keyCode)) {
+			var keyCode = evt.keyCode;
+			if (checkit.isEnterKeyCode(keyCode)) {
 				this.onBlurEdit();
 			}
+			else if (checkit.isEscapeKeyCode(keyCode)) {
+				var view = this.getView();
+				view.resetEdit();
+				view.showDisplay();
+			}
 		},
 		onBlurEdit: function() {
 			var model = this.getModel();

architecture-examples/maria/src/js/util.js

@@ -16,3 +16,7 @@ checkit.escapeHTML = function(str) {
 checkit.isEnterKeyCode = function(keyCode) {
 	return keyCode === 13;
 };
+
+checkit.isEscapeKeyCode = function(keyCode) {
+	return keyCode === 27;
+};

architecture-examples/maria/src/js/views/TodoView.js

@@ -24,9 +24,13 @@ maria.ElementView.subclass(checkit, 'TodoView', {
 		update: function() {
 			this.buildData();
 		},
-		showEdit: function() {
+		resetEdit: function() {
 			var input = this.find('.edit');
 			input.value = this.getModel().getTitle();
+		},
+		showEdit: function() {
+			this.resetEdit();
+			var input = this.find('.edit');
 			aristocrat.addClass(this.find('li'), 'editing');
 			input.focus();
 		},