From 35c0ae1ebe1fe4e809cd61a92c695a8d779cb7e4 Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Sun, 30 Aug 2020 08:40:17 +0000
Subject: [PATCH] add search field to agent table

---
 src/components/AgentTable.vue |  3 ++-
 src/views/Dashboard.vue       | 47 ++++++++++++++++++++++++-----------
 2 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/components/AgentTable.vue b/src/components/AgentTable.vue
index 999f5d5..67825f0 100644
--- a/src/components/AgentTable.vue
+++ b/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,
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index ed95d22..32d9554 100644
--- a/src/views/Dashboard.vue
+++ b/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",