Commit 33c445a

mo khan <mo@mokhan.ca>
2014-11-10 05:35:56
add search.
1 parent 582b2c2
Changed files (2)
app
assets
javascripts
controllers
templates
app/assets/javascripts/controllers/videos_index.js.coffee
@@ -1,2 +1,12 @@
 App.VideosIndexController = Ember.ArrayController.extend
   sortProperties: ['title']
+
+  videos: (->
+    if @get('search') then @get('searchedVideos') else @
+  ).property('search', 'searchedVideos')
+
+  searchedVideos: (->
+    search = @get('search').toLowerCase()
+    @filter (video) => video.get('title').toLowerCase().indexOf(search) != -1
+  ).property('search', '@each.title')
+
app/assets/javascripts/templates/videos/index.hbs
@@ -1,7 +1,10 @@
 <h2>Index</h2>
-{{#link-to 'videos.new'}}new{{/link-to}}
+{{view Ember.TextField value=search placeholder="search" classNames="search"}}
+
+{{#link-to 'videos.new'}}new video{{/link-to}}
+
 <ul class="nav nav-pills nav-stacked well">
-  {{#each video in controller}}
+  {{#each video in videos}}
   <li> {{#link-to 'video' video}}{{video.title}}{{/link-to}} </li>
   {{/each}}
 </ul>