From 4c15b99d9586aa48693213c78c02fba4639ebb85 Mon Sep 17 00:00:00 2001 From: dujinkim Date: Tue, 1 Jul 2025 11:47:47 +0000 Subject: (최겸) 인포메이션 기능 수정 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../table/information-table-columns.tsx | 248 --------------------- 1 file changed, 248 deletions(-) delete mode 100644 lib/information/table/information-table-columns.tsx (limited to 'lib/information/table/information-table-columns.tsx') diff --git a/lib/information/table/information-table-columns.tsx b/lib/information/table/information-table-columns.tsx deleted file mode 100644 index f84fd2f9..00000000 --- a/lib/information/table/information-table-columns.tsx +++ /dev/null @@ -1,248 +0,0 @@ -"use client" - -import * as React from "react" -import type { ColumnDef } from "@tanstack/react-table" -import { Badge } from "@/components/ui/badge" -import { Button } from "@/components/ui/button" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/components/ui/dropdown-menu" -import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header" -import type { DataTableRowAction } from "@/types/table" -import type { PageInformation } from "@/db/schema/information" -import { formatDate } from "@/lib/utils" -import { Ellipsis, FileText, Download } from "lucide-react" -import { informationColumnsConfig } from "@/config/informationColumnsConfig" - -interface GetColumnsProps { - setRowAction: React.Dispatch | null>> -} - -/** - * tanstack table 컬럼 정의 (중첩 헤더 버전) - */ -export function getInformationColumns({ setRowAction }: GetColumnsProps): ColumnDef[] { - // // ---------------------------------------------------------------- - // // 1) Select 컬럼 (체크박스) - // // ---------------------------------------------------------------- - // const selectColumn: ColumnDef = { - // id: "select", - // header: ({ table }) => ( - // table.toggleAllPageRowsSelected(!!value)} - // aria-label="Select all" - // className="translate-y-0.5" - // /> - // ), - // cell: ({ row }) => ( - // row.toggleSelected(!!value)} - // aria-label="Select row" - // className="translate-y-0.5" - // /> - // ), - // enableSorting: false, - // enableHiding: false, - // } - - // ---------------------------------------------------------------- - // 2) 일반 컬럼들을 "그룹"별로 묶어 중첩 columns 생성 - // ---------------------------------------------------------------- - const groupMap: Record[]> = {} - - informationColumnsConfig.forEach((cfg) => { - // 만약 group가 없으면 "_noGroup" 처리 - const groupName = cfg.group || "_noGroup" - - if (!groupMap[groupName]) { - groupMap[groupName] = [] - } - - // child column 정의 - const childCol: ColumnDef = { - accessorKey: cfg.id, - enableResizing: cfg.id === "description" || cfg.id === "noticeContent" ? false : true, - size: cfg.id === "description" || cfg.id === "noticeContent" ? 200 : undefined, - minSize: cfg.id === "description" || cfg.id === "noticeContent" ? 200 : undefined, - maxSize: cfg.id === "description" || cfg.id === "noticeContent" ? 200 : undefined, - header: ({ column }) => ( - - ), - meta: { - excelHeader: cfg.excelHeader, - group: cfg.group, - type: cfg.type, - }, - cell: ({ row }) => { - const value = row.getValue(cfg.id) - - if (cfg.id === "pageCode") { - return
{value as string}
- } - - if (cfg.id === "pageName") { - return
{value as string}
- } - - if (cfg.id === "title") { - return
{value as string}
- } - - if (cfg.id === "description") { - return ( -
- {value as string} -
- ) - } - - if (cfg.id === "noticeTitle") { - const noticeTitle = value as string - if (!noticeTitle) { - return - - } - return
{noticeTitle}
- } - - if (cfg.id === "noticeContent") { - const noticeContent = value as string - if (!noticeContent) { - return - - } - return ( -
- {noticeContent} -
- ) - } - - if (cfg.id === "attachmentFileName") { - const fileName = value as string - if (!fileName) { - return - - } - return ( -
- - - {fileName} - -
- ) - } - - if (cfg.id === "isActive") { - return ( - - {value ? "활성" : "비활성"} - - ) - } - - if (cfg.id === "createdAt" || cfg.id === "updatedAt") { - const dateVal = value as Date - return formatDate(dateVal) - } - - return value ?? "" - }, - } - - groupMap[groupName].push(childCol) - }) - - // ---------------------------------------------------------------- - // 3) groupMap에서 실제 상위 컬럼(그룹)을 만들기 - // ---------------------------------------------------------------- - const nestedColumns: ColumnDef[] = [] - - // 순서를 고정하고 싶다면 group 순서를 미리 정의하거나 sort해야 함 - // 여기서는 그냥 Object.entries 순서 - Object.entries(groupMap).forEach(([groupName, colDefs]) => { - if (groupName === "_noGroup") { - // 그룹 없음 → 그냥 최상위 레벨 컬럼 - nestedColumns.push(...colDefs) - } else { - // 상위 컬럼 - nestedColumns.push({ - id: groupName, - header: groupName, // "기본 정보", "공지사항" 등 - columns: colDefs, - }) - } - }) - - // ---------------------------------------------------------------- - // 4) Actions 컬럼 - // ---------------------------------------------------------------- - const actionsColumn: ColumnDef = { - id: "actions", - cell: ({ row }) => ( - - - - - - setRowAction({ row, type: "update" })} - > - 수정 - - {row.original.attachmentFileName && ( - <> - - { - if (row.original.attachmentFilePath) { - const link = document.createElement('a') - link.href = row.original.attachmentFilePath - link.download = row.original.attachmentFileName || '' - document.body.appendChild(link) - link.click() - document.body.removeChild(link) - } - }} - > - - 다운로드 - - - )} - - setRowAction({ row, type: "delete" })} - className="text-destructive" - > - 삭제 - - - - ), - enableSorting: false, - enableHiding: false, - } - - // ---------------------------------------------------------------- - // 5) 최종 컬럼 배열: select, nestedColumns, actions - // ---------------------------------------------------------------- - return [ - // selectColumn, - ...nestedColumns, - actionsColumn, - ] -} \ No newline at end of file -- cgit v1.2.3