SearchBox for Questions

Author: firefinchdev

app/pods/questions/index/controller.js

@@ -1,8 +1,27 @@
 import Controller from '@ember/controller';
+import { task, timeout } from 'ember-concurrency';
 
 export default Controller.extend({
   queryParams: ['page', 'limit'],
   page: 1,
-  limit: 10
+  limit: 10,
+  searchString: '',
+  searchTask: task(function * () {
+    yield timeout(250)
+    const questions = yield this.get('store').query('question', {
+      include: 'user',
+      page: {
+        number: this.get('page'),
+        limit: this.get('limit')
+      },
+      filter: {
+        title: {
+          $iLike: `%${this.get('searchString')}%`
+        }
+      }
+    })
+    this.set('page', 1)
+    this.set('questions', questions)
+  }).restartable()
 
 });

app/pods/questions/index/template.hbs

@@ -5,6 +5,7 @@
         <button>+ Add Question</button>
       {{/link-to}}
     </div>
+    {{input type="text" class="form-control" placeholder="Filter By Question Name" key-up=(perform searchTask) value=searchString}}
   </div>
   {{#each questions as |question|}}
   <div class="row">