[UXE-6359] feat: add export to csv button to waf rules tuning page (#…

…2194)

* feat: add export to csv button to waf rules tuning page

* fix: change responsive layout

src/templates/list-table-block/with-selection-behavior.vue

@@ -498,7 +498,7 @@
     }
   }
 
-  defineExpose({ reload, data })
+  defineExpose({ reload, data, handleExportTableDataToCSV })
 
   const extractFieldValue = (rowData, field) => {
     return rowData[field]

src/views/WafRules/ListWafRulesTuning.vue

@@ -53,12 +53,30 @@
         />
       </div>
     </div>
-    <advancedFilter
-      v-model:externalFilter="selectedFilter"
-      v-model:filterAdvanced="selectedFilterAdvanced"
-      :fieldsInFilter="listFields"
-      @applyFilter="filterSearch"
-    />
+    <div class="flex flex-col md:flex-row md:items-center gap-2">
+      <advancedFilter
+        v-model:externalFilter="selectedFilter"
+        v-model:filterAdvanced="selectedFilterAdvanced"
+        :fieldsInFilter="listFields"
+        @applyFilter="filterSearch"
+      />
+      <PrimeButton
+        class="md:hidden"
+        outlined
+        size="small"
+        label="Export to CSV"
+        icon="pi pi-download"
+        @click="downloadCSV"
+      />
+      <PrimeButton
+        class="hidden md:flex"
+        outlined
+        size="small"
+        icon="pi pi-download"
+        v-tooltip.bottom="{ value: 'Export to CSV', showDelay: 200 }"
+        @click="downloadCSV"
+      />
+    </div>
   </div>
   <ListTableBlock
     v-show="showListTable"
@@ -347,6 +365,10 @@
     filterTuning()
   }
 
+  const downloadCSV = () => {
+    listServiceWafTunningRef.value?.handleExportTableDataToCSV()
+  }
+
   const showToast = (summary, severity) => {
     return toast.add({
       severity,