Vasanko/cista-storage
Vasanko/cista-storage
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add file context menu (only rename for now).

Browse Source
This commit is contained in:
Leo Vasanko 2023-11-13 10:09:12 -08:00
parent 5dd1bd9bdc
commit 6880f82c19
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/FileExplorer.vue
View File

@ -86,6 +86,7 @@ import FileRenameInput from './FileRenameInput.vue'
import { connect, controlUrl } from '@/repositories/WS' import { connect, controlUrl } from '@/repositories/WS'
import { collator, formatSize } from '@/utils' import { collator, formatSize } from '@/utils'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import ContextMenu from '@imengyu/vue3-context-menu'
const props = defineProps<{ const props = defineProps<{
path: Array<string> path: Array<string>
@ -302,9 +303,13 @@ const allSelected = computed({
const loc = computed(() => props.path.join('/')) const loc = computed(() => props.path.join('/'))
const contextMenu = (ev: Event, doc: Doc) => { const contextMenu = (ev: MouseEvent, doc: Doc) => {
cursor.value = doc cursor.value = doc
console.log('Context menu', ev, doc) ContextMenu.showContextMenu({
x: ev.x, y: ev.y, items: [
{ label: 'Rename', onClick: () => { editing.value = doc } },
],
})
} }
</script> </script>