From eb588ccb974e5a52dd12487b1bcbd5c530d3b87d Mon Sep 17 00:00:00 2001
From: sbgap <sb@gapit.io>
Date: Thu, 16 May 2024 13:59:41 +0200
Subject: [PATCH 1/2] feat: add search to alerts history view

---
 src/App.vue           | 2 +-
 src/views/History.vue | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 957e329d..b12623f3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -129,7 +129,7 @@
         <v-spacer />
 
         <v-text-field
-          v-if="$route.name === 'alerts'"
+          v-if="$route.name === 'alerts' || $route.name === 'history'"
           v-model="query"
           :flat="!hasFocus"
           :label="$t('Search')"
diff --git a/src/views/History.vue b/src/views/History.vue
index 312b1ac6..5393fbd0 100644
--- a/src/views/History.vue
+++ b/src/views/History.vue
@@ -151,6 +151,7 @@ export default {
     }
   },
   created() {
+    this.setSearch(this.query)
     if (this.hash) {
       let hashMap = utils.fromHash(this.hash)
       this.setFilter(hashMap)
@@ -185,6 +186,9 @@ export default {
     getHistory() {
       return this.$store.dispatch('alerts/getAlertHistory')
     },
+    setSearch(query) {
+      this.$store.dispatch('alerts/updateQuery', query)
+    },
     getEnvironments() {
       this.$store.dispatch('alerts/getEnvironments')
     },

From 8be46aa53f1ce3c68a6e1173f1bdec078badf3a4 Mon Sep 17 00:00:00 2001
From: sbgap <sb@gapit.io>
Date: Thu, 16 May 2024 14:03:19 +0200
Subject: [PATCH 2/2] fix: add title to history view

---
 src/views/History.vue | 65 +++++++++++++++++++++++--------------------
 1 file changed, 35 insertions(+), 30 deletions(-)

diff --git a/src/views/History.vue b/src/views/History.vue
index 5393fbd0..895b5074 100644
--- a/src/views/History.vue
+++ b/src/views/History.vue
@@ -1,40 +1,45 @@
 <template>
   <div class="alerts">
-    <v-tabs
-      v-model="currentTab"
-      class="px-1"
-      grow
-    >
-      <v-tab
-        v-for="env in environments"
-        :key="env"
-        :href="'#tab-' + env"
-        @click="setEnv(env)"
-      >
-        {{ env }}&nbsp;({{ environmentCounts[env] || 0 }})
-      </v-tab>
-  
-      <v-spacer />
-
-      <v-tabs-items
+    <v-card>
+      <v-card-title class="title">
+        {{ $t('Alerts History') }}
+      </v-card-title>
+      <v-tabs
         v-model="currentTab"
+        class="px-1"
+        grow
       >
-        <v-tab-item
+        <v-tab
           v-for="env in environments"
           :key="env"
-          :value="'tab-' + env"
-          :transition="false"
-          :reverse-transition="false"
+          :href="'#tab-' + env"
+          @click="setEnv(env)"
+        >
+          {{ env }}&nbsp;({{ environmentCounts[env] || 0 }})
+        </v-tab>
+    
+        <v-spacer />
+
+        <v-tabs-items
+          v-model="currentTab"
         >
-          <keep-alive max="1">
-            <history-list
-              v-if="env == filter.environment || env == 'ALL'"
-              :history="historyByEnvironment"
-            />
-          </keep-alive>
-        </v-tab-item>
-      </v-tabs-items>
-    </v-tabs>
+          <v-tab-item
+            v-for="env in environments"
+            :key="env"
+            :value="'tab-' + env"
+            :transition="false"
+            :reverse-transition="false"
+          >
+            <keep-alive max="1">
+              <history-list
+                v-if="env == filter.environment || env == 'ALL'"
+                :history="historyByEnvironment"
+              />
+            </keep-alive>
+          </v-tab-item>
+        </v-tabs-items>
+      </v-tabs>
+    </v-card>
   </div>
 </template>