todomvc
Version:
> Helping you select an MV\* framework
43 lines (35 loc) • 898 B
JavaScript
/*global define */
define([
'marionette',
'templates',
'views/ActiveCount',
'views/CompletedCount'
], function (Marionette, templates, ActiveCount, CompletedCount) {
'use strict';
return Marionette.Layout.extend({
template: templates.footer,
regions: {
activeCount: '#todo-count',
completedCount: '#clear-completed'
},
ui: {
filters: '#filters a'
},
events: {
'click #clear-completed' : 'onClearClick'
},
onRender: function () {
this.activeCount.show(new ActiveCount({ collection: this.collection }));
this.completedCount.show(new CompletedCount({ collection: this.collection }));
},
updateFilterSelection: function (filter) {
this.ui.filters
.removeClass('selected')
.filter('[href="#/' + filter + '"]')
.addClass('selected');
},
onClearClick: function () {
window.app.vent.trigger('todoList:clear:completed');
}
});
});