FEATURE: UI for Search

This will need the knowledge explorer helper search term to make
searching a lot easier.

assets/javascripts/discourse/components/knowledge-explorer-search.js.es6

@@ -0,0 +1,22 @@
+export default Ember.Component.extend({
+  classNames: "knowledge-explorer-search",
+
+  performSearch(term) {
+    if (term.length < this.siteSettings.min_search_term_length) {
+      this.set("searchResults", null);
+      return;
+    }
+
+    // set search filters
+
+    // query the search api
+  },
+
+  actions: {
+    onSearchTermChange(e) {
+      const term = e.target.value;
+      this.set("searchTerm", term);
+      Ember.run.debounce(this, this.performSearch, term, 250);
+    }
+  }
+});

assets/javascripts/discourse/templates/components/knowledge-explorer-search.hbs

@@ -0,0 +1,7 @@
+<input
+  type="text"
+  value={{searchTerm}}
+  oninput={{action "onSearchTermChange"}}
+  class="kb-search-bar"
+  autocorrect="off"
+  autocapitalize="off">

assets/javascripts/discourse/templates/knowledge-explorer.hbs

@@ -1,4 +1,7 @@
 <div class="knowledge-explorer">
+  <div class="knowledge-explorer-filter">
+    {{knowledge-explorer-search searchResults=searchResults searchTerm=searchTerm}}
+  </div>
   <div class="knowledge-explorer-browse">
     {{#if filteredTags}}
       {{knowledge-explorer-tag-list