diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2023-10-13 16:49:54 +0200 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2023-10-17 11:19:02 +0200 |
| commit | 16975ae45720945776155f026835cfdaf8491383 (patch) | |
| tree | 6eb6db9dee1d86a7da98c46b10d0dd9ea004dcc7 /apps/files/src/components/FileEntry | |
| parent | 694fd51cbaa18acbaa76a100010f00b904f96f7b (diff) | |
| download | nextcloud-server-16975ae45720945776155f026835cfdaf8491383.tar.gz nextcloud-server-16975ae45720945776155f026835cfdaf8491383.zip | |
feat(files): grid view
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files/src/components/FileEntry')
3 files changed, 16 insertions, 5 deletions
diff --git a/apps/files/src/components/FileEntry/FileEntryActions.vue b/apps/files/src/components/FileEntry/FileEntryActions.vue index e8af5c0fe16..040b59066ec 100644 --- a/apps/files/src/components/FileEntry/FileEntryActions.vue +++ b/apps/files/src/components/FileEntry/FileEntryActions.vue @@ -105,6 +105,10 @@ export default Vue.extend({ type: Boolean, default: false, }, + gridMode: { + type: Boolean, + default: false, + }, }, setup() { @@ -137,7 +141,7 @@ export default Vue.extend({ // Enabled action that are displayed inline enabledInlineActions() { - if (this.filesListWidth < 768) { + if (this.filesListWidth < 768 || this.gridMode) { return [] } return this.enabledActions.filter(action => action?.inline?.(this.source, this.currentView)) @@ -145,7 +149,7 @@ export default Vue.extend({ // Enabled action that are displayed inline with a custom render function enabledRenderActions() { - if (!this.visible) { + if (!this.visible || this.gridMode) { return [] } return this.enabledActions.filter(action => typeof action.renderInline === 'function') diff --git a/apps/files/src/components/FileEntry/FileEntryName.vue b/apps/files/src/components/FileEntry/FileEntryName.vue index d70eccec8a0..e54eacdbe9e 100644 --- a/apps/files/src/components/FileEntry/FileEntryName.vue +++ b/apps/files/src/components/FileEntry/FileEntryName.vue @@ -23,7 +23,6 @@ <!-- Rename input --> <form v-if="isRenaming" v-on-click-outside="stopRenaming" - :aria-hidden="!isRenaming" :aria-label="t('files', 'Rename file')" class="files-list__row-rename" @submit.prevent.stop="onRename"> @@ -98,6 +97,10 @@ export default Vue.extend({ type: Object as PropType<Node>, required: true, }, + gridMode: { + type: Boolean, + default: false, + }, }, setup() { diff --git a/apps/files/src/components/FileEntry/FileEntryPreview.vue b/apps/files/src/components/FileEntry/FileEntryPreview.vue index 7766980b144..076319428e5 100644 --- a/apps/files/src/components/FileEntry/FileEntryPreview.vue +++ b/apps/files/src/components/FileEntry/FileEntryPreview.vue @@ -99,6 +99,10 @@ export default Vue.extend({ type: Boolean, default: false, }, + gridMode: { + type: Boolean, + default: false, + }, }, setup() { @@ -146,8 +150,8 @@ export default Vue.extend({ const url = new URL(window.location.origin + previewUrl) // Request tiny previews - url.searchParams.set('x', '32') - url.searchParams.set('y', '32') + url.searchParams.set('x', this.gridMode ? '128' : '32') + url.searchParams.set('y', this.gridMode ? '128' : '32') url.searchParams.set('mimeFallback', 'true') // Handle cropping |