diff options
Diffstat (limited to 'apps/files/src/components/FilesListVirtual.vue')
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index d4c3d9495b7..52ba69d8b97 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -12,7 +12,7 @@ isMtimeAvailable, isSizeAvailable, nodes, - filesListWidth, + fileListWidth, }" :scroll-to-index="scrollToIndex" :caption="caption"> @@ -39,7 +39,7 @@ <template #header> <!-- Table header and sort buttons --> <FilesListTableHeader ref="thead" - :files-list-width="filesListWidth" + :files-list-width="fileListWidth" :is-mtime-available="isMtimeAvailable" :is-size-available="isSizeAvailable" :nodes="nodes" /> @@ -48,7 +48,7 @@ <!-- Tfoot--> <template #footer> <FilesListTableFooter :current-view="currentView" - :files-list-width="filesListWidth" + :files-list-width="fileListWidth" :is-mtime-available="isMtimeAvailable" :is-size-available="isSizeAvailable" :nodes="nodes" @@ -69,6 +69,7 @@ import { subscribe, unsubscribe } from '@nextcloud/event-bus' import { defineComponent } from 'vue' import { action as sidebarAction } from '../actions/sidebarAction.ts' +import { useFileListWidth } from '../composables/useFileListWidth.ts' import { useRouteParameters } from '../composables/useRouteParameters.ts' import { getSummaryFor } from '../utils/fileUtils' import { useSelectionStore } from '../store/selection.js' @@ -79,7 +80,6 @@ import FileEntryGrid from './FileEntryGrid.vue' import FilesListHeader from './FilesListHeader.vue' import FilesListTableFooter from './FilesListTableFooter.vue' import FilesListTableHeader from './FilesListTableHeader.vue' -import filesListWidthMixin from '../mixins/filesListWidth.ts' import VirtualList from './VirtualList.vue' import logger from '../logger.ts' import FilesListTableHeaderActions from './FilesListTableHeaderActions.vue' @@ -97,10 +97,6 @@ export default defineComponent({ FilesListTableHeaderActions, }, - mixins: [ - filesListWidthMixin, - ], - props: { currentView: { type: View, @@ -119,10 +115,12 @@ export default defineComponent({ setup() { const userConfigStore = useUserConfigStore() const selectionStore = useSelectionStore() + const fileListWidth = useFileListWidth() const { fileId, openFile } = useRouteParameters() return { fileId, + fileListWidth, openFile, userConfigStore, @@ -151,14 +149,14 @@ export default defineComponent({ isMtimeAvailable() { // Hide mtime column on narrow screens - if (this.filesListWidth < 768) { + if (this.fileListWidth < 768) { return false } return this.nodes.some(node => node.mtime !== undefined) }, isSizeAvailable() { // Hide size column on narrow screens - if (this.filesListWidth < 768) { + if (this.fileListWidth < 768) { return false } return this.nodes.some(node => node.size !== undefined) |