From 397c2be18d083d76386b4ddc2112b4314b16c0c2 Mon Sep 17 00:00:00 2001
From: Thomas Labarussias <issif+github@gadz.org>
Date: Thu, 30 Mar 2023 15:41:31 +0200
Subject: [PATCH] add search/filter in query parameters + add clear search
 input button

Signed-off-by: Thomas Labarussias <issif+github@gadz.org>
---
 frontend/src/App.vue                |  2 +-
 frontend/src/components/filters.vue | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 9cbc431..40357cf 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -35,7 +35,7 @@
       class="blue darken-2 text-no-wrap" dark
     >
       <span>
-        2022 - <a href="https://github.com/falcosecurity/falcosidekick-ui">Falco Authors</a>
+        2023 - <a href="https://github.com/falcosecurity/falcosidekick-ui">Falco Authors</a>
       </span>
       <v-spacer/>
       <span v-if="$store.state.username && $store.state.password">
diff --git a/frontend/src/components/filters.vue b/frontend/src/components/filters.vue
index 1ddbda4..f7db72c 100644
--- a/frontend/src/components/filters.vue
+++ b/frontend/src/components/filters.vue
@@ -204,6 +204,12 @@
           hide-details
           append-icon="search"
         ></v-text-field>
+        <v-card-actions style="padding-top: 20px; padding-bottom: 0px;">
+          <v-spacer></v-spacer>
+          <v-icon @click="next">
+            mdi-close-circle-outline
+          </v-icon>
+        </v-card-actions>
         <v-spacer></v-spacer>
         <Counters
           :filters="filters"
@@ -285,6 +291,9 @@ export default {
         if (this.filters.tags !== []) {
           this.$router.push({ query: { ...this.$route.query, tags: this.filters.tags } });
         }
+        if (this.filters.search !== []) {
+          this.$router.push({ query: { ...this.$route.query, filter: this.filters.search } });
+        }
         this.$emit('send-filters', this.filters);
       },
       deep: true,
@@ -408,6 +417,9 @@ export default {
           break;
       }
     },
+    next() {
+      this.filters.search = '';
+    },
   },
   created() {
     if (typeof this.$route.query.source !== 'undefined') {