todomvc/examples/dijon/js/views/TodoFormView.js

> Helping you select an MV\* framework

/*global dijondemo, $ */
/**
 * @author Camille Reynders
 * Date: 03/02/12
 * Time: 13:38
 */
(function( ns ) {
	'use strict';

	ns.views.TodoFormView = function() {
		var $newTodo = $('#new-todo');
		return {
			system: undefined, //inject
			enterKey: undefined, //inject
			uuidUtil: undefined, //inject
			setup: function() {
				var self = this;
				$newTodo.on( 'keyup', function( e ) {
					var $input = $( this ),
						val = $.trim( $input.val() );

					if ( e.which !== self.enterKey || !val ) {
						return;
					}

					self.system.notify( 'TodoFormView:addTodo', {
						title: val,
						id: self.uuidUtil.uuid(),
						completed: false
					} );

					$input.val('');
				} );
			},
			render: function() {}
		};
	};

}( dijondemo ));