add search field to agent table

src/components/AgentTable.vue

@@ -5,6 +5,7 @@
       class="agents-tbl-sticky"
       :style="{'max-height': agentTableHeight}"
       :data="filter"
+      :filter="search"
       :columns="columns"
       row-key="id"
       binary-state-sort
@@ -364,7 +365,7 @@ import RunScript from "@/components/modals/agents/RunScript";
 
 export default {
   name: "AgentTable",
-  props: ["frame", "columns", "tab", "filter", "userName"],
+  props: ["frame", "columns", "tab", "filter", "userName", "search"],
   components: {
     EditAgent,
     RebootLater,

src/views/Dashboard.vue

@@ -103,27 +103,43 @@
             @input="setSplitter(innerModel)"
           >
             <template v-slot:before>
-              <q-tabs
-                v-model="tab"
-                dense
-                no-caps
-                inline-label
-                class="text-grey"
-                active-color="primary"
-                indicator-color="primary"
-                align="left"
-                narrow-indicator
-              >
-                <q-tab name="server" icon="fas fa-server" label="Servers" />
-                <q-tab name="workstation" icon="computer" label="Workstations" />
-                <q-tab name="mixed" label="Mixed" />
-              </q-tabs>
+              <div class="row">
+                <q-tabs
+                  v-model="tab"
+                  dense
+                  no-caps
+                  inline-label
+                  class="text-grey"
+                  active-color="primary"
+                  indicator-color="primary"
+                  align="left"
+                  narrow-indicator
+                >
+                  <q-tab name="server" icon="fas fa-server" label="Servers" />
+                  <q-tab name="workstation" icon="computer" label="Workstations" />
+                  <q-tab name="mixed" label="Mixed" />
+                </q-tabs>
+                <q-space />
+                <q-input
+                  v-model="search"
+                  label="Search"
+                  dense
+                  outlined
+                  clearable
+                  class="q-pr-md q-pb-xs"
+                >
+                  <template v-slot:prepend>
+                    <q-icon name="search" color="primary" />
+                  </template>
+                </q-input>
+              </div>
               <AgentTable
                 :frame="frame"
                 :columns="columns"
                 :tab="tab"
                 :filter="filteredAgents"
                 :userName="user"
+                :search="search"
                 @refreshEdit="refreshEntireSite"
               />
             </template>
@@ -193,6 +209,7 @@ export default {
       siteActive: "",
       frame: [],
       poll: null,
+      search: null,
       columns: [
         {
           name: "smsalert",