Ember+Require app: Apply the fix from Ember app for showing selected …

…filter in the filter bar. Fixes #220

dependency-examples/emberjs_require/js/app/templates/filters.html

@@ -1,11 +1,11 @@
 <ul id="filters">
 	<li>
-		<a {{action showAll href=true}}>All</a>
+		<a {{action showAll href=true}} {{bindAttr class="view.isAll:selected"}}>All</a>
 	</li>
 	<li>
-		<a {{action showActive href=true}}>Active</a>
+		<a {{action showActive href=true}} {{bindAttr class="view.isActive:selected"}}>Active</a>
 	</li>
 	<li>
-		<a {{action showCompleted href=true}}>Completed</a>
+		<a {{action showCompleted href=true}} {{bindAttr class="view.isCompleted:selected"}}>Completed</a>
 	</li>
 </ul>

dependency-examples/emberjs_require/js/app/views/filters.js

@@ -10,7 +10,17 @@ define('app/views/filters', [
 	 */
 	function( filters_html ) {
 		return Ember.View.extend({
-			template: Ember.Handlebars.compile( filters_html )
-		})
+			template: Ember.Handlebars.compile( filters_html ),
+			filterBinding: 'controller.namespace.entriesController.filterBy',
+			isAll: function() {
+				return Ember.empty( this.get('filter') );
+			}.property( 'filter' ),
+			isActive: function() {
+				return this.get('filter') === 'active';
+			}.property('filter'),
+			isCompleted: function() {
+				return this.get('filter') === 'completed';
+			}.property('filter')
+		});
 	}
 );