|
5 | 5 | <template #actions> |
6 | 6 | <object-upload-stats /> |
7 | 7 | <object-delete-stats /> |
8 | | - <Button variant="outline" @click="() => handleNewObject(true)"> |
| 8 | + <!-- <Button variant="outline" @click="() => handleNewObject(true)"> |
9 | 9 | <Icon name="ri:add-line" class="size-4" /> |
10 | 10 | <span>{{ t('New Folder') }}</span> |
11 | | - </Button> |
| 11 | + </Button> --> |
12 | 12 | <Button variant="outline" @click="() => (uploadPickerVisible = true)"> |
13 | 13 | <Icon name="ri:file-add-line" class="size-4" /> |
14 | 14 | <span>{{ t('Upload File') }}/{{ t('Folder') }}</span> |
15 | 15 | </Button> |
16 | | - <Button |
17 | | - variant="outline" |
18 | | - class="text-destructive border-destructive" |
19 | | - :disabled="!checkedKeys.length" |
20 | | - v-show="checkedKeys.length" |
21 | | - @click="handleBatchDelete" |
22 | | - > |
| 16 | + <Button variant="outline" class="text-destructive border-destructive" :disabled="!checkedKeys.length" v-show="checkedKeys.length" @click="handleBatchDelete"> |
23 | 17 | <Icon name="ri:delete-bin-5-line" class="size-4" /> |
24 | 18 | <span>{{ t('Delete Selected') }}</span> |
25 | 19 | </Button> |
|
34 | 28 | </template> |
35 | 29 | </page-header> |
36 | 30 |
|
37 | | - <DataTable |
38 | | - :table="table" |
39 | | - :is-loading="loading" |
40 | | - :empty-title="t('No Objects')" |
41 | | - :empty-description="t('Upload files or create folders to populate this bucket.')" |
42 | | - /> |
| 31 | + <DataTable :table="table" :is-loading="loading" :empty-title="t('No Objects')" :empty-description="t('Upload files or create folders to populate this bucket.')" /> |
43 | 32 |
|
44 | 33 | <div class="flex justify-end gap-2"> |
45 | 34 | <Button variant="outline" :disabled="!continuationToken" @click="goToPreviousPage"> |
|
53 | 42 | </div> |
54 | 43 | </div> |
55 | 44 |
|
56 | | - <object-upload-picker |
57 | | - :show="uploadPickerVisible" |
58 | | - :bucketName="bucketName" |
59 | | - :prefix="prefix" |
60 | | - @update:show=" |
61 | | - val => { |
62 | | - uploadPickerVisible = val |
63 | | - refresh() |
64 | | - } |
65 | | - " |
66 | | - /> |
67 | | - <object-new-form |
68 | | - :show="newObjectFormVisible" |
69 | | - :bucketName="bucketName" |
70 | | - :prefix="prefix" |
71 | | - :asPrefix="newObjectAsPrefix" |
72 | | - @update:show=" |
73 | | - val => { |
74 | | - newObjectFormVisible = val |
75 | | - refresh() |
76 | | - } |
77 | | - " |
78 | | - /> |
| 45 | + <object-upload-picker :show="uploadPickerVisible" :bucketName="bucketName" :prefix="prefix" @update:show=" |
| 46 | + val => { |
| 47 | + uploadPickerVisible = val |
| 48 | + refresh() |
| 49 | + } |
| 50 | + " /> |
| 51 | + <object-new-form :show="newObjectFormVisible" :bucketName="bucketName" :prefix="prefix" :asPrefix="newObjectAsPrefix" @update:show=" |
| 52 | + val => { |
| 53 | + newObjectFormVisible = val |
| 54 | + refresh() |
| 55 | + } |
| 56 | + " /> |
79 | 57 | <object-info ref="infoRef" :bucket-name="bucketName" @refresh-parent="handleObjectDeleted" /> |
80 | 58 | </template> |
81 | 59 |
|
@@ -285,14 +263,14 @@ const columns = computed<ColumnDef<ObjectRow, any>[]>(() => { |
285 | 263 | h('div', { class: 'flex items-center gap-2' }, [ |
286 | 264 | row.original.type === 'object' |
287 | 265 | ? h( |
288 | | - Button, |
289 | | - { |
290 | | - variant: 'outline', |
291 | | - size: 'sm', |
292 | | - onClick: () => downloadFile(row.original.Key), |
293 | | - }, |
294 | | - () => [h(Icon, { name: 'ri:download-cloud-2-line', class: 'size-4' }), h('span', t('Download'))] |
295 | | - ) |
| 266 | + Button, |
| 267 | + { |
| 268 | + variant: 'outline', |
| 269 | + size: 'sm', |
| 270 | + onClick: () => downloadFile(row.original.Key), |
| 271 | + }, |
| 272 | + () => [h(Icon, { name: 'ri:download-cloud-2-line', class: 'size-4' }), h('span', t('Download'))] |
| 273 | + ) |
296 | 274 | : null, |
297 | 275 | h( |
298 | 276 | Button, |
|
0 commit comments