Merge pull request #5 from firefinchdev/filter-ques

SearchBox for Questions

Author: abhishek97

app/pods/questions/index/controller.js

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

app/pods/questions/index/template.hbs

@@ -1,11 +1,15 @@
 <div class="container">
-  <div class="row">
+  <div>
     <div class="button-solid">
       {{#link-to 'questions.new' class="white"}}
         <button>+ Add Question</button>
       {{/link-to}}
     </div>
-  </div>
+    <br>
+    <div class="row justify-content-center">
+      <p class="card-title">Filter By Question Name:   </p> {{input type="text" class="form-control" placeholder="Enter Question Name" key-up=(perform searchTask) value=searchString}}
+    </div>
+    </div>
   {{#each questions as |question|}}
   <div class="row">
     <div class="card">