summaryrefslogtreecommitdiff
path: root/lib/approval-line/table/duplicate-approval-line-sheet.tsx
diff options
context:
space:
mode:
authorjoonhoekim <26rote@gmail.com>2025-08-11 09:34:40 +0000
committerjoonhoekim <26rote@gmail.com>2025-08-11 09:34:40 +0000
commitbcd462d6e60871b86008e072f4b914138fc5c328 (patch)
treec22876fd6c6e7e48254587848b9dff50cdb8b032 /lib/approval-line/table/duplicate-approval-line-sheet.tsx
parentcbb4c7fe0b94459162ad5e998bc05cd293e0ff96 (diff)
(김준회) 리치텍스트에디터 (결재템플릿을 위한 공통컴포넌트), command-menu 에러 수정, 결재 템플릿 관리, 결재선 관리, ECC RFQ+PR Item 수신시 비즈니스테이블(ProcurementRFQ) 데이터 적재, WSDL 오류 수정
Diffstat (limited to 'lib/approval-line/table/duplicate-approval-line-sheet.tsx')
-rw-r--r--lib/approval-line/table/duplicate-approval-line-sheet.tsx206
1 files changed, 206 insertions, 0 deletions
diff --git a/lib/approval-line/table/duplicate-approval-line-sheet.tsx b/lib/approval-line/table/duplicate-approval-line-sheet.tsx
new file mode 100644
index 00000000..0bb3ab2c
--- /dev/null
+++ b/lib/approval-line/table/duplicate-approval-line-sheet.tsx
@@ -0,0 +1,206 @@
+"use client"
+
+import * as React from "react"
+import { useForm } from "react-hook-form"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { z } from "zod"
+import { Button } from "@/components/ui/button"
+import {
+ Sheet,
+ SheetContent,
+ SheetDescription,
+ SheetHeader,
+ SheetTitle,
+} from "@/components/ui/sheet"
+import {
+ Form,
+ FormControl,
+ FormDescription,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+} from "@/components/ui/form"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+import { toast } from "sonner"
+import { Loader2, Copy } from "lucide-react"
+import { duplicateApprovalLine } from "../service"
+import { type ApprovalLine } from "../service"
+import { useSession } from "next-auth/react"
+
+const duplicateSchema = z.object({
+ name: z.string().min(1, "결재선 이름은 필수입니다"),
+ description: z.string().optional(),
+})
+
+type DuplicateFormData = z.infer<typeof duplicateSchema>
+
+interface DuplicateApprovalLineSheetProps {
+ open: boolean
+ onOpenChange: (open: boolean) => void
+ line: ApprovalLine | null
+}
+
+export function DuplicateApprovalLineSheet({
+ open,
+ onOpenChange,
+ line,
+}: DuplicateApprovalLineSheetProps) {
+ const { data: session } = useSession()
+ const [isSubmitting, setIsSubmitting] = React.useState(false)
+
+ const form = useForm<DuplicateFormData>({
+ resolver: zodResolver(duplicateSchema),
+ defaultValues: {
+ name: line ? `${line.name} (복사본)` : "",
+ description: line?.description ? `${line.description} (복사본)` : "",
+ },
+ })
+
+ // line이 변경될 때 폼 초기화
+ React.useEffect(() => {
+ if (line) {
+ form.reset({
+ name: `${line.name} (복사본)`,
+ description: line.description ? `${line.description} (복사본)` : "",
+ })
+ }
+ }, [line, form])
+
+ const onSubmit = async (data: DuplicateFormData) => {
+ if (!line || !session?.user?.id) {
+ toast.error("복제할 결재선이 없거나 로그인이 필요합니다.")
+ return
+ }
+
+ setIsSubmitting(true)
+
+ try {
+ const result = await duplicateApprovalLine(
+ line.id,
+ data.name,
+ session.user.id
+ )
+
+ if (result.success) {
+ toast.success("결재선이 성공적으로 복제되었습니다.")
+ form.reset()
+ onOpenChange(false)
+ } else {
+ toast.error(result.error || "복제에 실패했습니다.")
+ }
+ } catch (error) {
+ toast.error("복제 중 오류가 발생했습니다.")
+ } finally {
+ setIsSubmitting(false)
+ }
+ }
+
+ if (!line) return null
+
+ return (
+ <Sheet open={open} onOpenChange={onOpenChange}>
+ <SheetContent>
+ <SheetHeader>
+ <SheetTitle className="flex items-center gap-2">
+ <Copy className="h-5 w-5" />
+ 결재선 복제
+ </SheetTitle>
+ <SheetDescription>
+ "{line.name}" 결재선을 복제하여 새로운 결재선을 만듭니다.
+ </SheetDescription>
+ </SheetHeader>
+
+ <div className="mt-6">
+ <Form {...form}>
+ <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+ {/* 원본 정보 표시 */}
+ <div className="p-4 bg-gray-50 border rounded-lg">
+ <h4 className="font-medium text-sm mb-2">원본 결재선 정보</h4>
+ <div className="space-y-2 text-sm">
+ <div>
+ <span className="font-medium">이름:</span> {line.name}
+ </div>
+ {line.description && (
+ <div>
+ <span className="font-medium">설명:</span> {line.description}
+ </div>
+ )}
+ <div>
+ <span className="font-medium">결재자:</span> {(line.aplns as any[])?.length || 0}명
+ </div>
+ </div>
+ </div>
+
+ {/* 새 결재선 정보 */}
+ <div className="space-y-4">
+ <FormField
+ control={form.control}
+ name="name"
+ render={({ field }) => (
+ <FormItem>
+ <FormLabel>새 결재선 이름 *</FormLabel>
+ <FormControl>
+ <Input placeholder="새 결재선 이름을 입력하세요" {...field} />
+ </FormControl>
+ <FormDescription>
+ 원본과 구분할 수 있는 이름을 입력하세요.
+ </FormDescription>
+ <FormMessage />
+ </FormItem>
+ )}
+ />
+
+ <FormField
+ control={form.control}
+ name="description"
+ render={({ field }) => (
+ <FormItem>
+ <FormLabel>설명</FormLabel>
+ <FormControl>
+ <Textarea
+ placeholder="새 결재선에 대한 설명을 입력하세요"
+ {...field}
+ />
+ </FormControl>
+ <FormDescription>
+ 선택사항입니다. 결재선의 용도나 특징을 설명할 수 있습니다.
+ </FormDescription>
+ <FormMessage />
+ </FormItem>
+ )}
+ />
+ </div>
+
+ {/* 제출 버튼 */}
+ <div className="flex justify-end space-x-3">
+ <Button
+ type="button"
+ variant="outline"
+ onClick={() => onOpenChange(false)}
+ disabled={isSubmitting}
+ >
+ 취소
+ </Button>
+ <Button type="submit" disabled={isSubmitting}>
+ {isSubmitting ? (
+ <>
+ <Loader2 className="w-4 h-4 mr-2 animate-spin" />
+ 복제 중...
+ </>
+ ) : (
+ <>
+ <Copy className="w-4 h-4 mr-2" />
+ 결재선 복제
+ </>
+ )}
+ </Button>
+ </div>
+ </form>
+ </Form>
+ </div>
+ </SheetContent>
+ </Sheet>
+ )
+} \ No newline at end of file