summaryrefslogtreecommitdiff
path: root/lib/information/table/information-table-columns.tsx
diff options
context:
space:
mode:
authordujinkim <dujin.kim@dtsolution.co.kr>2025-07-01 11:47:47 +0000
committerdujinkim <dujin.kim@dtsolution.co.kr>2025-07-01 11:47:47 +0000
commit4c15b99d9586aa48693213c78c02fba4639ebb85 (patch)
treeef48f45deeb36f499b01851870f6077c8621f396 /lib/information/table/information-table-columns.tsx
parent795b4915069c44f500a91638e16ded67b9e16618 (diff)
(최겸) 인포메이션 기능 수정
Diffstat (limited to 'lib/information/table/information-table-columns.tsx')
-rw-r--r--lib/information/table/information-table-columns.tsx248
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