Merge pull request #3496 from aziontech/fix/storage-create-button

[NO-ISSUE] fix: Object Storage list view + Bucket Button

Author: robsongajunior

src/views/EdgeStorage/ListView.vue

@@ -10,7 +10,7 @@
         "
       >
         <template #default>
-          <DataTable.ActionsButtons
+          <DataTableActionsButtons
             v-if="!selectedBucket"
             size="small"
             label="Bucket"
@@ -190,6 +190,7 @@
                       </DataTable.Header>
                     </div>
                   </template>
+
                   <DataTable.Column headerStyle="width: 3rem">
                     <template #header>
                       <Checkbox
@@ -446,6 +447,7 @@
   import ProgressCard from './components/ProgressCard.vue'
   import MoveObjectDialog from './Dialog/MoveObjectDialog.vue'
   import DataTable from '@aziontech/webkit/list-data-table'
+  import { DataTableActionsButtons } from '@/components/list-table'
   const DataTableColumnSelector = DataTable.ColumnSelector
   import { ref, computed, onMounted, onUnmounted, watch, inject } from 'vue'
   import { useRouter, useRoute } from 'vue-router'
@@ -553,7 +555,6 @@
   const renameValue = ref('')
   const isRenaming = ref(false)
 
-  // --- Inlined folder-list state ---
   const minimumOfItemsPerPage = ref(tableDefinitions.getNumberOfLinesPerPage)
   const isFileListLoading = ref(false)
   const fileData = ref([])
@@ -646,7 +647,6 @@
     return specialCharRegex.test(newFolderName.value)
   })
 
-  // --- Checkbox selection ---
   const toggleRowSelection = (rowData) => {
     if (rowData.isSkeletonRow || rowData.isFolder || rowData.isParentNav || rowData.isNewFolder)
       return
@@ -687,13 +687,11 @@
     return ''
   }
 
-  // --- Row icon ---
   const getRowIcon = (rowData) => {
     if (!rowData || !rowData.name) return 'mdi mdi-file text-gray-500'
     return getFileIcon(rowData)
   }
 
-  // --- Actions ---
   const showActions = (rowData) => {
     return (
       !rowData.isFolder &&
@@ -762,7 +760,6 @@
     }
   }
 
-  // --- Item click ---
   const editItemSelected = (item) => {
     if (item.isSkeletonRow || item.isNewFolder) return
 
@@ -774,7 +771,6 @@
     }
   }
 
-  // --- Breadcrumb ---
   const breadcrumbItems = computed(() => {
     if (!selectedBucket.value) return []
 
@@ -902,7 +898,6 @@
     showEllipsisPopup.value = true
   }
 
-  // --- Data loading ---
   const loadFileData = async () => {
     try {
       isFileListLoading.value = true
@@ -925,7 +920,6 @@
     loadFileData()
   }
 
-  // --- Original business logic ---
   const needFetchToAPI = computed(() => {
     return selectedBucket.value && (!selectedBucket.value.files || filesTableNeedRefresh.value)
   })
@@ -1223,7 +1217,6 @@
     breadcrumbs.update(route.meta.breadCrumbs ?? [], route)
   }
 
-  // --- Watchers ---
   watch(
     () => route.fullPath,
     () => {
@@ -1245,11 +1238,6 @@
     }
   )
 
-  watch(fileData, () => {
-    // emit on-load-data equivalent
-  })
-
-  // --- Document drag events ---
   const handleDocumentDragOver = (event) => {
     event.preventDefault()
     handleDrag(true)