From d0d2eaa2de58a0c33e9a21604b126961403cd69e Mon Sep 17 00:00:00 2001 From: dujinkim Date: Wed, 14 May 2025 06:12:13 +0000 Subject: (최겸) 기술영업 조선, 해양Top, 해양 Hull 아이템 리스트 개발(CRUD, excel import/export/template) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/items-ship/table/Items-ship-table.tsx | 141 ----------- lib/items-ship/table/add-items-dialog.tsx | 211 ----------------- lib/items-ship/table/delete-items-dialog.tsx | 154 ------------ lib/items-ship/table/feature-flags.tsx | 96 -------- lib/items-ship/table/import-excel-button.tsx | 263 --------------------- lib/items-ship/table/import-item-handler.tsx | 145 ------------ lib/items-ship/table/item-excel-template.tsx | 122 ---------- lib/items-ship/table/items-ship-table-columns.tsx | 244 ------------------- .../table/items-table-toolbar-actions.tsx | 177 -------------- lib/items-ship/table/update-items-sheet.tsx | 202 ---------------- 10 files changed, 1755 deletions(-) delete mode 100644 lib/items-ship/table/Items-ship-table.tsx delete mode 100644 lib/items-ship/table/add-items-dialog.tsx delete mode 100644 lib/items-ship/table/delete-items-dialog.tsx delete mode 100644 lib/items-ship/table/feature-flags.tsx delete mode 100644 lib/items-ship/table/import-excel-button.tsx delete mode 100644 lib/items-ship/table/import-item-handler.tsx delete mode 100644 lib/items-ship/table/item-excel-template.tsx delete mode 100644 lib/items-ship/table/items-ship-table-columns.tsx delete mode 100644 lib/items-ship/table/items-table-toolbar-actions.tsx delete mode 100644 lib/items-ship/table/update-items-sheet.tsx (limited to 'lib/items-ship/table') diff --git a/lib/items-ship/table/Items-ship-table.tsx b/lib/items-ship/table/Items-ship-table.tsx deleted file mode 100644 index 6fec9ac0..00000000 --- a/lib/items-ship/table/Items-ship-table.tsx +++ /dev/null @@ -1,141 +0,0 @@ -"use client" - -import * as React from "react" -import type { - DataTableFilterField, - DataTableAdvancedFilterField, - DataTableRowAction, -} from "@/types/table" - -import { useDataTable } from "@/hooks/use-data-table" -import { DataTable } from "@/components/data-table/data-table" -import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar" -import { getShipbuildingItems } from "../service" -import { getShipbuildingColumns } from "./items-ship-table-columns" -import { ItemsTableToolbarActions } from "./items-table-toolbar-actions" -import { DeleteItemsDialog } from "./delete-items-dialog" -import { UpdateItemSheet } from "./update-items-sheet" - -// 서비스에서 반환하는 데이터 타입 정의 -type ShipbuildingItem = { - id: number; - itemId: number; - workType: "기장" | "전장" | "선실" | "배관" | "철의"; - shipTypes: string; - itemCode: string; - itemName: string; - description: string | null; - createdAt: Date; - updatedAt: Date; -} - -interface ItemsTableProps { - promises: Promise>> -} - -export function ItemsShipTable({ promises }: ItemsTableProps) { - const { data, pageCount } = React.use(promises) - - // 아이템 타입에 따른 행 액션 상태 관리 - const [rowAction, setRowAction] = React.useState | null>(null) - const columns = getShipbuildingColumns({ setRowAction }) - const filterFields: DataTableFilterField[] = [ - { - id: "itemCode", - label: "Item Code", - }, - { - id: "itemName", - label: "Item Name", - }, - { - id: "workType", - label: "기능(공종)", - }, - { - id: "shipTypes", - label: "선종", - }, - ] - - /** - * Advanced filter fields for the data table. - * These fields provide more complex filtering options compared to the regular filterFields. - * - * Key differences from regular filterFields: - * 1. More field types: Includes 'text', 'multi-select', 'date', and 'boolean'. - * 2. Enhanced flexibility: Allows for more precise and varied filtering options. - * 3. Used with DataTableAdvancedToolbar: Enables a more sophisticated filtering UI. - * 4. Date and boolean types: Adds support for filtering by date ranges and boolean values. - */ - - const advancedFilterFields: DataTableAdvancedFilterField[] = [ - { - id: "itemCode", - label: "Item Code", - type: "text", - }, - { - id: "itemName", - label: "Item Name", - type: "text", - }, - { - id: "description", - label: "Description", - type: "text", - }, - { - id: "workType", - label: "기능(공종)", - type: "text", - }, - { - id: "shipTypes", - label: "선종", - type: "text", - }, - ] - - const { table } = useDataTable({ - data, - columns, - pageCount, - filterFields, - enablePinning: true, - enableAdvancedFilter: true, - initialState: { - sorting: [{ id: "createdAt", desc: true }], - columnPinning: { right: ["actions"] }, - }, - getRowId: (originalRow) => String(originalRow.id), - shallow: false, - clearOnDefault: true, - }) - - return ( - <> - - - - - - {/* setRowAction(null)} - item={rowAction?.row.original as ShipbuildingItem} - /> */} - setRowAction(null)} - items={rowAction?.row.original ? [rowAction?.row.original] : []} - showTrigger={false} - onSuccess={() => rowAction?.row.toggleSelected(false)} - /> - - ) -} diff --git a/lib/items-ship/table/add-items-dialog.tsx b/lib/items-ship/table/add-items-dialog.tsx deleted file mode 100644 index fdfe54cc..00000000 --- a/lib/items-ship/table/add-items-dialog.tsx +++ /dev/null @@ -1,211 +0,0 @@ -"use client" - -import * as React from "react" -import { useForm } from "react-hook-form" -import { zodResolver } from "@hookform/resolvers/zod" -import { z } from "zod" - -import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog" -import { Button } from "@/components/ui/button" -import { Input } from "@/components/ui/input" -import { Textarea } from "@/components/ui/textarea" -// react-hook-form + shadcn/ui Form -import { - Form, - FormControl, - FormField, - FormItem, - FormLabel, - FormMessage, -} from "@/components/ui/form" - -import { - createShipbuildingItemSchema, - -} from "../validations" -import { createShipbuildingItem } from "../service" -import { Plus } from "lucide-react" -import { toast } from "sonner" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/components/ui/select" - -const workTypes = [ - { value: "기장", label: "기장" }, - { value: "전장", label: "전장" }, - { value: "선실", label: "선실" }, - { value: "배관", label: "배관" }, - { value: "철의", label: "철의" }, -] as const - -export function AddItemDialog() { - const [open, setOpen] = React.useState(false) - const [isSubmitting, setIsSubmitting] = React.useState(false) - - // 아이템 타입에 따라 다른 폼과 스키마 사용 - const getFormAndSchema = () => { - return { - schema: createShipbuildingItemSchema, - defaultValues: { - itemCode: "", - itemName: "", - description: "", - workType: "", - shipTypes: "", - } - }; - }; - - const { schema, defaultValues } = getFormAndSchema(); - - // 타입 안전성을 위해 구체적인 타입 사용 - type ItemFormSchema = - | z.infer - - - const form = useForm({ - resolver: zodResolver(schema), - defaultValues, - }); - - async function onSubmit(values: ItemFormSchema) { - try { - setIsSubmitting(true) - - // 타입에 따라 다른 로직 추가 가능 - const result = await createShipbuildingItem(values) - - if (result.success) { - toast.success("아이템이 추가되었습니다.") - form.reset() - setOpen(false) - } else { - toast.error(result.message || "아이템 추가 실패") - } - } catch (error) { - toast.error("오류가 발생했습니다.") - console.error(error) - } finally { - setIsSubmitting(false) - } - } - - - - return ( - - - - - - - 아이템 추가 - - {'조선 아이템을 추가합니다. 아이템 코드, 이름, 설명을 입력하세요.'} - - -
-
- - ( - - 아이템 코드 - - - - - - )} - /> - ( - - 아이템 이름 - - - - - - )} - /> - ( - - 설명 - -