jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

restapi 버튼 동작

Browse Source
This commit is contained in:
kjs
2025-09-29 12:17:10 +09:00
parent cedb5e3ec3
commit c9afdec09f
19 changed files with 1910 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/components/dataflow/DataFlowList.tsx
View File

@@ -96,14 +96,14 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
setTotal(response.pagination.total || 0);
setTotalPages(Math.max(1, Math.ceil((response.pagination.total || 0) / 20)));
} catch (error) {
console.error("관계도 목록 조회 실패", error);
toast.error("관계도 목록을 불러오는데 실패했습니다.");
console.error("관계 목록 조회 실패", error);
toast.error("관계 목록을 불러오는데 실패했습니다.");
} finally {
setLoading(false);
}
}, [currentPage, searchTerm, companyCode]);
// 관계도 목록 로드
// 관계 목록 로드
useEffect(() => {
loadDiagrams();
}, [loadDiagrams]);
@@ -130,13 +130,13 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
undefined,
user?.userId || "SYSTEM",
);
toast.success(`관계도가 성공적으로 복사되었습니다: ${copiedDiagram.diagram_name}`);
toast.success(`관계가 성공적으로 복사되었습니다: ${copiedDiagram.diagram_name}`);
// 목록 새로고침
await loadDiagrams();
} catch (error) {
console.error("관계도 복사 실패:", error);
toast.error("관계도 복사에 실패했습니다.");
console.error("관계 복사 실패:", error);
toast.error("관계 복사에 실패했습니다.");
} finally {
setLoading(false);
setShowCopyModal(false);
@@ -151,13 +151,13 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
try {
setLoading(true);
await DataFlowAPI.deleteJsonDataFlowDiagram(selectedDiagramForAction.diagramId, companyCode);
toast.success(`관계도가 삭제되었습니다: ${selectedDiagramForAction.diagramName}`);
toast.success(`관계가 삭제되었습니다: ${selectedDiagramForAction.diagramName}`);
// 목록 새로고침
await loadDiagrams();
} catch (error) {
console.error("관계도 삭제 실패:", error);
toast.error("관계도 삭제에 실패했습니다.");
console.error("관계 삭제 실패:", error);
toast.error("관계 삭제에 실패했습니다.");
} finally {
setLoading(false);
setShowDeleteModal(false);
@@ -181,7 +181,7 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<div className="relative">
<Search className="absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 transform text-gray-400" />
<Input
placeholder="관계도명, 테이블명으로 검색..."
placeholder="관계명, 테이블명으로 검색..."
value={searchTerm}
onChange={(e) => setSearchTerm(e.target.value)}
className="w-80 pl-10"
@@ -189,17 +189,17 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
</div>
</div>
<Button className="bg-blue-600 hover:bg-blue-700" onClick={() => onDesignDiagram(null)}>
<Plus className="mr-2 h-4 w-4" />새 관계도 생성
<Plus className="mr-2 h-4 w-4" />새 관계 생성
</Button>
</div>
{/* 관계도 목록 테이블 */}
{/* 관계 목록 테이블 */}
<Card>
<CardHeader>
<CardTitle className="flex items-center justify-between">
<span className="flex items-center">
<Network className="mr-2 h-5 w-5" />
데이터 흐름 관계도 ({total})
데이터 흐름 관계 ({total})
</span>
</CardTitle>
</CardHeader>
@@ -207,7 +207,7 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<Table>
<TableHeader>
<TableRow>
<TableHead>관계도명</TableHead>
<TableHead>관계명</TableHead>
<TableHead>회사 코드</TableHead>
<TableHead>테이블 수</TableHead>
<TableHead>관계 수</TableHead>
@@ -284,8 +284,8 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
{diagrams.length === 0 && (
<div className="py-8 text-center text-gray-500">
<Network className="mx-auto mb-4 h-12 w-12 text-gray-300" />
<div className="mb-2 text-lg font-medium">관계도가 없습니다</div>
<div className="text-sm">새 관계도를 생성하여 테이블 간 데이터 관계를 설정해보세요.</div>
<div className="mb-2 text-lg font-medium">관계가 없습니다</div>
<div className="text-sm">새 관계를 생성하여 테이블 간 데이터 관계를 설정해보세요.</div>
</div>
)}
</CardContent>
@@ -320,11 +320,11 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<Dialog open={showCopyModal} onOpenChange={setShowCopyModal}>
<DialogContent>
<DialogHeader>
<DialogTitle>관계도 복사</DialogTitle>
<DialogTitle>관계 복사</DialogTitle>
<DialogDescription>
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 관계도를 복사하시겠습니까?
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 관계를 복사하시겠습니까?
<br />
새로운 관계도는 원본 이름 뒤에 (1), (2), (3)... 형태로 생성됩니다.
새로운 관계는 원본 이름 뒤에 (1), (2), (3)... 형태로 생성됩니다.
</DialogDescription>
</DialogHeader>
<DialogFooter>
@@ -342,9 +342,9 @@ export default function DataFlowList({ onDesignDiagram }: DataFlowListProps) {
<Dialog open={showDeleteModal} onOpenChange={setShowDeleteModal}>
<DialogContent>
<DialogHeader>
<DialogTitle className="text-red-600">관계도 삭제</DialogTitle>
<DialogTitle className="text-red-600">관계 삭제</DialogTitle>
<DialogDescription>
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 관계도를 완전히 삭제하시겠습니까?
&ldquo;{selectedDiagramForAction?.diagramName}&rdquo; 관계를 완전히 삭제하시겠습니까?
<br />
<span className="font-medium text-red-600">
이 작업은 되돌릴 수 없으며, 모든 관계 정보가 영구적으로 삭제됩니다.