Custom search input component integrated (#2170)

- Integrated into main layout already; added to table.vue and
Notebook;

src/plugins/notebook/res/templates/notebook.html

@@ -1,15 +1,9 @@
 <div class="c-notebook">
     <div class="c-notebook__head">
-        <!-- TODO: use search component here -->
-        <div class="c-notebook__search c-search"
-             :class="{ 'is-active': entrySearch }">
-            <input class="c-search__input" type="search"
-                   type="text" tabindex="10000"
-                   v-model="entrySearch"
-                   v-on:keyup="search($event)"/>
-            <a class="c-search__clear-input icon-x-in-circle"
-               v-on:click="entrySearch = ''; search($event)"></a>
-        </div>
+        <search class="c-notebook__search"
+                v-model="entrySearch"
+                v-on:input="search($event)"
+                v-on:clear="entrySearch = ''; search($event)"></search>
         <div class="c-notebook__controls">
             <div class="select c-notebook__controls__time">
                 <select v-model="showTime">

src/plugins/notebook/src/controllers/NotebookController.js

@@ -26,7 +26,8 @@ define([
     './EmbedController',
     '../../res/templates/notebook.html',
     '../../res/templates/entry.html',
-    '../../res/templates/embed.html'
+    '../../res/templates/embed.html',
+    '../../../../ui/components/controls/search.vue'
 ],
 function (
     Vue,
@@ -34,7 +35,8 @@ function (
     EmbedController,
     NotebookTemplate,
     EntryTemplate,
-    EmbedTemplate
+    EmbedTemplate,
+    search
 ) {
 
     function NotebookController(openmct, domainObject) {
@@ -79,7 +81,8 @@ function (
         var notebookVue = Vue.extend({
             template: NotebookTemplate,
             components: {
-                'notebook-entry': entryComponent
+                'notebook-entry': entryComponent,
+                'search': search.default
             },
             data: function () {
                 return {