diff options
| author | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-07-01 11:47:47 +0000 |
|---|---|---|
| committer | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-07-01 11:47:47 +0000 |
| commit | 4c15b99d9586aa48693213c78c02fba4639ebb85 (patch) | |
| tree | ef48f45deeb36f499b01851870f6077c8621f396 /lib/information/table/information-table-columns.tsx | |
| parent | 795b4915069c44f500a91638e16ded67b9e16618 (diff) | |
(최겸) 인포메이션 기능 수정
Diffstat (limited to 'lib/information/table/information-table-columns.tsx')
| -rw-r--r-- | lib/information/table/information-table-columns.tsx | 248 |
1 files changed, 0 insertions, 248 deletions
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<React.SetStateAction<DataTableRowAction<PageInformation> | null>> -} - -/** - * tanstack table 컬럼 정의 (중첩 헤더 버전) - */ -export function getInformationColumns({ setRowAction }: GetColumnsProps): ColumnDef<PageInformation>[] { - // // ---------------------------------------------------------------- - // // 1) Select 컬럼 (체크박스) - // // ---------------------------------------------------------------- - // const selectColumn: ColumnDef<PageInformation> = { - // id: "select", - // header: ({ table }) => ( - // <Checkbox - // checked={ - // table.getIsAllPageRowsSelected() || - // (table.getIsSomePageRowsSelected() && "indeterminate") - // } - // onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)} - // aria-label="Select all" - // className="translate-y-0.5" - // /> - // ), - // cell: ({ row }) => ( - // <Checkbox - // checked={row.getIsSelected()} - // onCheckedChange={(value) => row.toggleSelected(!!value)} - // aria-label="Select row" - // className="translate-y-0.5" - // /> - // ), - // enableSorting: false, - // enableHiding: false, - // } - - // ---------------------------------------------------------------- - // 2) 일반 컬럼들을 "그룹"별로 묶어 중첩 columns 생성 - // ---------------------------------------------------------------- - const groupMap: Record<string, ColumnDef<PageInformation>[]> = {} - - informationColumnsConfig.forEach((cfg) => { - // 만약 group가 없으면 "_noGroup" 처리 - const groupName = cfg.group || "_noGroup" - - if (!groupMap[groupName]) { - groupMap[groupName] = [] - } - - // child column 정의 - const childCol: ColumnDef<PageInformation> = { - 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 }) => ( - <DataTableColumnHeaderSimple column={column} title={cfg.label} /> - ), - meta: { - excelHeader: cfg.excelHeader, - group: cfg.group, - type: cfg.type, - }, - cell: ({ row }) => { - const value = row.getValue(cfg.id) - - if (cfg.id === "pageCode") { - return <div className=" text-sm">{value as string}</div> - } - - if (cfg.id === "pageName") { - return <div className="max-w-4 truncate font-medium">{value as string}</div> - } - - if (cfg.id === "title") { - return <div className="max-w-4 truncate">{value as string}</div> - } - - if (cfg.id === "description") { - return ( - <div className="truncate text-muted-foreground" style={{ width: '200px', maxWidth: '200px' }}> - {value as string} - </div> - ) - } - - if (cfg.id === "noticeTitle") { - const noticeTitle = value as string - if (!noticeTitle) { - return <span className="text-muted-foreground">-</span> - } - return <div className="max-w-xs truncate">{noticeTitle}</div> - } - - if (cfg.id === "noticeContent") { - const noticeContent = value as string - if (!noticeContent) { - return <span className="text-muted-foreground">-</span> - } - return ( - <div className="truncate text-muted-foreground" style={{ width: '200px', maxWidth: '200px' }}> - {noticeContent} - </div> - ) - } - - if (cfg.id === "attachmentFileName") { - const fileName = value as string - if (!fileName) { - return <span className="text-muted-foreground">-</span> - } - return ( - <div className="flex items-center gap-1"> - <FileText className="h-3 w-3" /> - <span className="text-sm truncate max-w-32" title={fileName}> - {fileName} - </span> - </div> - ) - } - - if (cfg.id === "isActive") { - return ( - <Badge variant={value ? "default" : "secondary"}> - {value ? "활성" : "비활성"} - </Badge> - ) - } - - 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<PageInformation>[] = [] - - // 순서를 고정하고 싶다면 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<PageInformation> = { - id: "actions", - cell: ({ row }) => ( - <DropdownMenu> - <DropdownMenuTrigger asChild> - <Button - aria-label="Open menu" - variant="ghost" - className="flex size-8 p-0 data-[state=open]:bg-muted" - > - <Ellipsis className="size-4" aria-hidden="true" /> - </Button> - </DropdownMenuTrigger> - <DropdownMenuContent align="end" className="w-40"> - <DropdownMenuItem - onSelect={() => setRowAction({ row, type: "update" })} - > - 수정 - </DropdownMenuItem> - {row.original.attachmentFileName && ( - <> - <DropdownMenuSeparator /> - <DropdownMenuItem - onSelect={() => { - 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) - } - }} - > - <Download className="mr-2 h-4 w-4" /> - 다운로드 - </DropdownMenuItem> - </> - )} - <DropdownMenuSeparator /> - <DropdownMenuItem - onSelect={() => setRowAction({ row, type: "delete" })} - className="text-destructive" - > - 삭제 - </DropdownMenuItem> - </DropdownMenuContent> - </DropdownMenu> - ), - enableSorting: false, - enableHiding: false, - } - - // ---------------------------------------------------------------- - // 5) 최종 컬럼 배열: select, nestedColumns, actions - // ---------------------------------------------------------------- - return [ - // selectColumn, - ...nestedColumns, - actionsColumn, - ] -}
\ No newline at end of file |
