From 95bbe9c583ff841220da1267630e7b2025fc36dc Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Thu, 19 Jun 2025 09:44:28 +0000
Subject: (대표님) 20250619 1844 KST 작업사항
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../table/general-check-table-columns.tsx          | 138 +++++++++++++++++++++
 1 file changed, 138 insertions(+)
 create mode 100644 lib/general-check-list/table/general-check-table-columns.tsx

(limited to 'lib/general-check-list/table/general-check-table-columns.tsx')

diff --git a/lib/general-check-list/table/general-check-table-columns.tsx b/lib/general-check-list/table/general-check-table-columns.tsx
new file mode 100644
index 00000000..c764686d
--- /dev/null
+++ b/lib/general-check-list/table/general-check-table-columns.tsx
@@ -0,0 +1,138 @@
+"use client";
+import * as React from "react";
+import { type ColumnDef } from "@tanstack/react-table";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Ellipsis, Pencil, Trash } from "lucide-react";
+import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header";
+import { DeleteEvaluationsDialog } from "./delete-check-lists-dialog";
+import { EditEvaluationSheet } from "./update-check-list-sheet";
+
+
+export interface GeneralEvaluationRow {
+  id: number;
+  serialNumber: string;
+  category: string;
+  inspectionItem: string;
+  remarks: string | null;
+  isActive: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export function getGeneralEvaluationColumns(): ColumnDef<GeneralEvaluationRow>[] {
+  return [
+    // Checkbox 
+    {
+      id: "select",
+      header: ({ table }) => (
+        <Checkbox
+          checked={table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && "indeterminate")}
+          onCheckedChange={(v) => table.toggleAllPageRowsSelected(!!v)}
+          aria-label="select all"
+          className="translate-y-0.5"
+        />
+      ),
+      cell: ({ row }) => (
+        <Checkbox
+          checked={row.getIsSelected()}
+          onCheckedChange={(v) => row.toggleSelected(!!v)}
+          aria-label="select row"
+          className="translate-y-0.5"
+        />
+      ),
+      size: 40,
+      enableSorting: false,
+      enableHiding: false,
+    },
+
+    // ░░░ Serial Number ░░░
+    {
+      accessorKey: "serialNumber",
+      header: ({ column }) => <DataTableColumnHeaderSimple column={column} title="시리얼" />,
+      cell: ({ row }) => row.getValue("serialNumber"),
+      size: 120,
+    },
+
+    // ░░░ Category ░░░
+    {
+      accessorKey: "category",
+      header: ({ column }) => <DataTableColumnHeaderSimple column={column} title="카테고리" />,
+      cell: ({ row }) => <Badge>{row.getValue("category")}</Badge>,
+      size: 120,
+    },
+
+    // ░░░ Inspection Item ░░░
+    {
+      accessorKey: "inspectionItem",
+      header: ({ column }) => <DataTableColumnHeaderSimple column={column} title="점검 항목" />,
+      cell: ({ row }) => (
+        <div className="truncate max-w-[300px]" title={row.getValue<string>("inspectionItem")!}>
+          {row.getValue("inspectionItem") as string}
+        </div>
+      ),
+      size: 300,
+    },
+
+    // ░░░ Remarks ░░░
+    {
+      accessorKey: "remarks",
+      header: ({ column }) => <DataTableColumnHeaderSimple column={column} title="비고" />,
+      cell: ({ row }) => row.getValue("remarks") ?? <span className="text-muted-foreground">-</span>,
+      size: 200,
+    },
+
+    // ░░░ 활성 ░░░
+    {
+      accessorKey: "isActive",
+      header: ({ column }) => <DataTableColumnHeaderSimple column={column} title="활성" />,
+      cell: ({ row }) => (row.getValue("isActive") ? <Badge variant="default">활성</Badge> : <Badge variant="secondary">비활성</Badge>),
+      size: 80,
+    },
+
+    // ░░░ Actions ░░░
+    {
+      id: "actions",
+      enableHiding: false,
+      size: 40,
+      minSize:80,
+      cell: ({ row }) => {
+        const record = row.original;
+        const [openEdit, setOpenEdit] = React.useState(false);
+        const [openDelete, setOpenDelete] = React.useState(false);
+
+        return (
+          <>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8"
+              onClick={() => setOpenEdit(true)}
+              aria-label="edit"
+            >
+              <Pencil className="size-4" />
+            </Button>
+            <Button
+              variant="ghost"
+              size="icon"
+              className="size-8"
+              onClick={() => setOpenDelete(true)}
+              aria-label="delete"
+            >
+              <Trash className="size-4" />
+            </Button>
+
+            <EditEvaluationSheet open={openEdit} onOpenChange={setOpenEdit} evaluation={record}  />
+            <DeleteEvaluationsDialog
+              open={openDelete}
+              onOpenChange={setOpenDelete}
+              evaluations={[record]}
+              showTrigger={false}
+            />
+          </>
+        );
+      },
+    },
+  ];
+}
-- 
cgit v1.2.3