todomvc/examples/troopjs_require/js/widget/count.js

> Helping you select an MV\* framework

/*global define:false */
define([
	'troopjs-browser/component/widget',
	'poly/array'
], function CountModule(Widget) {
	'use strict';

	function filter(item) {
		return item !== null && !item.completed;
	}

	return Widget.extend({
		'hub:memory/todos/change': function onChange(items) {
			var count = items.filter(filter).length;

			this.$element.html('<strong>' + count + '</strong> ' + (count === 1 ? 'item' : 'items') + ' left');
		}
	});
});