From 36860aec5f12782b9ad1ccc1cac58f26989610c5 Mon Sep 17 00:00:00 2001
From: namdh861 <namdh861@gmail.com>
Date: Mon, 14 Sep 2026 20:44:01 +0700
Subject: [PATCH] feat: add delete folder

---
 src/components/DocumentTreePanel.vue   |  2 +-
 src/components/DocumentViewerModal.vue |  2 +-
 src/views/documents/DocumentsView.vue  | 25 ++++++++++++++++++++++++-
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/DocumentTreePanel.vue b/src/components/DocumentTreePanel.vue
index 4f951bf..fa9fc66 100644
--- a/src/components/DocumentTreePanel.vue
+++ b/src/components/DocumentTreePanel.vue
@@ -124,6 +124,6 @@ function formatDate(v?: string | null) {
 }
 
 function onNodeSelect(node: { key?: string; data?: DocumentNode }) {
-  if (node.key && node.data?.type === 'Document') emit('select', node.key)
+  if (node.key) emit('select', node.key)
 }
 </script>
diff --git a/src/components/DocumentViewerModal.vue b/src/components/DocumentViewerModal.vue
index 1b5ff93..65d74dd 100644
--- a/src/components/DocumentViewerModal.vue
+++ b/src/components/DocumentViewerModal.vue
@@ -38,7 +38,7 @@
             />
           </template>
           <template v-else>
-            <Button v-if="canEdit" icon="pi pi-pencil" label="Edit" size="small" @click="$emit('edit')" />
+            <Button v-if="canEdit && doc?.type === 'Document'" icon="pi pi-pencil" label="Edit" size="small" @click="$emit('edit')" />
             <Button v-if="canEdit" icon="pi pi-folder-open" text severity="secondary" size="small" aria-label="Move to folder" @click="$emit('move')" />
             <Button v-if="canDelete" icon="pi pi-trash" text severity="danger" size="small" aria-label="Delete" @click="$emit('delete')" />
             <Button
diff --git a/src/views/documents/DocumentsView.vue b/src/views/documents/DocumentsView.vue
index 089f4b0..6877ea1 100644
--- a/src/views/documents/DocumentsView.vue
+++ b/src/views/documents/DocumentsView.vue
@@ -329,10 +329,33 @@ async function onMove() {
   }
 }
 
+function countDescendants(nodes: DocumentNode[]): number {
+  return nodes.reduce((sum, node) => sum + 1 + countDescendants(node.children), 0)
+}
+
+function findNode(nodes: DocumentNode[], id: string): DocumentNode | null {
+  for (const node of nodes) {
+    if (node.id === id) return node
+    const found = findNode(node.children, id)
+    if (found) return found
+  }
+  return null
+}
+
+function deleteMessage(): string {
+  if (!doc.value) return ''
+  if (doc.value.type !== 'Folder') return `Delete "${doc.value.title}"?`
+  const node = findNode(tree.value, doc.value.id)
+  const count = node ? countDescendants(node.children) : 0
+  return count > 0
+    ? `Delete folder "${doc.value.title}" and the ${count} item${count === 1 ? '' : 's'} inside it? This cannot be undone.`
+    : `Delete folder "${doc.value.title}"?`
+}
+
 function confirmDelete() {
   if (!doc.value) return
   confirm.require({
-    message: `Delete "${doc.value.title}"?`,
+    message: deleteMessage(),
     header: 'Delete',
     acceptProps: { severity: 'danger' },
     rejectProps: { severity: 'secondary', outlined: true },