From b54f6f03150dd78d86db62201b6386bf14b72394 Mon Sep 17 00:00:00 2001 From: dujinkim Date: Wed, 15 Oct 2025 12:52:11 +0000 Subject: (대표님) 커버, 데이터룸, 파일매니저, 담당자할당 등 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/file-manager/FileManager.tsx | 729 +++++++++++--------------------- 1 file changed, 244 insertions(+), 485 deletions(-) (limited to 'components/file-manager/FileManager.tsx') diff --git a/components/file-manager/FileManager.tsx b/components/file-manager/FileManager.tsx index fa2d8c38..f92f6b04 100644 --- a/components/file-manager/FileManager.tsx +++ b/components/file-manager/FileManager.tsx @@ -266,10 +266,6 @@ const TreeItem: React.FC<{ {isInternalUser && ( <> - onShare(item)}> - - Share - {item.permissions?.canEdit && ( onRename(item)}> @@ -624,44 +620,6 @@ export function FileManager({ projectId }: FileManagerProps) { } }; - // Share file - const shareFile = async () => { - if (!selectedFile) return; - - try { - const response = await fetch(`/api/data-room/${projectId}/share`, { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify({ - fileId: selectedFile.id, - ...shareSettings, - }), - }); - - if (!response.ok) { - throw new Error('Failed to create share link'); - } - - const data = await response.json(); - - // Copy share link to clipboard - await navigator.clipboard.writeText(data.shareUrl); - - toast({ - title: 'Share Link Created', - description: 'Link copied to clipboard.', - }); - - setShareDialogOpen(false); - setSelectedFile(null); - } catch (error) { - toast({ - title: 'Error', - description: 'Failed to create share link.', - variant: 'destructive', - }); - } - }; // Download multiple files const downloadMultipleFiles = async (itemIds: string[]) => { @@ -974,9 +932,9 @@ export function FileManager({ projectId }: FileManagerProps) { }; return ( -
- {/* Toolbar */} -
+
+ {/* Toolbar - 고정 */} +
{isInternalUser && ( @@ -1091,204 +1049,114 @@ export function FileManager({ projectId }: FileManagerProps) {
- {/* File List */} - - {loading ? ( -
-
Loading...
-
- ) : filteredItems.length === 0 ? ( -
- -

Empty

-
- ) : viewMode === 'grid' ? ( -
- {filteredItems.map((item) => { - const CategoryIcon = categoryConfig[item.category].icon; - const categoryColor = categoryConfig[item.category].color; - - return ( - - -
toggleItemSelection(item.id)} - onDoubleClick={() => { - if (item.type === 'folder') { - handleFolderOpen(item); - } - }} - > -
- {item.type === 'folder' ? ( - - ) : ( - - )} - -
- - - {item.name} - + {/* File List - 스크롤 가능 영역 */} +
+ +
+ {loading ? ( +
+
Loading...
+
+ ) : filteredItems.length === 0 ? ( +
+ +

Empty

+
+ ) : viewMode === 'grid' ? ( +
+ {filteredItems.map((item) => { + const CategoryIcon = categoryConfig[item.category].icon; + const categoryColor = categoryConfig[item.category].color; - {item.viewCount !== undefined && ( -
- - - {item.viewCount} - - {item.downloadCount !== undefined && ( - - - {item.downloadCount} - + return ( + + +
- )} -
- - - - {item.type === 'folder' && ( - <> - handleFolderOpen(item)}> - Open - - downloadFolder(item)}> - - Download Folder - - - )} - - {item.type === 'file' && ( - <> - viewFile(item)}> - - View - - {item.permissions?.canDownload === 'true' && ( - downloadFile(item)}> - - Download - - )} - - )} - - {isInternalUser && ( - <> - - - - - Change Category - - - {Object.entries(categoryConfig).map(([key, config]) => ( - { - if (item.type === 'folder') { - // Show dialog for folders - setSelectedFile(item); - setNewCategory(key); - setCategoryDialogOpen(true); - } else { - // Change immediately for files - changeCategory(item.id, key, false); - } - }} - > - - {config.label} - - ))} - - - - { - setSelectedFile(item); - setShareDialogOpen(true); + onClick={() => toggleItemSelection(item.id)} + onDoubleClick={() => { + if (item.type === 'folder') { + handleFolderOpen(item); + } }} > - - Share - - - {item.permissions?.canEdit && ( - { - setSelectedFile(item); - setDialogValue(item.name); - setRenameDialogOpen(true); - }}> - - Rename - - )} - - )} +
+ {item.type === 'folder' ? ( + + ) : ( + + )} + +
+ + + {item.name} + - {item.permissions?.canDelete && ( - <> - - deleteItems([item.id])} - > - - Delete - - - )} - - - ); - })} -
- ) : ( - // Tree View -
- {filteredTreeItems.map((item) => ( - { - setSelectedFile(item); - setShareDialogOpen(true); - }} - onRename={(item) => { - setSelectedFile(item); - setDialogValue(item.name); - setRenameDialogOpen(true); - }} - isInternalUser={isInternalUser} - /> - ))} + {item.viewCount !== undefined && ( +
+ + + {item.viewCount} + + {item.downloadCount !== undefined && ( + + + {item.downloadCount} + + )} +
+ )} +
+ + + {/* ... ContextMenuContent는 동일 ... */} + + ); + })} +
+ ) : ( + // Tree View +
+ {filteredTreeItems.map((item) => ( + { + setSelectedFile(item); + setShareDialogOpen(true); + }} + onRename={(item) => { + setSelectedFile(item); + setDialogValue(item.name); + setRenameDialogOpen(true); + }} + isInternalUser={isInternalUser} + /> + ))} +
+ )}
- )} - + +
{/* Upload Dialog */} - + Upload Files @@ -1296,138 +1164,154 @@ export function FileManager({ projectId }: FileManagerProps) { -
- {/* Category Selection */} -
- - + + + + + {Object.entries(categoryConfig) + .filter(([key]) => { + // 현재 폴더가 있는 경우 + if (currentParentId) { + const currentFolder = items.find(item => item.parentId === currentParentId); + // 현재 폴더가 public이 아니면 public 옵션 제외 + if (currentFolder && currentFolder.category !== 'public') { + return key !== 'public'; + } } - } - // 루트 폴더이거나 현재 폴더가 public인 경우 모든 옵션 표시 - return true; - }) - .map(([key, config]) => ( - -
- - {config.label} -
- - ))} - - - {/* 현재 폴더 정보 표시 (선택사항) */} - {currentParentId && (() => { - const currentFolder = items.find(item => item.parentId === currentParentId); - if (currentFolder && currentFolder.category !== 'public') { - return ( -

- - Current folder is {categoryConfig[currentFolder.category].label}. - Public uploads are not allowed. -

- ); - } - })()} -
+ // 루트 폴더이거나 현재 폴더가 public인 경우 모든 옵션 표시 + return true; + }) + .map(([key, config]) => ( + +
+ + {config.label} +
+ + ))} + + + {/* 현재 폴더 정보 표시 (선택사항) */} + {currentParentId && (() => { + const currentFolder = items.find(item => item.parentId === currentParentId); + if (currentFolder && currentFolder.category !== 'public') { + return ( +

+ + Current folder is {categoryConfig[currentFolder.category].label}. + Public uploads are not allowed. +

+ ); + } + })()} +
- {/* Dropzone */} - { - handleFileUpload(acceptedFiles); - }} - accept={{ - 'application/pdf': ['.pdf'], - 'application/msword': ['.doc'], - 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'], - 'application/vnd.ms-excel': ['.xls'], - 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'], - 'application/vnd.ms-powerpoint': ['.ppt'], - 'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['.pptx'], - 'text/plain': ['.txt'], - 'text/csv': ['.csv'], - 'image/*': ['.png', '.jpg', '.jpeg', '.gif', '.bmp', '.webp'], - 'application/zip': ['.zip'], - 'application/x-rar-compressed': ['.rar'], - 'application/x-7z-compressed': ['.7z'], - 'application/x-dwg': ['.dwg'], - 'application/x-dxf': ['.dxf'], - }} - multiple={true} - disabled={false} - > - - -
- - Drag files or click to upload - Multiple files can be uploaded simultaneously -
- - - - {/* Uploading File List */} - {uploadingFiles.length > 0 && ( - - Uploading Files - {uploadingFiles.map((uploadFile, index) => ( - - - - - - {uploadFile.file.name} - -
- {uploadFile.file.size} - {uploadFile.status === 'uploading' && Uploading...} - {uploadFile.status === 'processing' && Processing...} - {uploadFile.status === 'completed' && ( - Complete - )} - {uploadFile.status === 'error' && ( - {uploadFile.error} + {/* Dropzone */} + { + handleFileUpload(acceptedFiles); + }} + accept={{ + 'application/pdf': ['.pdf'], + 'application/msword': ['.doc'], + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'], + 'application/vnd.ms-excel': ['.xls'], + 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'], + 'application/vnd.ms-powerpoint': ['.ppt'], + 'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['.pptx'], + 'text/plain': ['.txt'], + 'text/csv': ['.csv'], + 'image/*': ['.png', '.jpg', '.jpeg', '.gif', '.bmp', '.webp'], + 'application/zip': ['.zip'], + 'application/x-rar-compressed': ['.rar'], + 'application/x-7z-compressed': ['.7z'], + 'application/x-dwg': ['.dwg'], + 'application/x-dxf': ['.dxf'], + }} + multiple={true} + disabled={false} + > + + +
+ + Drag files or click to upload + Multiple files can be uploaded simultaneously +
+ + + + {/* Uploading File List */} + {uploadingFiles.length > 0 && ( +
+
+

+ Uploading Files ({uploadingFiles.filter(f => f.status === 'completed').length}/{uploadingFiles.length}) +

+ {uploadingFiles.every(f => f.status === 'completed' || f.status === 'error') && ( + + )} +
+
+ {uploadingFiles.map((uploadFile, index) => ( +
+ +
+

{uploadFile.file.name}

+
+ + {formatFileSize(uploadFile.file.size)} + + + {uploadFile.status === 'pending' && 'Waiting...'} + {uploadFile.status === 'uploading' && 'Uploading...'} + {uploadFile.status === 'processing' && 'Processing...'} + {uploadFile.status === 'completed' && ( + ✓ Complete + )} + {uploadFile.status === 'error' && ( + ✗ {uploadFile.error} + )} + +
+ {(uploadFile.status === 'uploading' || uploadFile.status === 'processing') && ( + )}
- {(uploadFile.status === 'uploading' || uploadFile.status === 'processing') && ( - + {uploadFile.status === 'error' && ( + )} - - - - {uploadFile.status === 'error' && ( - - )} - - - ))} - - )} -
+
+ ))} +
+
+ )} +
+ - + - - - - {/* Rename Dialog */} -- cgit v1.2.3