From e587066add7caad223e0871972407637ee3be941 Mon Sep 17 00:00:00 2001
From: cstns <cstn.serban@gmail.com>
Date: Fri, 12 Jul 2024 13:51:08 +0300
Subject: [PATCH 1/2] Add search functionality to the applications instances
 page

---
 frontend/src/pages/application/Overview.vue | 23 ++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/application/Overview.vue b/frontend/src/pages/application/Overview.vue
index 1d6a3aad82..29aba1f929 100644
--- a/frontend/src/pages/application/Overview.vue
+++ b/frontend/src/pages/application/Overview.vue
@@ -26,8 +26,11 @@
                 v-if="instances?.length > 0"
                 data-el="cloud-instances"
                 :columns="cloudColumns"
-                :rows="cloudRows"
+                :rows="filteredRows"
+                :show-search="true"
+                search-placeholder="Search Instances"
                 :rows-selectable="true"
+                @update:search="updateSearch"
                 @row-selected="selectedCloudRow"
             >
                 <template
@@ -131,6 +134,11 @@ export default {
         }
     },
     emits: ['instance-delete', 'instance-suspend', 'instance-restart', 'instance-start'],
+    data () {
+        return {
+            searchTerm: ''
+        }
+    },
     computed: {
         ...mapState('account', ['team', 'teamMembership']),
         cloudColumns () {
@@ -153,6 +161,16 @@ export default {
                 return instance
             })
         },
+        filteredRows () {
+            return this.cloudRows
+                .filter(
+                    row => [
+                        row.name.toLowerCase().includes(this.searchTerm),
+                        row.id.toLowerCase().includes(this.searchTerm),
+                        row.status.toLowerCase().includes(this.searchTerm)
+                    ].includes(true)
+                )
+        },
         isVisitingAdmin () {
             return this.teamMembership.role === Roles.Admin
         }
@@ -165,6 +183,9 @@ export default {
                     id: cloudInstance.id
                 }
             })
+        },
+        updateSearch (searchTerm) {
+            this.searchTerm = searchTerm
         }
     }
 }

From 259fdcb3356aee7f79abf4f41e1429415f6caf7c Mon Sep 17 00:00:00 2001
From: cstns <cstn.serban@gmail.com>
Date: Fri, 12 Jul 2024 14:11:24 +0300
Subject: [PATCH 2/2] qf filtering o missing row prop

---
 frontend/src/pages/application/Overview.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/pages/application/Overview.vue b/frontend/src/pages/application/Overview.vue
index 29aba1f929..20f1fc7451 100644
--- a/frontend/src/pages/application/Overview.vue
+++ b/frontend/src/pages/application/Overview.vue
@@ -166,8 +166,7 @@ export default {
                 .filter(
                     row => [
                         row.name.toLowerCase().includes(this.searchTerm),
-                        row.id.toLowerCase().includes(this.searchTerm),
-                        row.status.toLowerCase().includes(this.searchTerm)
+                        row.id.toLowerCase().includes(this.searchTerm)
                     ].includes(true)
                 )
         },