copy files

frontend/components/DirectoryEntry.vue

@@ -14,6 +14,7 @@ import {
 import type { DirectoryEntry } from '#shared/types';
 
 const warrenStore = useWarrenStore();
+const copyStore = useCopyStore();
 const renameDialog = useRenameDirectoryDialog();
 
 const { entry, disabled } = defineProps<{
@@ -22,6 +23,14 @@ const { entry, disabled } = defineProps<{
 }>();
 
 const deleting = ref(false);
+const isCopied = computed(
+    () =>
+        warrenStore.current != null &&
+        copyStore.file != null &&
+        warrenStore.current.warrenId === copyStore.file.warrenId &&
+        warrenStore.current.path === copyStore.file.path &&
+        entry.name === copyStore.file.name
+);
 
 async function submitDelete(force: boolean = false) {
     if (warrenStore.current == null) {
@@ -89,6 +98,18 @@ function onDragStart(e: DragEvent) {
 }
 
 const onDrop = onDirectoryEntryDrop(entry);
+
+function onCopy() {
+    if (warrenStore.current == null) {
+        return;
+    }
+
+    copyStore.copyFile(
+        warrenStore.current.warrenId,
+        warrenStore.current.path,
+        entry.name
+    );
+}
 </script>
 
 <template>
@@ -96,7 +117,10 @@ const onDrop = onDirectoryEntryDrop(entry);
         <ContextMenuTrigger>
             <button
                 :disabled="warrenStore.loading || disabled"
-                class="bg-accent/30 border-border flex w-52 translate-0 flex-row gap-4 overflow-hidden rounded-md border-1 px-4 py-2 select-none"
+                :class="[
+                    'bg-accent/30 border-border flex w-52 translate-0 flex-row gap-4 overflow-hidden rounded-md border-1 px-4 py-2 select-none',
+                    isCopied && 'border-primary/50 border',
+                ]"
                 draggable="true"
                 @dragstart="onDragStart"
                 @drop="onDrop"
@@ -124,6 +148,10 @@ const onDrop = onDirectoryEntryDrop(entry);
                 <Icon name="lucide:pencil" />
                 Rename
             </ContextMenuItem>
+            <ContextMenuItem @select="onCopy">
+                <Icon name="lucide:copy" />
+                Copy
+            </ContextMenuItem>
 
             <ContextMenuSeparator />