From 367c666ffb1980511897bb423138d2e567177a17 Mon Sep 17 00:00:00 2001
From: Vitor Hugo Homem Marzarotto <vitor.marzarotto@scclouds.com.br>
Date: Tue, 6 May 2025 16:06:04 -0300
Subject: [PATCH 1/2] Add search bar on rules of roles

---
 ui/src/views/iam/RolePermissionTab.vue | 37 +++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/ui/src/views/iam/RolePermissionTab.vue b/ui/src/views/iam/RolePermissionTab.vue
index 6d2bd71b2849..fc67d746ca3a 100644
--- a/ui/src/views/iam/RolePermissionTab.vue
+++ b/ui/src/views/iam/RolePermissionTab.vue
@@ -18,12 +18,14 @@
 <template>
   <loading-outlined v-if="loadingTable" class="main-loading-spinner" />
   <div v-else>
-    <div style="width: 100%; display: flex; margin-bottom: 10px">
-      <a-button type="dashed" @click="exportRolePermissions" style="width: 100%">
-        <template #icon><download-outlined /></template>
-        {{ $t('label.export.rules') }}
-      </a-button>
-    </div>
+    <a-input-search
+      v-model:value="searchRule"
+      placeholder="Search Rule"
+      background-color="gray"
+      style="width: 100%; margin-bottom: 10px; display: inline-block"
+      enter-button
+      @search="searchRulePermission"
+    />
     <div v-if="updateTable" class="loading-overlay">
       <loading-outlined />
     </div>
@@ -102,6 +104,12 @@
         </template>
       </draggable>
     </div>
+    <div style="width: 100%; display: flex; margin-top: 20px">
+      <a-button type="dashed" @click="exportRolePermissions" style="width: 100%">
+        <template #icon><download-outlined /></template>
+        {{ $t('label.export.rules') }}
+      </a-button>
+    </div>
   </div>
 </template>
 
@@ -137,7 +145,8 @@ export default {
       newRuleDescription: '',
       newRuleSelectError: false,
       drag: false,
-      apis: []
+      apis: [],
+      searchRule: ''
     }
   },
   created () {
@@ -172,6 +181,7 @@ export default {
       if (!this.resource.id) return
       api('listRolePermissions', { roleid: this.resource.id }).then(response => {
         this.rules = response.listrolepermissionsresponse.rolepermission
+        this.totalRules = this.rules
       }).catch(error => {
         this.$notifyError(error)
       }).finally(() => {
@@ -258,6 +268,19 @@ export default {
       hiddenElement.download = this.resource.name + '_' + this.resource.type + '.csv'
       hiddenElement.click()
       hiddenElement.remove()
+    },
+    searchRulePermission (searchValue) {
+      searchValue = searchValue.toLowerCase()
+      if (!searchValue) {
+        this.rules = this.totalRules
+      } else {
+        this.updateTable = true
+        const searchRules = this.totalRules.filter((rule) => rule.rule.toLowerCase().includes(searchValue))
+        this.rules = searchRules
+        setTimeout(() => {
+          this.updateTable = false
+        })
+      }
     }
   }
 }

From 0c31df17261bed4bedb26543b07517be33de3f76 Mon Sep 17 00:00:00 2001
From: Vitor Hugo Homem Marzarotto <vitor.marzarotto@scclouds.com.br>
Date: Wed, 7 May 2025 15:20:56 -0300
Subject: [PATCH 2/2] Corrections: add label, change import rules button
 positon

---
 ui/public/locales/en.json              |  1 +
 ui/public/locales/pt_BR.json           |  1 +
 ui/src/views/iam/RolePermissionTab.vue | 15 ++++++++-------
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/ui/public/locales/en.json b/ui/public/locales/en.json
index 721d8bacc295..e61e5ee4a6e3 100644
--- a/ui/public/locales/en.json
+++ b/ui/public/locales/en.json
@@ -1947,6 +1947,7 @@
 "label.rolename": "Role",
 "label.roles": "Roles",
 "label.roletype": "Role Type",
+"label.rolepermissiontab.searchbar": "Search Rule",
 "label.root.certificate": "Root certificate",
 "label.root.disk.size": "Root disk size (GB)",
 "label.rootdisk": "ROOT disk",
diff --git a/ui/public/locales/pt_BR.json b/ui/public/locales/pt_BR.json
index 65c657f69d80..307c7e8a1aea 100644
--- a/ui/public/locales/pt_BR.json
+++ b/ui/public/locales/pt_BR.json
@@ -1386,6 +1386,7 @@
 "label.rolename": "Fun\u00e7\u00e3o",
 "label.roles": "Fun\u00e7\u00f5es",
 "label.roletype": "Tipo de fun\u00e7\u00e3o",
+"label.rolepermissiontab.searchbar": "Pesquisa de regras",
 "label.root.certificate": "Certificado ra\u00edz",
 "label.root.disk.size": "Tamanho do disco ra\u00edz (GB)",
 "label.rootdisk": "Disco ra\u00edz",
diff --git a/ui/src/views/iam/RolePermissionTab.vue b/ui/src/views/iam/RolePermissionTab.vue
index fc67d746ca3a..18181d4d4074 100644
--- a/ui/src/views/iam/RolePermissionTab.vue
+++ b/ui/src/views/iam/RolePermissionTab.vue
@@ -18,9 +18,15 @@
 <template>
   <loading-outlined v-if="loadingTable" class="main-loading-spinner" />
   <div v-else>
+    <div style="width: 100%; display: flex; margin-bottom: 20px">
+      <a-button type="dashed" @click="exportRolePermissions" style="width: 100%">
+        <template #icon><download-outlined /></template>
+        {{ $t('label.export.rules') }}
+      </a-button>
+    </div>
     <a-input-search
       v-model:value="searchRule"
-      placeholder="Search Rule"
+      :placeholder="$t('label.rolepermissiontab.searchbar')"
       background-color="gray"
       style="width: 100%; margin-bottom: 10px; display: inline-block"
       enter-button
@@ -29,6 +35,7 @@
     <div v-if="updateTable" class="loading-overlay">
       <loading-outlined />
     </div>
+
     <div
       class="rules-list ant-list ant-list-bordered"
       :class="{'rules-list--overflow-hidden' : updateTable}" >
@@ -104,12 +111,6 @@
         </template>
       </draggable>
     </div>
-    <div style="width: 100%; display: flex; margin-top: 20px">
-      <a-button type="dashed" @click="exportRolePermissions" style="width: 100%">
-        <template #icon><download-outlined /></template>
-        {{ $t('label.export.rules') }}
-      </a-button>
-    </div>
   </div>
 </template>