From a9575387c3a765a1a65ebc179dae16a21af6eb25 Mon Sep 17 00:00:00 2001 From: dujinkim Date: Fri, 12 Sep 2025 08:01:02 +0000 Subject: (임수민) 일반 계약 템플릿 구현 및 basic contract 필터 수정 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/basic-contract/service.ts | 60 +- .../template/basic-contract-template.tsx | 3 + lib/general-contract-template/actions.ts | 134 ++++ lib/general-contract-template/repository.ts | 228 +++++++ lib/general-contract-template/service.ts | 626 ++++++++++++++++++ .../add-general-contract-template-dialog.tsx | 383 +++++++++++ .../template/create-revision-dialog.tsx | 435 +++++++++++++ .../template/general-contract-template-columns.tsx | 698 +++++++++++++++++++++ .../general-contract-template-toolbar-actions.tsx | 131 ++++ .../template/general-contract-template-viewer.tsx | 234 +++++++ .../template/general-contract-template.tsx | 287 +++++++++ .../template/template-editor-wrapper.tsx | 449 +++++++++++++ .../template/update-generalContract-sheet.tsx | 314 +++++++++ lib/general-contract-template/validations.ts | 75 +++ 14 files changed, 4051 insertions(+), 6 deletions(-) create mode 100644 lib/general-contract-template/actions.ts create mode 100644 lib/general-contract-template/repository.ts create mode 100644 lib/general-contract-template/service.ts create mode 100644 lib/general-contract-template/template/add-general-contract-template-dialog.tsx create mode 100644 lib/general-contract-template/template/create-revision-dialog.tsx create mode 100644 lib/general-contract-template/template/general-contract-template-columns.tsx create mode 100644 lib/general-contract-template/template/general-contract-template-toolbar-actions.tsx create mode 100644 lib/general-contract-template/template/general-contract-template-viewer.tsx create mode 100644 lib/general-contract-template/template/general-contract-template.tsx create mode 100644 lib/general-contract-template/template/template-editor-wrapper.tsx create mode 100644 lib/general-contract-template/template/update-generalContract-sheet.tsx create mode 100644 lib/general-contract-template/validations.ts (limited to 'lib') diff --git a/lib/basic-contract/service.ts b/lib/basic-contract/service.ts index 2a66824a..52669948 100644 --- a/lib/basic-contract/service.ts +++ b/lib/basic-contract/service.ts @@ -153,18 +153,24 @@ export async function getBasicContractTemplates( const offset = (input.page - 1) * input.perPage; const { data, total } = await db.transaction(async (tx) => { - // 간소화된 구현 - 실제 filterColumns 함수는 더 복잡할 수 있습니다 - let whereCondition = undefined; + const advancedWhere = filterColumns({ + table: basicContractTemplates, + filters: input.filters, + joinOperator: input.joinOperator, + }); + let globalWhere = undefined; if (input.search) { const s = `%${input.search}%`; - whereCondition = or( + globalWhere = or( ilike(basicContractTemplates.templateName, s), ilike(basicContractTemplates.fileName, s), ilike(basicContractTemplates.status, s) ); } + const whereCondition = and(advancedWhere, globalWhere); + const orderBy = input.sort.length > 0 ? input.sort.map((item) => @@ -3438,11 +3444,35 @@ export async function saveGtcDocumentAction({ try { console.log("📄 GTC 문서 저장 시작:", { documentId, + documentIdType: typeof documentId, vendorName: vendor.vendorName, originalFileName, bufferSize: pdfBuffer.length }) + // documentId 유효성 검사 + if (!documentId || isNaN(Number(documentId))) { + throw new Error(`유효하지 않은 문서 ID: ${documentId}`) + } + + // 기본계약 존재 여부 확인 + const existingContract = await db.query.basicContract.findFirst({ + where: eq(basicContract.id, documentId), + }) + + if (!existingContract) { + throw new Error(`기본계약을 찾을 수 없습니다. ID: ${documentId}`) + } + + console.log("📋 기존 계약 정보:", { + contractId: existingContract.id, + templateId: existingContract.templateId, + vendorId: existingContract.vendorId, + currentStatus: existingContract.status, + currentFileName: existingContract.fileName, + currentFilePath: existingContract.filePath + }) + const session = await getServerSession(authOptions) if (!session?.user) { @@ -3467,8 +3497,8 @@ export async function saveGtcDocumentAction({ throw new Error(saveResult.error || '파일 저장 실패') } - // 3. 데이터베이스 업데이트 - await db.update(basicContract) + // 3. 데이터베이스 업데이트 - 트랜잭션으로 처리하고 결과 확인 + const updateResult = await db.update(basicContract) .set({ fileName: saveResult.fileName!, filePath: saveResult.publicPath!, @@ -3481,18 +3511,36 @@ export async function saveGtcDocumentAction({ updatedAt: new Date() }) .where(eq(basicContract.id, documentId)) + .returning({ + id: basicContract.id, + fileName: basicContract.fileName, + filePath: basicContract.filePath + }) + + // DB 업데이트 성공 여부 확인 + if (!updateResult || updateResult.length === 0) { + throw new Error(`기본계약 ID ${documentId}를 찾을 수 없거나 업데이트에 실패했습니다.`) + } console.log("✅ GTC 문서 저장 완료:", { + documentId, + updatedRecord: updateResult[0], fileName: saveResult.fileName, filePath: saveResult.publicPath, fileSize: saveResult.fileSize }) + // 캐시 무효화 + revalidateTag("basic-contract-requests") + revalidateTag("basic-contracts") + revalidatePath("/partners/basic-contract") + return { success: true, fileName: saveResult.fileName, filePath: saveResult.publicPath, - fileSize: saveResult.fileSize + fileSize: saveResult.fileSize, + documentId: updateResult[0].id } } catch (error) { diff --git a/lib/basic-contract/template/basic-contract-template.tsx b/lib/basic-contract/template/basic-contract-template.tsx index 470bc925..8ac421f5 100644 --- a/lib/basic-contract/template/basic-contract-template.tsx +++ b/lib/basic-contract/template/basic-contract-template.tsx @@ -29,6 +29,7 @@ export function BasicContractTemplateTable({ promises }: BasicTemplateTableProps const router = useRouter(); const [rowAction, setRowAction] = React.useState | null>(null) + const [selectedRows, setSelectedRows] = React.useState([]) const [{ data, pageCount }] = React.use(promises) @@ -56,6 +57,7 @@ export function BasicContractTemplateTable({ promises }: BasicTemplateTableProps data, columns, pageCount, + filterFields: advancedFilterFields, enablePinning: true, enableAdvancedFilter: true, initialState: { @@ -73,6 +75,7 @@ export function BasicContractTemplateTable({ promises }: BasicTemplateTableProps diff --git a/lib/general-contract-template/actions.ts b/lib/general-contract-template/actions.ts new file mode 100644 index 00000000..eb236173 --- /dev/null +++ b/lib/general-contract-template/actions.ts @@ -0,0 +1,134 @@ +"use server" + +import { revalidateTag, revalidatePath } from 'next/cache' +import db from '@/db/db' +import { generalContractTemplates } from '@/db/schema' +import { eq, inArray } from 'drizzle-orm' +import { createContractTemplate } from '@/lib/general-contract-template/service' + +export async function disposeTemplates(templateIds: number[]) { + try { + if (!templateIds || !Array.isArray(templateIds) || templateIds.length === 0) { + throw new Error('폐기할 템플릿 ID가 필요합니다.') + } + + // 템플릿들을 DISPOSED 상태로 업데이트하고 폐기일시 설정 + await db + .update(generalContractTemplates) + .set({ + status: 'DISPOSED', + disposedAt: new Date(), + updatedAt: new Date(), + }) + .where(inArray(generalContractTemplates.id, templateIds)) + + // 캐시 무효화 + revalidateTag('general-contract-templates') + revalidatePath('/evcp/general-contract-template') + + return { + success: true, + message: `${templateIds.length}개의 템플릿이 폐기되었습니다.`, + disposedCount: templateIds.length + } + + } catch (error) { + console.error('폐기 처리 오류:', error) + throw new Error('폐기 처리 중 오류가 발생했습니다.') + } +} + +export async function restoreTemplates(templateIds: number[]) { + try { + if (!templateIds || !Array.isArray(templateIds) || templateIds.length === 0) { + throw new Error('복구할 템플릿 ID가 필요합니다.') + } + + // 템플릿들을 ACTIVE 상태로 업데이트하고 폐기일시 제거 + await db + .update(generalContractTemplates) + .set({ + status: 'ACTIVE', + disposedAt: null, + updatedAt: new Date(), + }) + .where(inArray(generalContractTemplates.id, templateIds)) + + // 캐시 무효화 + revalidateTag('general-contract-templates') + revalidatePath('/evcp/general-contract-template') + + return { + success: true, + message: `${templateIds.length}개의 템플릿이 복구되었습니다.`, + restoredCount: templateIds.length + } + + } catch (error) { + console.error('복구 처리 오류:', error) + throw new Error('복구 처리 중 오류가 발생했습니다.') + } +} + +export async function createGeneralContractTemplateRevisionAction(input: { + baseTemplateId: number; + contractTemplateName: string; + contractTemplateType: string; + revision: number; + legalReviewRequired: boolean; + fileName: string; + filePath: string; +}) { + try { + const { createGeneralContractTemplateRevision } = await import('../general-contract-template/service'); + + const { data, error } = await createGeneralContractTemplateRevision({ + ...input, + status: 'ACTIVE' as const + }); + + if (error) { + throw new Error(error); + } + + return { + success: true, + data, + message: `${input.contractTemplateName} v${input.revision} 리비전이 성공적으로 생성되었습니다.` + }; + + } catch (error) { + console.error('리비전 생성 오류:', error); + throw new Error(error instanceof Error ? error.message : '리비전 생성 중 오류가 발생했습니다.'); + } +} + +// 업로드 완료 후 템플릿 생성 (클라이언트에서 직접 호출 가능한 서버 액션) +export async function createTemplateFromUpload(input: { + contractTemplateType: string + contractTemplateName: string + legalReviewRequired: boolean + fileName: string + filePath: string +}) { + try { + const { data, error } = await createContractTemplate({ + contractTemplateType: input.contractTemplateType, + contractTemplateName: input.contractTemplateName, + revision: 1, + status: 'ACTIVE', + legalReviewRequired: input.legalReviewRequired, + fileName: input.fileName, + filePath: input.filePath, + } as any) + + if (error) throw new Error(error) + + revalidateTag('general-contract-templates') + revalidatePath('/evcp/general-contract-template') + + return { success: true, id: data?.id } + } catch (e: any) { + return { success: false, error: e?.message || '템플릿 생성 실패' } + } +} diff --git a/lib/general-contract-template/repository.ts b/lib/general-contract-template/repository.ts new file mode 100644 index 00000000..a213bfaf --- /dev/null +++ b/lib/general-contract-template/repository.ts @@ -0,0 +1,228 @@ +"use server"; + +import { asc, desc, count, ilike, eq, and, inArray, or, type SQL } from "drizzle-orm"; +import db from "@/db/db"; +import { getErrorMessage } from "@/lib/handle-error"; + +// Drizzle 트랜잭션 타입 정의 +type DatabaseTransaction = Parameters[0]>[0]; +import { generalContractTemplates, GeneralContractTemplate, type NewGeneralContractTemplate, users } from "@/db/schema"; + +// 계약 템플릿 조회 옵션 +export interface SelectContractTemplatesOptions { + where?: SQL; + orderBy?: SQL[]; + limit?: number; + offset?: number; +} + +// 계약 템플릿 목록 조회 +export async function selectContractTemplates( + tx: DatabaseTransaction, + options: SelectContractTemplatesOptions = {} +) { + const { where, orderBy, limit, offset } = options; + + const query = tx + .select() + .from(generalContractTemplates) + .$dynamic(); + + if (where) { + query.where(where); + } + + if (orderBy) { + query.orderBy(...orderBy); + } + + if (limit !== undefined) { + query.limit(limit); + } + + if (offset !== undefined) { + query.offset(offset); + } + + return await query.execute(); +} + +// 계약 템플릿 조회 (사용자 정보 포함) +export async function selectContractTemplatesWithUsers( + tx: DatabaseTransaction, + options: SelectContractTemplatesOptions +) { + const { where, orderBy, limit, offset } = options; + + const query = tx + .select({ + // 템플릿 정보 (필수 컬럼만) + id: generalContractTemplates.id, + contractTemplateType: generalContractTemplates.contractTemplateType, + contractTemplateName: generalContractTemplates.contractTemplateName, + revision: generalContractTemplates.revision, + status: generalContractTemplates.status, + fileName: generalContractTemplates.fileName, + filePath: generalContractTemplates.filePath, + legalReviewRequired: generalContractTemplates.legalReviewRequired, + createdAt: generalContractTemplates.createdAt, + updatedAt: generalContractTemplates.updatedAt, + updatedBy: generalContractTemplates.updatedBy, + disposedAt: generalContractTemplates.disposedAt, + // 사용자 정보 + updatedByName: users.name, + }) + .from(generalContractTemplates) + .leftJoin(users, eq(generalContractTemplates.updatedBy, users.id)) + .$dynamic(); + + if (where) { + query.where(where); + } + + if (orderBy) { + query.orderBy(...orderBy); + } + + if (limit !== undefined) { + query.limit(limit); + } + + if (offset !== undefined) { + query.offset(offset); + } + + return await query.execute(); +} + +// 계약 템플릿 개수 조회 +export async function countContractTemplates( + tx: DatabaseTransaction, + where?: SQL +) { + const query = tx + .select({ count: count() }) + .from(generalContractTemplates) + .$dynamic(); + + if (where) { + query.where(where); + } + + const result = await query.execute(); + return result[0]?.count ?? 0; +} + +// 계약 템플릿 생성 +export async function insertContractTemplate( + tx: DatabaseTransaction, + data: NewGeneralContractTemplate +) { + return await tx + .insert(generalContractTemplates) + .values(data) + .returning(); +} + +// ID로 계약 템플릿 조회 +export async function getContractTemplateById( + tx: DatabaseTransaction, + id: number +) { + const result = await tx + .select() + .from(generalContractTemplates) + .where(eq(generalContractTemplates.id, id)) + .limit(1); + + return result[0] ?? null; +} + +// 계약 템플릿 업데이트 +export async function updateContractTemplate( + tx: DatabaseTransaction, + id: number, + data: Partial, + updatedBy?: number +) { + return await tx + .update(generalContractTemplates) + .set({ + ...data, + updatedAt: new Date(), + updatedBy: updatedBy || null, + }) + .where(eq(generalContractTemplates.id, id)) + .returning(); +} + +// 계약 템플릿 삭제 (복수) +export async function deleteContractTemplates( + tx: DatabaseTransaction, + ids: number[] +): Promise<{ data: GeneralContractTemplate[] | null; error: string | null }> { + if (!ids || ids.length === 0) { + return { data: [], error: null }; + } + + try { + // 삭제될 템플릿 정보를 반환하기 위해 먼저 조회 + const templatesBeforeDelete = await tx + .select() + .from(generalContractTemplates) + .where(inArray(generalContractTemplates.id, ids)); + + // 삭제 실행 + const deletedTemplates = await tx + .delete(generalContractTemplates) + .where(inArray(generalContractTemplates.id, ids)) + .returning(); + + return { data: deletedTemplates, error: null }; + } catch (error) { + console.error("deleteContractTemplates 에러:", error); + return { data: null, error: getErrorMessage(error) }; + } +} + + +// 모든 활성 템플릿 조회 (간단한 목록용) +export async function findAllContractTemplates(tx: DatabaseTransaction) { + return await tx + .select({ + id: generalContractTemplates.id, + contractTemplateType: generalContractTemplates.contractTemplateType, + contractTemplateName: generalContractTemplates.contractTemplateName, + revision: generalContractTemplates.revision, + status: generalContractTemplates.status, + }) + .from(generalContractTemplates) + .where(eq(generalContractTemplates.status, "ACTIVE")) + .orderBy( + asc(generalContractTemplates.contractTemplateType), + asc(generalContractTemplates.contractTemplateName) + ); +} +// 상태별 템플릿 개수 +export async function getContractTemplateStats(tx: DatabaseTransaction) { + return await tx + .select({ + status: generalContractTemplates.status, + count: count(), + }) + .from(generalContractTemplates) + .groupBy(generalContractTemplates.status); +} + +// 계약 종류별 템플릿 개수 +export async function getContractTemplatesByType(tx: DatabaseTransaction) { + return await tx + .select({ + contractTemplateType: generalContractTemplates.contractTemplateType, + count: count(), + }) + .from(generalContractTemplates) + .where(eq(generalContractTemplates.status, "ACTIVE")) + .groupBy(generalContractTemplates.contractTemplateType) + .orderBy(asc(generalContractTemplates.contractTemplateType)); +} diff --git a/lib/general-contract-template/service.ts b/lib/general-contract-template/service.ts new file mode 100644 index 00000000..9b3eda68 --- /dev/null +++ b/lib/general-contract-template/service.ts @@ -0,0 +1,626 @@ +"use server"; + +import { revalidateTag, revalidatePath, unstable_noStore } from "next/cache"; +import db from "@/db/db"; +import { getErrorMessage } from "@/lib/handle-error"; +import { unstable_cache } from "@/lib/unstable-cache"; +import { asc, desc, ilike, inArray, and, or, eq, type SQL, sql } from "drizzle-orm"; +import { getServerSession } from "next-auth/next"; +import { authOptions } from "@/app/api/auth/[...nextauth]/route"; + +import { GeneralContractTemplate, generalContractTemplates, users } from "@/db/schema"; +import { deleteFile, saveFile } from "@/lib/file-stroage"; +import { + selectContractTemplates, + selectContractTemplatesWithUsers, + countContractTemplates, + insertContractTemplate, + getContractTemplateById as getContractTemplateByIdFromRepo, + updateContractTemplate, + deleteContractTemplates, + findAllContractTemplates +} from "./repository"; +import { + GetContractTemplatesSchema, + CreateContractTemplateSchema, + UpdateContractTemplateSchema, + DeleteContractTemplateSchema +} from "./validations"; + +// ---------------------------------------------------------------------------------------------------- + +/* HELPER FUNCTION FOR GETTING CURRENT USER ID */ +async function getCurrentUserId(): Promise { + try { + const session = await getServerSession(authOptions); + return session?.user?.id ? Number(session.user.id) : 3; // 기본값 3, 실제 환경에서는 적절한 기본값 설정 + } catch (error) { + console.error('Error getting current user ID:', error); + return 3; // 기본값 3 + } +} + +// ---------------------------------------------------------------------------------------------------- + +// ================================================================================= +// Contract Template Functions +// ================================================================================= + +export async function getContractTemplates( + input: GetContractTemplatesSchema +) { + return unstable_cache( + async () => { + try { + const { data, total } = await db.transaction(async (tx) => { + // 필터 조건 구성 + let whereCondition: any = undefined; + + if (input.search) { + const s = `%${input.search}%`; + whereCondition = or( + ilike(generalContractTemplates.contractTemplateName, s), + ilike(generalContractTemplates.contractTemplateType, s), + ilike(generalContractTemplates.fileName, s) + ); + } + + // 필터 추가 (기본적으로 모든 상태 표시) + let statusCondition: any = undefined; + + if (input.filters && input.filters.length > 0) { + const statusFilter = input.filters.find(f => f.id === 'status'); + if (statusFilter && statusFilter.value.length > 0) { + // statusFilter.value가 문자열이면 배열로 변환 + const statusValues = Array.isArray(statusFilter.value) + ? statusFilter.value + : [statusFilter.value]; + + // "ALL"이 포함되어 있으면 상태 필터를 제거 (모든 상태 표시) + if (statusValues.includes('ALL')) { + statusCondition = undefined; + } else { + statusCondition = inArray(generalContractTemplates.status, statusValues); + } + } + + // 다른 필터들 처리 + const otherFilters = input.filters.filter(f => f.id !== 'status' && f.value.length > 0); + for (const filter of otherFilters) { + let filterCondition: any; + + // 계약문서명은 부분 일치 검색 (ilike) + if (filter.id === 'contractTemplateName') { + const searchValue = `%${filter.value}%`; + filterCondition = ilike(generalContractTemplates.contractTemplateName, searchValue); + } else { + // 다른 필터들은 정확히 일치 검색 (inArray) + filterCondition = inArray( + generalContractTemplates[filter.id as keyof typeof generalContractTemplates] as any, + filter.value + ); + } + + whereCondition = whereCondition + ? and(whereCondition, filterCondition) + : filterCondition; + } + } + + // 최종 where 조건 + if (statusCondition) { + if (whereCondition) { + whereCondition = and(whereCondition, statusCondition); + } else { + whereCondition = statusCondition; + } + } + + + // 정렬 조건 + const orderBy = + input.sort && input.sort.length > 0 + ? input.sort.map((item) => + item.desc + ? desc(generalContractTemplates[item.id as keyof typeof generalContractTemplates] as any) + : asc(generalContractTemplates[item.id as keyof typeof generalContractTemplates] as any) + ) + : [desc(generalContractTemplates.createdAt)]; + + // 데이터 조회 (사용자 정보 포함) + const offset = (input.page - 1) * input.perPage; + const dataResult = await selectContractTemplatesWithUsers(tx, { + where: whereCondition, + orderBy, + offset, + limit: input.perPage, + }); + + // 총 개수 조회 + const totalCount = await countContractTemplates(tx, whereCondition); + + return { data: dataResult, total: totalCount }; + }); + + const pageCount = Math.ceil(total / input.perPage); + + return { data, pageCount }; + } catch (error) { + console.error("getContractTemplates 에러:", error); + return { data: [], pageCount: 0 }; + } + }, + [JSON.stringify(input)], + { + revalidate: 3600, + tags: ["general-contract-templates"], + } + )(); +} + +/** + * ID로 계약 템플릿 조회 + */ +export async function getContractTemplateById(id: string) { + return unstable_cache( + async () => { + try { + const template = await db + .select() + .from(generalContractTemplates) + .where(eq(generalContractTemplates.id, parseInt(id))) + .limit(1); + return template[0] || null; + } catch (error) { + console.error("getContractTemplateById 에러:", error); + return null; + } + }, + [id], + { revalidate: 3600, tags: ["general-contract-templates"] } + )(); +} + +/** + * 템플릿 이름 조회 + */ +export async function getExistingTemplateNamesById(id: number): Promise { + const rows = await db + .select({ + contractTemplateName: generalContractTemplates.contractTemplateName, + }) + .from(generalContractTemplates) + .where(and(eq(generalContractTemplates.status, "ACTIVE"), eq(generalContractTemplates.id, id))) + .limit(1); + + return rows[0]?.contractTemplateName || ""; +} + +/** + * 템플릿 파일 저장 서버 액션 + */ +export async function saveTemplateFile(templateId: number, formData: FormData) { + try { + const file = formData.get("file") as File; + + if (!file) { + return { error: "파일이 필요합니다." }; + } + + // 기존 템플릿 정보 조회 + const existingTemplate = await db + .select() + .from(generalContractTemplates) + .where(eq(generalContractTemplates.id, templateId)) + .limit(1); + + if (existingTemplate.length === 0) { + return { error: "템플릿을 찾을 수 없습니다." }; + } + + const template = existingTemplate[0]; + if (!template.filePath) { + return { error: "파일 경로가 없습니다." }; + } + + // 파일 저장 로직 (실제 파일 시스템에 저장) + const { writeFile, mkdir } = await import("fs/promises"); + const { join } = await import("path"); + + const bytes = await file.arrayBuffer(); + const buffer = Buffer.from(bytes); + + // 기존 파일 경로 사용 (덮어쓰기) - general-contract-templates 경로로 통일 + const uploadPath = join(process.cwd(), "public", template.filePath.replace(/^\//, "")); + + // 디렉토리 확인 및 생성 + const dirPath = uploadPath.substring(0, uploadPath.lastIndexOf('/')); + await mkdir(dirPath, { recursive: true }); + + // 파일 저장 + await writeFile(uploadPath, buffer); + + // 캐시 무효화 (목록/상세 모두 고려) + revalidatePath(`/evcp/general-contract-template/${templateId}`); + revalidateTag("general-contract-templates"); + + return { success: true, message: "파일이 성공적으로 저장되었습니다." }; + } catch (error) { + console.error("saveTemplateFile 에러:", error); + return { error: error instanceof Error ? error.message : "파일 저장 중 오류가 발생했습니다." }; + } +} + +// 새 리비전 생성 (basic-contract의 createBasicContractTemplateRevision 패턴 반영) +export async function createGeneralContractTemplateRevision(input: { + baseTemplateId: number; + contractTemplateType: string; + contractTemplateName: string; + revision: number; + legalReviewRequired: boolean; + status: 'ACTIVE' | 'INACTIVE' | 'DISPOSED'; + fileName: string; + filePath: string; +}) { + unstable_noStore(); + + try { + // 기본 템플릿 존재 확인 + const base = await db + .select() + .from(generalContractTemplates) + .where(eq(generalContractTemplates.id, input.baseTemplateId)) + .limit(1); + if (base.length === 0) { + return { data: null, error: '기본 템플릿을 찾을 수 없습니다.' }; + } + + // 동일 이름/타입에 해당 리비전이 이미 존재하는지 검사 + const exists = await db + .select({ rev: generalContractTemplates.revision }) + .from(generalContractTemplates) + .where( + and( + eq(generalContractTemplates.contractTemplateName, input.contractTemplateName), + eq(generalContractTemplates.contractTemplateType, input.contractTemplateType), + eq(generalContractTemplates.revision, input.revision) + ) + ) + .limit(1); + if (exists.length > 0) { + return { data: null, error: `${input.contractTemplateName} v${input.revision} 리비전이 이미 존재합니다.` }; + } + + // 기존 리비전 확인 - baseTemplateId가 있으면 해당 템플릿의 최대 리비전을 찾음 + let maxRevision = 0; + if (input.baseTemplateId) { + const max = await db + .select({ rev: generalContractTemplates.revision }) + .from(generalContractTemplates) + .where(eq(generalContractTemplates.id, input.baseTemplateId)) + .limit(1); + maxRevision = max[0]?.rev ?? 0; + } else { + // baseTemplateId가 없으면 이름과 타입으로 찾음 + const max = await db + .select({ rev: generalContractTemplates.revision }) + .from(generalContractTemplates) + .where( + and( + eq(generalContractTemplates.contractTemplateName, input.contractTemplateName), + eq(generalContractTemplates.contractTemplateType, input.contractTemplateType) + ) + ) + .orderBy(desc(generalContractTemplates.revision)) + .limit(1); + maxRevision = max[0]?.rev ?? 0; + } + + if (input.revision <= maxRevision) { + return { data: null, error: `새 리비전 번호는 현재 최대 리비전(v${maxRevision})보다 커야 합니다.` }; + } + + const currentUserId = await getCurrentUserId(); + + const newRow = await db.transaction(async (tx) => { + const [row] = await insertContractTemplate(tx, { + contractTemplateType: input.contractTemplateType, + contractTemplateName: input.contractTemplateName, + revision: input.revision, + status: input.status, + legalReviewRequired: input.legalReviewRequired, + fileName: input.fileName, + filePath: input.filePath, + createdAt: new Date(), + createdBy: currentUserId, + updatedAt: new Date(), + updatedBy: currentUserId, + }); + return row; + }); + + revalidateTag('general-contract-templates'); + return { data: newRow, error: null }; + } catch (error) { + return { data: null, error: getErrorMessage(error) }; + } +} + +// Contract Template 생성 +export async function createContractTemplate(input: CreateContractTemplateSchema) { + unstable_noStore(); + + try { + // 현재 로그인한 사용자 ID 가져오기 + const currentUserId = await getCurrentUserId(); + + const newTemplate = await db.transaction(async (tx) => { + const [row] = await insertContractTemplate(tx, { + contractTemplateType: (input as any).contractTemplateType ?? (input as any).contractType, + contractTemplateName: (input as any).contractTemplateName ?? (input as any).contractName, + revision: input.revision || 1, + status: input.status || "ACTIVE", + legalReviewRequired: input.legalReviewRequired || false, + fileName: input.fileName || null, + filePath: input.filePath || null, + createdAt: new Date(), + createdBy: currentUserId, + updatedAt: new Date(), + updatedBy: currentUserId, + }); + return row; + }); + + revalidateTag("general-contract-templates"); + revalidatePath("/evcp/general-contract-template"); + return { data: newTemplate, error: null }; + } catch (error) { + console.log(error); + return { data: null, error: getErrorMessage(error) }; + } +} + +// Contract Template 수정 +// Basic Contract 방식과 동일한 통합 업데이트 함수 +export async function updateTemplate({ + id, + formData +}: { + id: number; + formData: FormData; +}): Promise<{ success?: boolean; error?: string }> { + unstable_noStore(); + + try { + // 필수값 파싱 + const contractTemplateType = formData.get("contractTemplateType") as string | null; + const contractTemplateName = formData.get("contractTemplateName") as string | null; + const legalReviewRequired = formData.get("legalReviewRequired") === "true"; + + // 리비전 처리: basic-contract와 동일하게 FormData에서 그대로 사용 (없으면 1) + + if (!contractTemplateType || !contractTemplateName) { + return { error: "계약 종류와 문서명은 필수입니다." }; + } + + // 기존 템플릿 조회 + const existing = await db + .select() + .from(generalContractTemplates) + .where(eq(generalContractTemplates.id, id)) + .limit(1); + + if (existing.length === 0) { + return { error: "템플릿을 찾을 수 없습니다." }; + } + + const prev = existing[0] as any; + + // 모든 경우에 기존 레코드 업데이트 (새 리비전 생성하지 않음) + + // 파일 처리 + const file = formData.get("file") as File | null; + let fileName: string | undefined = undefined; + let filePath: string | undefined = undefined; + + if (file) { + // 1) 새 파일 저장 (원본 파일명 유지 + 충돌 시 접미사) + const { mkdir, writeFile, access } = await import('fs/promises'); + const { join, extname, basename } = await import('path'); + + const ext = extname(file.name); + const base = basename(file.name, ext) + .replace(/[<>:"'|?*\\\/]/g, '_') + .replace(/[\x00-\x1f]/g, '') + .replace(/\s+/g, ' ') + .trim() + .substring(0, 200); + + const dirAbs = join(process.cwd(), 'public', 'general-contract-templates'); + await mkdir(dirAbs, { recursive: true }); + + let candidate = `${base}${ext}`; + let absPath = join(dirAbs, candidate); + let counter = 1; + while (true) { + try { + await access(absPath); + candidate = `${base} (${counter})${ext}`; + absPath = join(dirAbs, candidate); + counter += 1; + } catch { + break; + } + } + + const bytes = await file.arrayBuffer(); + await writeFile(absPath, Buffer.from(bytes)); + + fileName = candidate; + filePath = `/general-contract-templates/${candidate}`; + + // 2) 기존 파일 삭제 + if (prev.filePath) { + const deleted = await deleteFile(prev.filePath); + if (deleted) { + console.log(`✅ 기존 파일 삭제됨: ${prev.filePath}`); + } else { + console.log(`⚠️ 기존 파일 삭제 실패: ${prev.filePath}`); + } + } + } + + // 모든 경우에 기존 레코드 업데이트 (revision은 위 정책에 따라 결정) + const currentUserId = await getCurrentUserId(); + + // 리비전 처리: FormData에 있으면 사용, 없으면 현재 리비전 + 1 + const revisionFromForm = formData.get("revision")?.toString(); + let nextRevision: number; + + if (revisionFromForm) { + nextRevision = Number(revisionFromForm) || 1; + } else { + nextRevision = (prev.revision ?? 0) + 1; // FormData에 없으면 현재 리비전 + 1 + } + + const updateData: Record = { + contractTemplateType, + contractTemplateName, + legalReviewRequired, + revision: nextRevision, // 최종 결정된 리비전 사용 + updatedAt: new Date(), + updatedBy: currentUserId, + }; + + if (fileName && filePath) { + updateData.fileName = fileName; + updateData.filePath = filePath; + } + + await db.transaction(async (tx) => { + await tx + .update(generalContractTemplates) + .set(updateData) + .where(eq(generalContractTemplates.id, id)); + }); + + revalidateTag('general-contract-templates'); + revalidatePath('/evcp/general-contract-template'); + return { success: true }; + } catch (error) { + console.error("템플릿 업데이트 오류:", error); + return { + error: error instanceof Error + ? error.message + : "템플릿 업데이트 중 오류가 발생했습니다.", + }; + } +} + +// 기존 함수는 호환성을 위해 유지 +export async function updateContractTemplateById( + id: number, + input: UpdateContractTemplateSchema +) { + unstable_noStore(); + + try { + const currentUserId = await getCurrentUserId(); + const updatedTemplate = await db.transaction(async (tx) => { + const [row] = await updateContractTemplate(tx, id, input, currentUserId); + return row; + }); + + revalidateTag("general-contract-templates"); + revalidatePath("/evcp/general-contract-template"); + return { data: updatedTemplate, error: null }; + } catch (error) { + console.log(error); + return { data: null, error: getErrorMessage(error) }; + } +} + +// Contract Template 삭제 +export async function removeTemplates({ + ids +}: { + ids: number[]; +}): Promise<{ success?: boolean; error?: string }> { + if (!ids || ids.length === 0) { + return { error: "삭제할 템플릿이 선택되지 않았습니다." }; + } + + // unstable_noStore를 최상단에 배치 + unstable_noStore(); + + try { + // 파일 삭제를 위한 템플릿 정보 조회 및 DB 삭제를 직접 트랜잭션으로 처리 + // withTransaction 대신 db.transaction 직접 사용 (createContractTemplate와 일관성 유지) + const templateFiles: { id: number; filePath: string }[] = []; + + const result = await db.transaction(async (tx) => { + // 각 템플릿의 파일 경로 가져오기 + for (const id of ids) { + const template = await getContractTemplateByIdFromRepo(tx, id); + if (template && template.filePath) { + templateFiles.push({ + id: template.id, + filePath: template.filePath + }); + } + } + + // DB에서 템플릿 삭제 + const { data, error } = await deleteContractTemplates(tx, ids); + + if (error) { + throw new Error(`템플릿 DB 삭제 실패: ${error}`); + } + + return { data }; + }); + + // 파일 시스템 삭제는 트랜잭션 성공 후 수행 + for (const template of templateFiles) { + const deleted = await deleteFile(template.filePath); + + if (deleted) { + console.log(`✅ 파일 삭제됨: ${template.filePath}`); + } else { + console.log(`⚠️ 파일 삭제 실패: ${template.filePath}`); + } + } + + revalidateTag("general-contract-templates"); + revalidateTag("template-status-counts"); + + // 디버깅을 위한 로그 + console.log("캐시 무효화 완료:", ids); + + return { success: true }; + } catch (error) { + console.error("템플릿 삭제 중 오류 발생:", error); + return { + error: error instanceof Error + ? error.message + : "템플릿 삭제 중 오류가 발생했습니다." + }; + } +} + +// 모든 활성 Contract Template 목록 (간단한 선택용) +export async function getAllActiveContractTemplates() { + unstable_noStore(); + + try { + const templates = await db.transaction(async (tx) => { + return await findAllContractTemplates(tx); + }); + + return { data: templates, error: null }; + } catch (error) { + console.log(error); + return { data: [], error: getErrorMessage(error) }; + } +} + diff --git a/lib/general-contract-template/template/add-general-contract-template-dialog.tsx b/lib/general-contract-template/template/add-general-contract-template-dialog.tsx new file mode 100644 index 00000000..8862fb4b --- /dev/null +++ b/lib/general-contract-template/template/add-general-contract-template-dialog.tsx @@ -0,0 +1,383 @@ +"use client"; + +import * as React from "react"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { useForm } from "react-hook-form"; +import * as z from "zod"; +import { toast } from "sonner"; +// uuid는 단순 업로드 방식으로 변경하며 사용하지 않음 +import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog"; +import { + Form, + FormControl, + FormField, + FormItem, + FormLabel, + FormMessage, + FormDescription, +} from "@/components/ui/form"; +import { Button } from "@/components/ui/button"; +import { Switch } from "@/components/ui/switch"; +import { Input } from "@/components/ui/input"; +import { + Dropzone, + DropzoneZone, + DropzoneUploadIcon, + DropzoneTitle, + DropzoneDescription, + DropzoneInput +} from "@/components/ui/dropzone"; +import { Progress } from "@/components/ui/progress"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { useRouter } from "next/navigation"; +import { createTemplateFromUpload } from "../actions"; + +// (불필요한 템플릿/프로젝트 로딩 로직 제거) + +const templateFormSchema = z.object({ + contractTemplateType: z.string().min(2, "계약 종류는 2자리 영문입니다.").max(2, "계약 종류는 2자리 영문입니다.").regex(/^[A-Za-z]{2}$/, "영문 2자리로 입력하세요."), + contractTemplateName: z.string().min(1, "계약 문서명을 입력하세요."), + legalReviewRequired: z.boolean().default(false), + file: z.instanceof(File, { + message: "파일을 업로드해주세요.", + }), +}) +.refine((data) => { + if (data.file && data.file.size > 100 * 1024 * 1024) return false; + return true; +}, { + message: "파일 크기는 100MB 이하여야 합니다.", + path: ["file"], +}) +.refine((data) => { + if (data.file) { + const isValidType = data.file.type === 'application/msword' || + data.file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'; + return isValidType; + } + return true; +}, { + message: "워드 파일(.doc, .docx)만 업로드 가능합니다.", + path: ["file"], +}); + +type TemplateFormValues = z.infer; + +export function AddGeneralContractTemplateDialog() { + const [open, setOpen] = React.useState(false); + const [isLoading, setIsLoading] = React.useState(false); + const [selectedFile, setSelectedFile] = React.useState(null); + const [uploadProgress, setUploadProgress] = React.useState(0); + const [showProgress, setShowProgress] = React.useState(false); + const router = useRouter(); + + // 기본값 + const defaultValues: Partial = { + contractTemplateType: "", + contractTemplateName: "", + legalReviewRequired: false, + }; + + const form = useForm({ + resolver: zodResolver(templateFormSchema), + defaultValues, + mode: "onChange", + }); + + // (불필요한 데이터 로딩 제거) + + const handleFileChange = (files: File[]) => { + if (files.length > 0) { + const file = files[0]; + setSelectedFile(file); + form.setValue("file", file); + } + }; + + // (프로젝트/템플릿 관련 핸들러 제거) + + // 청크 업로드 설정 (basic과 동일 패턴) + const CHUNK_SIZE = 1 * 1024 * 1024; + + const uploadFileInChunks = async (file: File, fileId: string) => { + const totalChunks = Math.ceil(file.size / CHUNK_SIZE); + setShowProgress(true); + setUploadProgress(0); + + for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) { + const start = chunkIndex * CHUNK_SIZE; + const end = Math.min(start + CHUNK_SIZE, file.size); + const chunk = file.slice(start, end); + + const formData = new FormData(); + formData.append('chunk', chunk); + formData.append('filename', file.name); + formData.append('chunkIndex', chunkIndex.toString()); + formData.append('totalChunks', totalChunks.toString()); + formData.append('fileId', fileId); + + const response = await fetch('/api/upload/generalContract/chunk', { + method: 'POST', + body: formData, + }); + + if (!response.ok) { + throw new Error(`청크 업로드 실패: ${response.statusText}`); + } + + const progress = Math.round(((chunkIndex + 1) / totalChunks) * 100); + setUploadProgress(progress); + + const result = await response.json(); + if (chunkIndex === totalChunks - 1) { + return result; + } + } + }; + + async function onSubmit(formData: TemplateFormValues) { + setIsLoading(true); + try { + // 파일 업로드 (청크 업로드 → 마지막 청크에서 filePath 반환) + const { v4: uuidv4 } = await import('uuid'); + const fileId = uuidv4(); + const uploadResult = await uploadFileInChunks(formData.file, fileId); + + if (!uploadResult?.success) { + throw new Error("파일 업로드에 실패했습니다."); + } + + // 업로드 완료 후 DB 저장 API 호출 (basic과 동일 플로우) + const saveResponse = await fetch('/api/upload/generalContract/complete', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ + contractTemplateType: formData.contractTemplateType, + contractTemplateName: formData.contractTemplateName, + legalReviewRequired: formData.legalReviewRequired, + revision: 1, + status: 'ACTIVE', + fileName: uploadResult.fileName, + filePath: uploadResult.filePath, + }), + }); + + const saveResult = await saveResponse.json(); + if (!saveResult?.success) { + throw new Error(saveResult?.error || '템플릿 정보 저장에 실패했습니다.'); + } + + toast.success('템플릿이 성공적으로 추가되었습니다.'); + form.reset(); + setSelectedFile(null); + setOpen(false); + setShowProgress(false); + router.refresh(); + } catch (error) { + console.error("Submit error:", error); + toast.error(error instanceof Error ? error.message : "템플릿 추가 중 오류가 발생했습니다."); + } finally { + setIsLoading(false); + } + } + + React.useEffect(() => { + if (!open) { + form.reset(); + setSelectedFile(null); + setShowProgress(false); + setUploadProgress(0); + } + }, [open, form]); + + function handleDialogOpenChange(nextOpen: boolean) { + if (!nextOpen) { + form.reset(); + } + setOpen(nextOpen); + } + + // (이전 필드 watch 제거) + + const isSubmitDisabled = isLoading || + !form.watch("contractTemplateType") || + !form.watch("contractTemplateName") || + !form.watch("file"); + + return ( + + + + + + + 신규등록 - 일반계약 표준양식 + + 계약 종류, 계약 문서명, 법무 검토, 첨부파일을 입력하세요. + * 표시된 항목은 필수 입력사항입니다. + + + +
+
+ + + + 계약 종류 + + + ( + + + 계약 종류 * + + field.onChange(e.target.value.toUpperCase().slice(0, 2))} + maxLength={2} + /> + + + )} + /> + + + + + + 계약 문서명 + + + ( + + + 계약 문서명 * + + + + + )} + /> + + + + + + 법무 검토 + + + ( + +
+ 법무검토 필요 + + 법무팀 검토가 필요한 템플릿인지 설정 + +
+ + + + + )} + /> + + + + + + 파일 업로드 + + 템플릿 파일을 업로드하세요 + + + + ( + + + 템플릿 파일 * + + + + + + + {selectedFile ? selectedFile.name : "워드 파일을 여기에 드래그하세요"} + + + {selectedFile + ? `파일 크기: ${(selectedFile.size / (1024 * 1024)).toFixed(2)} MB` + : "또는 클릭하여 워드 파일(.doc, .docx)을 선택하세요 (최대 100MB)"} + + + + + + + + )} + /> + + {showProgress && ( +
+
+ 업로드 진행률 + {uploadProgress}% +
+ +
+ )} + + +
+ +
+ + + + + + + + ); +} \ No newline at end of file diff --git a/lib/general-contract-template/template/create-revision-dialog.tsx b/lib/general-contract-template/template/create-revision-dialog.tsx new file mode 100644 index 00000000..86939f7c --- /dev/null +++ b/lib/general-contract-template/template/create-revision-dialog.tsx @@ -0,0 +1,435 @@ +"use client"; + +import * as React from "react"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { useForm } from "react-hook-form"; +import * as z from "zod"; +import { toast } from "sonner"; +import { v4 as uuidv4 } from 'uuid'; +import { FileText, Loader, Copy } from "lucide-react"; +import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog"; +import { + Form, + FormControl, + FormField, + FormItem, + FormLabel, + FormMessage, + FormDescription, +} from "@/components/ui/form"; +import { Input } from "@/components/ui/input"; +import { Button } from "@/components/ui/button"; +import { Switch } from "@/components/ui/switch"; +import { + Dropzone, + DropzoneZone, + DropzoneUploadIcon, + DropzoneTitle, + DropzoneDescription, + DropzoneInput +} from "@/components/ui/dropzone"; +import { Progress } from "@/components/ui/progress"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import { useRouter } from "next/navigation"; +import { GeneralContractTemplate } from "@/db/schema"; +import { createGeneralContractTemplateRevisionAction } from "../actions"; + +// 리비전 생성 스키마 정의 +const createRevisionSchema = z.object({ + contractTemplateName: z.string().min(1, "계약 문서명을 입력해주세요."), + contractTemplateType: z.string().min(1, "계약 종류를 입력해주세요."), + revision: z.number().min(1, "리비전 번호는 1 이상이어야 합니다."), + legalReviewRequired: z.boolean(), + file: z.instanceof(File).optional(), +}); + +type CreateRevisionFormValues = z.infer; + +interface CreateRevisionDialogProps { + open: boolean; + onOpenChange: (open: boolean) => void; + baseTemplate: GeneralContractTemplate | null; + onSuccess?: () => void; +} + +export function CreateRevisionDialog({ + open, + onOpenChange, + baseTemplate, + onSuccess +}: CreateRevisionDialogProps) { + const router = useRouter(); + const [isLoading, setIsLoading] = React.useState(false); + const [uploadProgress, setUploadProgress] = React.useState(0); + const [suggestedRevision, setSuggestedRevision] = React.useState(1); + + // 기본 템플릿의 다음 리비전 번호 계산 + React.useEffect(() => { + if (baseTemplate) { + setSuggestedRevision(baseTemplate.revision + 1); + } + }, [baseTemplate]); + + // 기본값 설정 (기존 템플릿의 설정을 상속) + const defaultValues: Partial = React.useMemo(() => { + if (!baseTemplate) return {}; + + return { + contractTemplateName: baseTemplate.contractTemplateName, + contractTemplateType: baseTemplate.contractTemplateType, + revision: suggestedRevision, + legalReviewRequired: baseTemplate.legalReviewRequired || false, + }; + }, [baseTemplate, suggestedRevision]); + + // 폼 초기화 + const form = useForm({ + resolver: zodResolver(createRevisionSchema), + defaultValues, + mode: "onChange", + }); + + // baseTemplate이 변경될 때 폼 값 재설정 + React.useEffect(() => { + if (baseTemplate && defaultValues) { + form.reset(defaultValues); + } + }, [baseTemplate, defaultValues, form]); + + // 파일 업로드 핸들러 (basic-contract와 동일한 방식) + const uploadFileInChunks = async (file: File, fileId: string) => { + const chunkSize = 1024 * 1024; // 1MB chunks + const totalChunks = Math.ceil(file.size / chunkSize); + + for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) { + const start = chunkIndex * chunkSize; + const end = Math.min(start + chunkSize, file.size); + const chunk = file.slice(start, end); + + const formData = new FormData(); + formData.append('file', chunk); + formData.append('chunkIndex', chunkIndex.toString()); + formData.append('totalChunks', totalChunks.toString()); + formData.append('fileId', fileId); + formData.append('fileName', file.name); + + try { + const response = await fetch('/api/upload/generalContract/chunk', { + method: 'POST', + body: formData, + }); + + if (!response.ok) { + throw new Error(`청크 업로드 실패: ${response.statusText}`); + } + + // 진행률 업데이트 + const progress = Math.round(((chunkIndex + 1) / totalChunks) * 100); + setUploadProgress(progress); + + const result = await response.json(); + + // 마지막 청크인 경우 파일 경로 반환 + if (chunkIndex === totalChunks - 1) { + return result; + } + } catch (error) { + console.error(`청크 ${chunkIndex} 업로드 오류:`, error); + throw error; + } + } + }; + + async function onSubmit(formData: CreateRevisionFormValues) { + if (!baseTemplate) { + toast.error("기본 템플릿 정보가 없습니다."); + return; + } + + setIsLoading(true); + setUploadProgress(0); + + try { + let fileName = baseTemplate.fileName || ""; + let filePath = baseTemplate.filePath || ""; + + // 새 파일이 업로드된 경우 + if (formData.file) { + const fileId = uuidv4(); + const uploadResult = await uploadFileInChunks(formData.file, fileId); + + if (!uploadResult.success) { + throw new Error("파일 업로드에 실패했습니다."); + } + + fileName = uploadResult.fileName; + filePath = uploadResult.filePath; + } + + // Server Action으로 리비전 생성 + const result = await createGeneralContractTemplateRevisionAction({ + baseTemplateId: baseTemplate.id, + contractTemplateName: formData.contractTemplateName, + contractTemplateType: formData.contractTemplateType, + revision: formData.revision, + legalReviewRequired: formData.legalReviewRequired, + fileName, + filePath, + }); + + toast.success(result.message); + + onSuccess?.(); + onOpenChange(false); + form.reset(); + + // 페이지 새로고침 + window.location.reload(); + + } catch (error) { + console.error("리비전 생성 오류:", error); + toast.error("리비전 생성 중 오류가 발생했습니다."); + } finally { + setIsLoading(false); + setUploadProgress(0); + } + } + + if (!baseTemplate) return null; + + return ( + + + {/* 고정된 헤더 */} + + + + 새 리비전 생성 + + +
+
+ + {baseTemplate.contractTemplateName} + 현재 v{baseTemplate.revision} + → + 새 v{suggestedRevision} +
+

+ 기존 템플릿을 기반으로 새로운 리비전을 생성합니다. + * 표시된 항목은 필수 입력사항입니다. +

+
+ + + + {/* 스크롤 가능한 컨텐츠 영역 */} +
+
+ + {/* 리비전 정보 */} + + + 리비전 정보 + + 새로 생성할 리비전의 번호를 설정하세요 + + + + ( + + + 리비전 번호 * + + + field.onChange(parseInt(e.target.value) || suggestedRevision)} + /> + + + 권장 리비전: {suggestedRevision} (현재 리비전보다 큰 숫자여야 합니다) + + + + )} + /> + + ( + +
+ 법무검토 필요 + + 법무팀 검토가 필요한 템플릿인지 설정 + +
+ + + + + )} + /> + + + + {/* 기본 정보 */} + + + 기본 정보 + + 템플릿의 기본 정보를 입력하세요 + + + + ( + + 계약 문서명 * + + + + + + )} + /> + + ( + + 계약 종류 * + + + + + + )} + /> + + + + {/* 파일 업로드 */} + + + 파일 업로드 + + 새로운 파일을 업로드하거나 기존 파일을 사용할 수 있습니다. + + + + ( + + 새 파일 (선택사항) + + { + if (acceptedFiles.length > 0) { + onChange(acceptedFiles[0]); + } + }} + accept={{ + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'], + 'application/msword': ['.doc'], + }} + maxFiles={1} + > + + + 파일을 드래그하거나 클릭하여 업로드 + + DOCX 또는 DOC 파일만 업로드 가능합니다. + + + + + + {value && ( +
+ + {value.name} +
+ )} + {uploadProgress > 0 && uploadProgress < 100 && ( +
+ +

+ 업로드 중... {Math.round(uploadProgress)}% +

+
+ )} + + + )} + /> + + {baseTemplate?.fileName && ( +
+

기존 파일:

+
+ + {baseTemplate.fileName} + 기존 파일 사용 +
+
+ )} + + +
+ +
+ + {/* 고정된 푸터 */} + +
+ + +
+ + + + ); +} diff --git a/lib/general-contract-template/template/general-contract-template-columns.tsx b/lib/general-contract-template/template/general-contract-template-columns.tsx new file mode 100644 index 00000000..e4167839 --- /dev/null +++ b/lib/general-contract-template/template/general-contract-template-columns.tsx @@ -0,0 +1,698 @@ +"use client" + +import * as React from "react" +import { type DataTableRowAction } from "@/types/table" +import { type ColumnDef } from "@tanstack/react-table" +import { Download, Ellipsis, Paperclip, CheckCircle, XCircle, Eye, Copy, GitBranch } from "lucide-react" +import { toast } from "sonner" + +import { getErrorMessage } from "@/lib/handle-error" +import { formatDate, formatDateTime } from "@/lib/utils" +import { Badge } from "@/components/ui/badge" +import { Button } from "@/components/ui/button" +import { Checkbox } from "@/components/ui/checkbox" +import { users } from "@/db/schema" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuRadioGroup, + DropdownMenuRadioItem, + DropdownMenuSeparator, + DropdownMenuShortcut, + DropdownMenuSub, + DropdownMenuSubContent, + DropdownMenuSubTrigger, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu" +import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" + +import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header" +import { GeneralContractTemplate } from "@/db/schema" +import { quickDownload } from "@/lib/file-download" +import { useRouter } from "next/navigation" + +interface GetColumnsProps { + setRowAction: React.Dispatch | null>> + router: ReturnType +} + +/** + * 파일 다운로드 함수 (공용 유틸리티 사용) + */ +const handleFileDownload = async (filePath: string, fileName: string) => { + try { + await quickDownload(filePath, fileName); + } catch (error) { + console.error("파일 다운로드 오류:", error); + toast.error("파일 다운로드 중 오류가 발생했습니다."); + } +}; + +/** + * tanstack table 컬럼 정의 (중첩 헤더 버전) + */ +export function getColumns({ setRowAction, router }: GetColumnsProps): ColumnDef[] { + // ---------------------------------------------------------------- + // 1) select 컬럼 (체크박스) + // ---------------------------------------------------------------- + const selectColumn: ColumnDef = { + id: "select", + header: ({ table }) => ( + table.toggleAllPageRowsSelected(!!value)} + aria-label="Select all" + className="translate-y-0.5" + /> + ), + cell: ({ row }) => ( + row.toggleSelected(!!value)} + aria-label="Select row" + className="translate-y-0.5" + /> + ), + size: 30, + minSize: 30, + maxSize: 30, + enableSorting: false, + enableHiding: false, + } + + // ---------------------------------------------------------------- + // 2) 파일 다운로드 컬럼 (아이콘) + // ---------------------------------------------------------------- + const downloadColumn: ColumnDef = { + id: "download", + header: "", + cell: ({ row }) => { + const template = row.original; + + return ( + + ); + }, + size: 30, + minSize: 30, + maxSize: 30, + enableSorting: false, + } + + // ---------------------------------------------------------------- + // 3) actions 컬럼 (Dropdown 메뉴) + // ---------------------------------------------------------------- + const actionsColumn: ColumnDef = { + id: "actions", + header: "", + enableHiding: false, + cell: function Cell({ row }) { + const [isUpdatePending, startUpdateTransition] = React.useTransition() + const template = row.original; + + const handleViewDetails = () => { + router.push(`/evcp/general-contract-template/${template.id}`); + }; + + return ( + + + + + + router.push(`/evcp/general-contract-template/${template.id}`)} + > + {/* */} + 상세보기 + + + + + setRowAction({ row, type: "create-revision" })} + > + {/* */} + 리비전 생성하기 + + + + + setRowAction({ row, type: "update" })} + > + 수정하기 + + + {template.status === 'ACTIVE' && ( + setRowAction({ row, type: "dispose" })} + > + 폐기하기 + + )} + + {template.status === 'DISPOSED' && template.disposedAt && ( + setRowAction({ row, type: "restore" })} + > + 복구하기 + + )} + + + setRowAction({ row, type: "delete" })} + > + 삭제하기 + {/* ⌘⌫ */} + + + + ) + }, + size: 30, + minSize: 30, + maxSize: 30, + } + + // ---------------------------------------------------------------- + // 4) 컬럼 정의 + // ---------------------------------------------------------------- + const basicInfoColumns: ColumnDef[] = [ + { + accessorKey: "id", + header: ({ column }) => , + cell: ({ row }) => { + // Sequential number based on table order + return ( +
+ {row.index + 1} +
+ ); + }, + size: 60, + minSize: 50, + maxSize: 80, + enableSorting: false, + }, + { + accessorKey: "status", + header: ({ column }) => , + cell: ({ row }) => { + const status = row.getValue("status") as string; + const getStatusDisplay = (status: string) => { + switch (status) { + case "ACTIVE": + return "A"; + case "DISPOSED": + return "D"; + case "INACTIVE": + return ""; // 빈 문자열로 "Null" 표현 + default: + return ""; + } + }; + return ( +
+ {getStatusDisplay(status)} +
+ ); + }, + size: 80, + minSize: 60, + maxSize: 120, + enableResizing: true, + filterFn: (row, id, value) => { + return value.includes(row.getValue(id)); + }, + }, + { + accessorKey: "contractTemplateType", + header: ({ column }) => , + cell: ({ row }) => { + const contractType = row.getValue("contractTemplateType") as string; + return ( +
+ {contractType} +
+ ); + }, + size: 100, + minSize: 80, + maxSize: 150, + enableResizing: true, + filterFn: (row, id, value) => { + return value.includes(row.getValue(id)); + }, + }, + + { + accessorKey: "contractTemplateName", + header: ({ column }) => , + cell: ({ row }) => { + const template = row.original; + + const handleClick = () => { + router.push(`/evcp/general-contract-template/${template.id}`); + }; + + return ( +
+ +
+ ); + }, + size: 250, + minSize: 200, + maxSize: 400, + enableResizing: true, + }, + { + accessorKey: "revision", + header: ({ column }) => , + cell: ({ row }) => { + const revision = row.getValue("revision") as number; + return ( +
+ {revision} +
+ ); + }, + size: 80, + minSize: 60, + maxSize: 120, + enableResizing: true, + }, + ]; + + // const scopeColumns: ColumnDef[] = [ + // { + // accessorKey: "shipBuildingApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("shipBuildingApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 80, + // enableResizing: true, + // }, + // { + // accessorKey: "windApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("windApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 60, + // enableResizing: true, + // }, + // { + // accessorKey: "pcApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("pcApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 50, + // enableResizing: true, + // }, + // { + // accessorKey: "nbApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("nbApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 50, + // enableResizing: true, + // }, + // { + // accessorKey: "rcApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("rcApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 50, + // enableResizing: true, + // }, + // { + // accessorKey: "gyApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("gyApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 50, + // enableResizing: true, + // }, + // { + // accessorKey: "sysApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("sysApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 60, + // enableResizing: true, + // }, + // { + // accessorKey: "infraApplicable", + // header: ({ column }) => , + // cell: ({ row }) => { + // const applicable = row.getValue("infraApplicable") as boolean; + // return ( + //
+ // {applicable ? ( + // + // ) : ( + // + // )} + //
+ // ); + // }, + // size: 60, + // enableResizing: true, + // }, + // ]; + + const fileInfoColumns: ColumnDef[] = [ + { + accessorKey: "fileName", + header: ({ column }) => , + cell: ({ row }) => { + const fileName = row.getValue("fileName") as string; + return ( +
+ + {fileName} + +
+ ); + }, + size: 200, + minSize: 150, + maxSize: 300, + enableResizing: true, + }, + ]; + + const auditColumns: ColumnDef[] = [ + { + accessorKey: "createdAt", + header: ({ column }) => , + cell: ({ row }) => { + const date = row.getValue("createdAt") as Date; + return date ? formatDateTime(date, "ko-KR") : "-"; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + { + accessorKey: "updatedAt", + header: ({ column }) => , + cell: ({ row }) => { + const date = row.getValue("updatedAt") as Date; + return date ? formatDateTime(date, "ko-KR") : "-"; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + { + accessorKey: "disposedAt", + header: ({ column }) => , + cell: ({ row }) => { + const date = row.getValue("disposedAt") as Date; + return date ? formatDateTime(date, "ko-KR") : "-"; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + { + accessorKey: "restoredAt", + header: ({ column }) => , + cell: ({ row }) => { + const date = row.getValue("restoredAt") as Date; + return date ? formatDateTime(date, "ko-KR") : "-"; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + ]; + + // ---------------------------------------------------------------- + // 5) 최종 컬럼 배열: 사용자 요구사항 순서에 맞게 재배치 + // ---------------------------------------------------------------- + return [ + selectColumn, // ㅁ* (체크박스) + { // No. + accessorKey: "id", + header: ({ column }) => , + cell: ({ row }) => { + return ( +
+ {row.index + 1} +
+ ); + }, + size: 40, + minSize: 40, + maxSize: 70, + enableSorting: false, + }, + { // 상태 + accessorKey: "status", + header: ({ column }) => , + cell: ({ row }) => { + const status = row.getValue("status") as string; + let displayStatus = ""; + if (status === "ACTIVE") displayStatus = "A"; + else if (status === "DISPOSED") displayStatus = "D"; + // INACTIVE는 빈 문자열로 "Null" 표현 + + return ( +
+ {displayStatus} +
+ ); + }, + size: 50, + minSize: 40, + maxSize: 70, + enableResizing: true, + }, + { // 계약종류 + accessorKey: "contractTemplateType", + header: ({ column }) => , + cell: ({ row }) => { + const contractType = row.getValue("contractTemplateType") as string; + return ( +
+ {contractType} +
+ ); + }, + size: 80, + minSize: 60, + maxSize: 120, + enableResizing: true, + }, + { // 계약문서명 + accessorKey: "contractTemplateName", + header: ({ column }) => , + cell: ({ row }) => { + const contractName = row.getValue("contractTemplateName") as string; + return ( +
+ {contractName} +
+ ); + }, + size: 200, + minSize: 150, + maxSize: 1000, + enableResizing: true, + }, + { // Rev. + accessorKey: "revision", + header: ({ column }) => , + cell: ({ row }) => { + const revision = row.getValue("revision") as number; + return ( +
+ {revision} +
+ ); + }, + size: 60, + minSize: 50, + maxSize: 80, + enableResizing: true, + }, + { // 법무검토 + accessorKey: "legalReviewRequired", + header: ({ column }) => , + cell: ({ row }) => { + const required = row.getValue("legalReviewRequired") as boolean; + return ( + + {required ? "필요" : "불필요"} + + ); + }, + size: 100, + minSize: 80, + maxSize: 150, + enableResizing: true, + }, + { // 최종 Update일 + accessorKey: "updatedAt", + header: ({ column }) => , + cell: ({ row }) => { + const date = row.getValue("updatedAt") as Date; + return date ? formatDate(date) : ""; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + { // 최종 Update자 + accessorKey: "updatedByName", + header: ({ column }) => , + cell: ({ row }) => { + const updatedByName = row.getValue("updatedByName") as string | null; + return updatedByName || ""; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + { // 폐기일자 + accessorKey: "disposedAt", + header: ({ column }) => , + cell: ({ row }) => { + const date = row.getValue("disposedAt") as Date | null; + return date ? formatDate(date) : ""; + }, + size: 120, + minSize: 100, + maxSize: 180, + enableResizing: true, + }, + { // 첨부 + accessorKey: "fileName", + header: ({ column }) => , + cell: ({ row }) => { + const template = row.original; + + return ( + + ); + }, + maxSize: 50, + enableSorting: false, + }, + actionsColumn, // 빈 컬럼 (···) + ] +} \ No newline at end of file diff --git a/lib/general-contract-template/template/general-contract-template-toolbar-actions.tsx b/lib/general-contract-template/template/general-contract-template-toolbar-actions.tsx new file mode 100644 index 00000000..03818109 --- /dev/null +++ b/lib/general-contract-template/template/general-contract-template-toolbar-actions.tsx @@ -0,0 +1,131 @@ +"use client" + +import * as React from "react" +import { useRouter } from "next/navigation" +import { Trash2, FileText } from "lucide-react" +import { toast } from "sonner" + +import { Button } from "@/components/ui/button" +import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" +import { disposeTemplates } from "../actions" +import { AddGeneralContractTemplateDialog } from "./add-general-contract-template-dialog" + +interface GeneralContractTemplateToolbarActionsProps { + selectedRows?: any[] + onSelectionChange?: (selectedRows: any[]) => void +} + +export function GeneralContractTemplateToolbarActions({ + selectedRows = [], + onSelectionChange +}: GeneralContractTemplateToolbarActionsProps) { + const router = useRouter() + const [isModifyOpen, setIsModifyOpen] = React.useState(false) + const [isDisposeOpen, setIsDisposeOpen] = React.useState(false) + const [isContractStatusOpen, setIsContractStatusOpen] = React.useState(false) + + // 폐기 버튼 클릭 + const handleDispose = () => { + if (selectedRows.length === 0) { + toast.error("폐기할 문서를 선택해주세요.") + return + } + + setIsDisposeOpen(true) + } + + // 계약현황 버튼 클릭 + const handleContractStatus = () => { + if (selectedRows.length === 0) { + toast.error("확인할 문서를 선택해주세요.") + return + } + + if (selectedRows.length > 1) { + toast.error("한 번에 하나의 문서만 확인할 수 있습니다.") + return + } + + // 일반계약관리 페이지로 이동 + router.push(`/evcp/general-contracts`) + } + + // 실제 폐기 처리 + const handleConfirmDispose = async () => { + try { + // 폐기할 템플릿 ID들 추출 + const templateIds = selectedRows.map(row => row.id) + + // Server Action 호출 + const result = await disposeTemplates(templateIds) + + toast.success(result.message) + setIsDisposeOpen(false) + + // 페이지 새로고침 또는 테이블 업데이트 + window.location.reload() + } catch (error) { + console.error('폐기 처리 오류:', error) + toast.error(error instanceof Error ? error.message : "폐기 처리 중 오류가 발생했습니다.") + } + } + + return ( + <> +
+ {/* 신규등록: 다이얼로그 사용 */} + + + {/* 계약현황 버튼 */} + + + {/* 폐기 버튼 */} + +
+ + {/* 폐기 확인 다이얼로그 */} + + + + 문서 폐기 확인 + + 선택된 {selectedRows.length}개의 문서를 폐기하시겠습니까? +
+ 폐기된 문서는 복구할 수 없습니다. + + +
+ + +
+ + + + ) +} diff --git a/lib/general-contract-template/template/general-contract-template-viewer.tsx b/lib/general-contract-template/template/general-contract-template-viewer.tsx new file mode 100644 index 00000000..25562256 --- /dev/null +++ b/lib/general-contract-template/template/general-contract-template-viewer.tsx @@ -0,0 +1,234 @@ +"use client"; + +import React, { + useState, + useEffect, + useRef, + SetStateAction, + Dispatch, +} from "react"; +import { WebViewerInstance } from "@pdftron/webviewer"; +import { Loader2 } from "lucide-react"; +import { toast } from "sonner"; + +interface GeneralContractTemplateViewerProps { + templateId?: number; + filePath?: string; + instance: WebViewerInstance | null; + setInstance: Dispatch>; +} + +export function GeneralContractTemplateViewer({ + templateId, + filePath, + instance, + setInstance, +}: GeneralContractTemplateViewerProps) { + const [fileLoading, setFileLoading] = useState(true); + const viewer = useRef(null); + const initialized = useRef(false); + const isCancelled = useRef(false); + + // WebViewer 초기화 (기존 SignViewer와 완전히 동일) + useEffect(() => { + if (!initialized.current && viewer.current) { + initialized.current = true; + isCancelled.current = false; + + requestAnimationFrame(() => { + if (viewer.current) { + import("@pdftron/webviewer").then(({ default: WebViewer }) => { + if (isCancelled.current) { + console.log("📛 WebViewer 초기화 취소됨"); + return; + } + + // viewerElement이 확실히 존재함을 확인 + const viewerElement = viewer.current; + if (!viewerElement) return; + + WebViewer( + { + path: "/pdftronWeb", + licenseKey: process.env.NEXT_PUBLIC_PDFTRON_WEBVIEW_KEY, + fullAPI: true, + // 한글 입력 지원을 위한 설정 + enableOfficeEditing: true, // Office 편집 모드에서 IME 지원 필요 + l: "ko", // 한국어 로케일 설정 + }, + viewerElement + ).then((instance: WebViewerInstance) => { + setInstance(instance); + setFileLoading(false); + + try { + const { disableElements, enableElements, setToolbarGroup } = instance.UI; + + // 편집에 필요한 요소들 활성화 + enableElements([ + "toolbarGroup-Edit", + "toolbarGroup-Insert", + "textSelectButton", + "panToolButton" + ]); + + // 불필요한 요소들만 비활성화 + disableElements([ + "toolbarGroup-Annotate", // 주석 도구 + "toolbarGroup-Shapes", // 도형 도구 + "toolbarGroup-Forms", // 폼 도구 + "signatureToolButton", // 서명 도구 + "stampToolButton", // 스탬프 도구 + "rubberStampToolButton", // 러버스탬프 도구 + "freeHandToolButton", // 자유 그리기 + "stickyToolButton", // 스티키 노트 + "calloutToolButton", // 콜아웃 + ]); + + // 편집 툴바 설정 + setToolbarGroup("toolbarGroup-Edit"); + + // 한글 입력 지원을 위한 추가 설정 + const iframeWindow = instance.UI.iframeWindow; + if (iframeWindow && iframeWindow.document) { + // IME 지원 활성화 + const documentBody = iframeWindow.document.body; + if (documentBody) { + documentBody.style.imeMode = 'active'; + documentBody.setAttribute('lang', 'ko-KR'); + } + + // 키보드 이벤트 리스너 추가 (한글 입력 감지) + iframeWindow.document.addEventListener('compositionstart', (e) => { + console.log('🇰🇷 한글 입력 시작'); + }); + + iframeWindow.document.addEventListener('compositionend', (e) => { + console.log('🇰🇷 한글 입력 완료:', e.data); + }); + } + + console.log("📝 WebViewer 한글 지원 초기화 완료"); + } catch (uiError) { + console.warn("⚠️ UI 설정 중 오류 (무시됨):", uiError); + } + }).catch((error) => { + console.error("❌ WebViewer 초기화 실패:", error); + setFileLoading(false); + toast.error("뷰어 초기화에 실패했습니다."); + }); + }); + } + }); + } + + return () => { + if (instance) { + instance.UI.dispose(); + } + isCancelled.current = true; + setTimeout(() => cleanupHtmlStyle(), 500); + }; + }, []); + + // 문서 로드 (기존 SignViewer와 동일) + useEffect(() => { + if (!instance || !filePath) return; + + loadDocument(instance, filePath); + }, [instance, filePath]); + + // 한글 지원 Office 문서 로드 + const loadDocument = async (instance: WebViewerInstance, documentPath: string) => { + setFileLoading(true); + try { + // 절대 URL로 변환 + const fullPath = documentPath.startsWith('http') + ? documentPath + : `${window.location.origin}${documentPath}`; + + // 파일명 추출 + const fileName = documentPath.split('/').pop() || 'document.docx'; + + console.log("📄 한글 지원 Office 문서 로드 시작:", fullPath); + console.log("📎 파일명:", fileName); + + // PDFTron 공식 방법: instance.UI.loadDocument() + 한글 지원 옵션 + await instance.UI.loadDocument(fullPath, { + filename: fileName, + enableOfficeEditing: true, + // 한글 입력 지원을 위한 추가 옵션 + officeOptions: { + locale: 'ko-KR', + enableIME: true, + } + }); + + // 문서 로드 후 한글 입력 환경 설정 + setTimeout(() => { + try { + const iframeWindow = instance.UI.iframeWindow; + if (iframeWindow && iframeWindow.document) { + // Office 편집기 컨테이너 찾기 + const officeContainer = iframeWindow.document.querySelector('[data-office-editor]') || + iframeWindow.document.querySelector('.office-editor') || + iframeWindow.document.body; + + if (officeContainer) { + // 한글 입력 최적화 설정 + officeContainer.style.imeMode = 'active'; + officeContainer.setAttribute('lang', 'ko-KR'); + officeContainer.setAttribute('inputmode', 'text'); + + console.log("🇰🇷 한글 입력 환경 설정 완료"); + } + } + } catch (setupError) { + console.warn("⚠️ 한글 입력 환경 설정 실패:", setupError); + } + }, 1000); + + console.log("✅ 한글 지원 Office 편집 모드로 문서 로드 완료"); + toast.success("Office 편집 모드가 활성화되었습니다.", { + description: "한글 입력이 안 될 경우 외부에서 작성 후 복사-붙여넣기를 사용하세요." + }); + + } catch (err) { + console.error("❌ Office 문서 로딩 중 오류:", err); + toast.error(`Office 문서 로드 실패: ${err instanceof Error ? err.message : '알 수 없는 오류'}`); + } finally { + setFileLoading(false); + } + }; + + // 기존 SignViewer와 동일한 렌더링 (확대 문제 해결) + return ( +
+
+ {fileLoading && ( +
+ +

문서 로딩 중...

+
+ )} +
+
+ ); +} + +// WebViewer 정리 함수 (기존과 동일) +const cleanupHtmlStyle = () => { + // iframe 스타일 정리 (WebViewer가 추가한 스타일) + const elements = document.querySelectorAll('.Document_container'); + elements.forEach((elem) => { + elem.remove(); + }); +}; \ No newline at end of file diff --git a/lib/general-contract-template/template/general-contract-template.tsx b/lib/general-contract-template/template/general-contract-template.tsx new file mode 100644 index 00000000..f66e8cf9 --- /dev/null +++ b/lib/general-contract-template/template/general-contract-template.tsx @@ -0,0 +1,287 @@ +"use client"; + +import * as React from "react"; +import { useRouter } from "next/navigation"; +import { DataTable } from "@/components/data-table/data-table"; +import { useDataTable } from "@/hooks/use-data-table"; +import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar"; +import type { + DataTableAdvancedFilterField, + DataTableRowAction, +} from "@/types/table" +import { getContractTemplates} from "../service"; +import { getColumns } from "./general-contract-template-columns"; +import { GeneralContractTemplateToolbarActions } from "./general-contract-template-toolbar-actions"; +import { UpdateTemplateSheet } from "./update-generalContract-sheet"; +import { CreateRevisionDialog } from "./create-revision-dialog"; +import { removeTemplates } from "../service"; +import { disposeTemplates, restoreTemplates } from "../actions"; +import { toast } from "sonner"; +import { Button } from "@/components/ui/button"; +import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"; + +import { GeneralContractTemplate } from "@/db/schema"; + +interface ContractTemplateTableProps { + promises: Promise< + [ + Awaited>, + ] + > +} + +export function ContractTemplateTable({ promises }: ContractTemplateTableProps) { + const router = useRouter(); + const [rowAction, setRowAction] = + React.useState | null>(null) + const [selectedRows, setSelectedRows] = React.useState([]) + const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false) + const [isDisposeDialogOpen, setIsDisposeDialogOpen] = React.useState(false) + const [isRestoreDialogOpen, setIsRestoreDialogOpen] = React.useState(false) + const [isCreateRevisionDialogOpen, setIsCreateRevisionDialogOpen] = React.useState(false) + const [{ data, pageCount }] = + React.use(promises) + + // 컬럼 설정 - router와 setRowAction을 전달 + const columns = React.useMemo( + () => getColumns({ setRowAction, router }), + [setRowAction, router] + ) + + // config 기반으로 필터 필드 설정 + const advancedFilterFields: DataTableAdvancedFilterField[] = [ + { id: "contractTemplateName", label: "계약문서명", type: "text" }, + { + id: "status", label: "상태", type: "select", options: [ + { label: "전체", value: "ALL" }, + { label: "활성화(A)", value: "ACTIVE" }, + { label: "비활성화(Null)", value: "INACTIVE" }, + { label: "폐기(D)", value: "DISPOSED" }, + ] + }, + { id: "contractTemplateType", label: "계약종류", type: "text" }, + { id: "fileName", label: "파일명", type: "text" }, + { id: "createdAt", label: "생성일", type: "date" }, + { id: "updatedAt", label: "수정일", type: "date" }, + ]; + + const { table } = useDataTable({ + data, + columns, + pageCount, + enablePinning: true, + enableAdvancedFilter: true, + initialState: { + sorting: [{ id: "createdAt", desc: true }], + columnPinning: { right: ["actions"] }, + }, + getRowId: (originalRow) => String(originalRow.id), + shallow: false, + clearOnDefault: true, + }) + + // 선택된 행들 추적 + React.useEffect(() => { + const selectedRowModels = table.getFilteredSelectedRowModel().rows + const selectedData = selectedRowModels.map(row => row.original) + setSelectedRows(selectedData) + }, [table.getState().rowSelection]) + + // rowAction 처리 + React.useEffect(() => { + if (rowAction?.type === "delete") { + setIsDeleteDialogOpen(true) + } else if (rowAction?.type === "dispose") { + setIsDisposeDialogOpen(true) + } else if (rowAction?.type === "restore") { + setIsRestoreDialogOpen(true) + } else if (rowAction?.type === "create-revision") { + setIsCreateRevisionDialogOpen(true) + } + }, [rowAction]) + + // 삭제 확인 처리 + const handleConfirmDelete = async () => { + if (!rowAction?.row) return + + try { + const result = await removeTemplates({ ids: [rowAction.row.original.id] }) + + if (result.error) { + toast.error(result.error) + return + } + + toast.success("템플릿이 삭제되었습니다.") + setIsDeleteDialogOpen(false) + setRowAction(null) + + // 페이지 새로고침 + window.location.reload() + } catch (error) { + console.error('삭제 처리 오류:', error) + toast.error("삭제 처리 중 오류가 발생했습니다.") + } + } + + // 폐기 확인 처리 + const handleConfirmDispose = async () => { + if (!rowAction?.row) return + + try { + const result = await disposeTemplates([rowAction.row.original.id]) + + toast.success(result.message) + setIsDisposeDialogOpen(false) + setRowAction(null) + + // 페이지 새로고침 + window.location.reload() + } catch (error) { + console.error('폐기 처리 오류:', error) + toast.error("폐기 처리 중 오류가 발생했습니다.") + } + } + + // 복구 확인 처리 + const handleConfirmRestore = async () => { + if (!rowAction?.row) return + + try { + const result = await restoreTemplates([rowAction.row.original.id]) + + toast.success(result.message) + setIsRestoreDialogOpen(false) + setRowAction(null) + + // 페이지 새로고침 + window.location.reload() + } catch (error) { + console.error('복구 처리 오류:', error) + toast.error("복구 처리 중 오류가 발생했습니다.") + } + } + + return ( + <> + + + + + + + setRowAction(null)} + template={rowAction?.row.original ?? null} + /> + + {/* 삭제 확인 다이얼로그 */} + + + + 템플릿 삭제 확인 + + "{rowAction?.row?.original?.contractTemplateName}" 템플릿을 삭제하시겠습니까? +
+ 삭제된 템플릿은 복구할 수 없습니다. + + +
+ + +
+ + + + {/* 폐기 확인 다이얼로그 */} + + + + 템플릿 폐기 확인 + + "{rowAction?.row?.original?.contractTemplateName}" 템플릿을 폐기하시겠습니까? +
+ 폐기된 템플릿은 복구할 수 있습니다. + + +
+ + +
+ + + + {/* 복구 확인 다이얼로그 */} + + + + 템플릿 복구 확인 + + "{rowAction?.row?.original?.contractTemplateName}" 템플릿을 복구하시겠습니까? +
+ 복구된 템플릿은 다시 사용할 수 있습니다. + + +
+ + +
+ + + + {/* 리비전 생성 다이얼로그 */} + { + setRowAction(null) + }} + /> + + ); +} \ No newline at end of file diff --git a/lib/general-contract-template/template/template-editor-wrapper.tsx b/lib/general-contract-template/template/template-editor-wrapper.tsx new file mode 100644 index 00000000..992ed4e0 --- /dev/null +++ b/lib/general-contract-template/template/template-editor-wrapper.tsx @@ -0,0 +1,449 @@ +"use client"; + +import * as React from "react"; +import { Button } from "@/components/ui/button"; +import { toast } from "sonner"; +import { Save, RefreshCw, Type, FileText, AlertCircle } from "lucide-react"; +import type { WebViewerInstance } from "@pdftron/webviewer"; +import { Badge } from "@/components/ui/badge"; +import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"; +import { GeneralContractTemplateViewer } from "@/lib/general-contract-template/template/general-contract-template-viewer"; +import { getExistingTemplateNamesById, saveTemplateFile } from "@/lib/general-contract-template/service"; + +// 변수 패턴 감지를 위한 정규식 +const VARIABLE_PATTERN = /\{\{([^}]+)\}\}/g; + +const getVariablesForTemplate = (templateName: string): string[] => { + // 정확한 매치 먼저 확인 + if (TEMPLATE_VARIABLES_MAP[templateName as keyof typeof TEMPLATE_VARIABLES_MAP]) { + return [...TEMPLATE_VARIABLES_MAP[templateName as keyof typeof TEMPLATE_VARIABLES_MAP]]; + } + + // GTC가 포함된 경우 확인 + if (templateName.includes("GTC")) { + return [...TEMPLATE_VARIABLES_MAP["GTC"]]; + } + + // 다른 키워드들도 포함 관계로 확인 + for (const [key, variables] of Object.entries(TEMPLATE_VARIABLES_MAP)) { + if (templateName.includes(key)) { + return [...variables]; + } + } + + // 기본값 반환 (basic-contract와 동일) + return ["company_name", "company_address", "representative_name", "signature_date"]; +}; + +// 템플릿 이름별 변수 매핑 (basic-contract와 동일) +const TEMPLATE_VARIABLES_MAP = { + "준법서약 (한글)": ["company_name", "company_address", "representative_name", "signature_date"], + "준법서약 (영문)": ["company_name", "company_address", "representative_name", "signature_date"], + "기술자료 요구서": ["company_name", "company_address", "representative_name", "signature_date", 'tax_id', 'phone_number'], + "비밀유지 계약서": ["company_name", "company_address", "representative_name", "signature_date"], + "표준하도급기본 계약서": ["company_name", "company_address", "representative_name", "signature_date"], + "GTC": ["company_name", "company_address", "representative_name", "signature_date"], + "안전보건관리 약정서": ["company_name", "company_address", "representative_name", "signature_date"], + "동반성장": ["company_name", "company_address", "representative_name", "signature_date"], + "윤리규범 준수 서약서": ["company_name", "company_address", "representative_name", "signature_date"], + "기술자료 동의서": ["company_name", "company_address", "representative_name", "signature_date", 'tax_id', 'phone_number'], + "내국신용장 미개설 합의서": ["company_name", "company_address", "representative_name", "signature_date"], + "직납자재 하도급대급등 연동제 의향서": ["company_name", "company_address", "representative_name", "signature_date"] +} as const; + +// 변수별 한글 설명 매핑 (basic-contract와 동일) +const VARIABLE_DESCRIPTION_MAP = { + "company_name": "협력회사명", + "vendor_name": "협력회사명", + "company_address": "회사주소", + "address": "회사주소", + "representative_name": "대표자명", + "signature_date": "서명날짜", + "today_date": "오늘날짜", + "tax_id": "사업자등록번호", + "phone_number": "전화번호", + "phone": "전화번호", + "email": "이메일" +} as const; + +interface TemplateEditorWrapperProps { + templateId: string | number; + filePath: string | null; + fileName: string | null; + refreshAction?: () => Promise | void; +} + +export function TemplateEditorWrapper({ + templateId, + filePath, + fileName, + refreshAction +}: TemplateEditorWrapperProps) { + const [instance, setInstance] = React.useState(null); + const [isSaving, setIsSaving] = React.useState(false); + const [documentVariables, setDocumentVariables] = React.useState([]); + const [templateName, setTemplateName] = React.useState(""); + const [predefinedVariables, setPredefinedVariables] = React.useState([]); + + // 템플릿 이름 로드 및 변수 설정 + React.useEffect(() => { + const loadTemplateInfo = async () => { + try { + const name = await getExistingTemplateNamesById(Number(templateId)); + setTemplateName(name); + + // 템플릿 이름에 따른 변수 설정 + const variables = getVariablesForTemplate(name); + setPredefinedVariables([...variables]); + + console.log("🏷️ 템플릿 이름:", name); + console.log("📝 할당된 변수들:", variables); + } catch (error) { + console.error("템플릿 정보 로드 오류:", error); + // 기본 변수 설정 + setPredefinedVariables(["company_name", "company_address", "representative_name", "signature_date"]); + } + }; + + if (templateId) { + loadTemplateInfo(); + } + }, [templateId]); + + // 문서에서 변수 추출 + const extractVariablesFromDocument = async () => { + if (!instance) return; + + try { + const { documentViewer } = instance.Core; + const doc = documentViewer.getDocument(); + + if (!doc) return; + + // 문서 텍스트 추출 + const textContent = await doc.getDocumentCompletePromise().then(async () => { + const pageCount = doc.getPageCount(); + let fullText = ""; + + for (let i = 1; i <= pageCount; i++) { + try { + const pageText = await doc.loadPageText(i); + fullText += pageText + " "; + } catch (error) { + console.warn(`페이지 ${i} 텍스트 추출 실패:`, error); + } + } + + return fullText; + }); + + // 변수 패턴 매칭 + const matches = textContent.match(VARIABLE_PATTERN); + const variables = matches + ? [...new Set(matches.map(match => match.replace(/[{}]/g, '')))] + : []; + + setDocumentVariables(variables); + + if (variables.length > 0) { + console.log("🔍 발견된 변수들:", variables); + } + + } catch (error) { + console.error("변수 추출 중 오류:", error); + } + }; + + // 인스턴스가 변경될 때마다 변수 추출 + React.useEffect(() => { + if (instance) { + // 문서 로드 완료 이벤트 리스너 추가 + const { documentViewer } = instance.Core; + + const onDocumentLoaded = () => { + setTimeout(() => extractVariablesFromDocument(), 1000); + }; + + documentViewer.addEventListener("documentLoaded", onDocumentLoaded); + + return () => { + documentViewer.removeEventListener("documentLoaded", onDocumentLoaded); + }; + } + }, [instance]); + + const handleSave = async () => { + if (!instance) { + toast.error("뷰어가 준비되지 않았습니다."); + return; + } + + try { + setIsSaving(true); + const { documentViewer } = instance.Core; + const doc = documentViewer.getDocument(); + if (!doc) throw new Error("문서를 찾을 수 없습니다."); + + const data = await doc.getFileData({ + downloadType: "office", + includeAnnotations: true, + }); + + const formData = new FormData(); + formData.append( + "file", + new Blob([data], { + type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document", + }), + fileName ?? "document.docx" + ); + + const result = await saveTemplateFile(Number(templateId), formData); + if ((result as any)?.error) throw new Error((result as any).error); + toast.success("템플릿이 성공적으로 저장되었습니다."); + + // 변수 재추출 + await extractVariablesFromDocument(); + + if (refreshAction) await refreshAction(); + } catch (err) { + console.error(err); + toast.error(err instanceof Error ? err.message : "저장 중 오류가 발생했습니다."); + } finally { + setIsSaving(false); + } + }; + + // 변수 삽입 함수 (한글 입력 제한 고려) + const insertVariable = async (variableName: string) => { + if (!instance) { + toast.error("뷰어가 준비되지 않았습니다."); + return; + } + + try { + const textToInsert = `{{${variableName}}}`; + + // 1단계: 클립보드 API 시도 + if (navigator.clipboard && navigator.clipboard.writeText) { + try { + await navigator.clipboard.writeText(textToInsert); + toast.success(`변수 "${textToInsert}"가 클립보드에 복사되었습니다.`, { + description: "문서에서 원하는 위치에 Ctrl+V로 붙여넣기 하세요." + }); + return; + } catch (clipboardError) { + console.warn("클립보드 API 사용 실패:", clipboardError); + } + } + + // 2단계: Office 편집기에 직접 삽입 시도 (실험적) + try { + const { documentViewer } = instance.Core; + const doc = documentViewer.getDocument(); + + if (doc && typeof doc.getOfficeEditor === 'function') { + const officeEditor = doc.getOfficeEditor(); + if (officeEditor && typeof (officeEditor as any).insertText === 'function') { + await (officeEditor as any).insertText(textToInsert); + toast.success(`변수 "${textToInsert}"가 문서에 삽입되었습니다.`); + return; + } + } + } catch (insertError) { + console.warn("직접 삽입 실패:", insertError); + } + + // 3단계: 임시 텍스트 영역을 통한 복사 (대안) + try { + const textArea = document.createElement('textarea'); + textArea.value = textToInsert; + textArea.style.position = 'fixed'; + textArea.style.left = '-9999px'; + textArea.style.top = '-9999px'; + document.body.appendChild(textArea); + textArea.focus(); + textArea.select(); + + const successful = document.execCommand('copy'); + document.body.removeChild(textArea); + + if (successful) { + toast.success(`변수 "${textToInsert}"가 클립보드에 복사되었습니다.`, { + description: "문서에서 원하는 위치에 Ctrl+V로 붙여넣기 하세요." + }); + } else { + throw new Error("복사 명령 실행 실패"); + } + } catch (fallbackError) { + console.error("모든 복사 방법 실패:", fallbackError); + toast.error("변수 복사에 실패했습니다. 수동으로 입력해주세요."); + } + } catch (error) { + console.error("변수 삽입 실패:", error); + toast.error("변수 삽입에 실패했습니다."); + } + }; + + if (!filePath || !fileName) { + return ( +
+ 첨부파일이 없습니다. +
+ ); + } + + // 문서 새로고침 + const handleRefresh = () => { + window.location.reload(); + }; + + return ( +
+ {/* 상단 도구 모음 */} +
+
+
+ + + +
+ +
+ + + {fileName} + + {templateName && ( + + + {templateName} + + )} + {documentVariables.length > 0 && ( + + + 변수 {documentVariables.length}개 + + )} +
+
+ + {/* 변수 도구 */} + {(documentVariables.length > 0 || predefinedVariables.length > 0) && ( +
+
+

+ + 변수 관리 + {templateName && ( + + ({templateName}) + + )} +

+
+ +
+ {/* 발견된 변수들 */} + {documentVariables.length > 0 && ( +
+

문서에서 발견된 변수:

+
+ {documentVariables.map((variable, index) => ( + + {`{{${variable}}}`} + + ))} +
+
+ )} + + {/* 템플릿별 미리 정의된 변수들 */} + {predefinedVariables.length > 0 && ( +
+

+ {templateName ? `${templateName}에 권장되는 변수` : "자주 사용하는 변수"} (클릭하여 복사): +

+ +
+ {predefinedVariables.map((variable, index) => ( + + + + + +

{VARIABLE_DESCRIPTION_MAP[variable as keyof typeof VARIABLE_DESCRIPTION_MAP] || variable}

+ + + ))} +
+ +
+ )} +
+
+ )} +
+ + {/* 뷰어 영역 (확대 문제 해결을 위한 컨테이너 격리) */} +
+
+ +
+
+ + {/* 하단 안내 (한글 입력 팁 포함) */} +
+
+
+ + {'{{변수명}}'} 형식으로 변수를 삽입하면 계약서 생성 시 실제 값으로 치환됩니다. +
+
+ + 한글 입력 제한시 외부 에디터에서 작성 후 복사-붙여넣기를 사용하세요. +
+
+
+
+ ); +} + + diff --git a/lib/general-contract-template/template/update-generalContract-sheet.tsx b/lib/general-contract-template/template/update-generalContract-sheet.tsx new file mode 100644 index 00000000..9949d127 --- /dev/null +++ b/lib/general-contract-template/template/update-generalContract-sheet.tsx @@ -0,0 +1,314 @@ +"use client" + +import * as React from "react" +import { zodResolver } from "@hookform/resolvers/zod" +import { Loader } from "lucide-react" +import { useForm } from "react-hook-form" +import { toast } from "sonner" +import * as z from "zod" + +import { Button } from "@/components/ui/button" +import { Switch } from "@/components/ui/switch" +import { + Form, + FormControl, + FormField, + FormItem, + FormLabel, + FormMessage, + FormDescription, +} from "@/components/ui/form" +import { + Sheet, + SheetClose, + SheetContent, + SheetDescription, + SheetFooter, + SheetHeader, + SheetTitle, +} from "@/components/ui/sheet" +import { + Dropzone, + DropzoneZone, + DropzoneUploadIcon, + DropzoneTitle, + DropzoneDescription, + DropzoneInput +} from "@/components/ui/dropzone" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Input } from "@/components/ui/input" +import { updateTemplate } from "../service" +import { GeneralContractTemplate } from "@/db/schema" + +// 업데이트 스키마: 계약종류, 계약문서명, 법무검토, 파일(선택) +export const updateTemplateSchema = z.object({ + contractTemplateType: z + .string() + .min(2, "계약 종류는 2자리 영문입니다.") + .max(2, "계약 종류는 2자리 영문입니다.") + .regex(/^[A-Za-z]{2}$/, "영문 2자리로 입력하세요."), + contractTemplateName: z.string().min(1, "계약 문서명을 입력하세요."), + legalReviewRequired: z.boolean(), + file: z + .instanceof(File, { message: "파일을 업로드해주세요." }) + .refine((file) => file.size <= 100 * 1024 * 1024, { + message: "파일 크기는 100MB 이하여야 합니다.", + }) + .refine( + (file) => + file.type === 'application/msword' || + file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + { message: "워드 파일(.doc, .docx)만 업로드 가능합니다." } + ) + .optional(), +}); + +export type UpdateTemplateSchema = z.infer + +interface UpdateTemplateSheetProps + extends React.ComponentPropsWithRef { + template: GeneralContractTemplate | null + onSuccess?: () => void +} + +export function UpdateTemplateSheet({ template, onSuccess, ...props }: UpdateTemplateSheetProps) { + const [isUpdatePending, startUpdateTransition] = React.useTransition() + const [selectedFile, setSelectedFile] = React.useState(null) + + const form = useForm({ + resolver: zodResolver(updateTemplateSchema), + defaultValues: { + contractTemplateType: template?.contractTemplateType ?? "", + contractTemplateName: template?.contractTemplateName ?? "", + legalReviewRequired: template?.legalReviewRequired ?? false, + }, + mode: "onChange" + }) + + // 파일 선택 핸들러 + const handleFileChange = (files: File[]) => { + if (files.length > 0) { + const file = files[0]; + setSelectedFile(file); + form.setValue("file", file); + } + }; + + // 템플릿 변경 시 폼 값 업데이트 + React.useEffect(() => { + if (template) { + form.reset({ + contractTemplateType: template.contractTemplateType ?? "", + contractTemplateName: template.contractTemplateName ?? "", + legalReviewRequired: template.legalReviewRequired ?? false, + }); + } + }, [template, form]); + + function onSubmit(input: UpdateTemplateSchema) { + startUpdateTransition(async () => { + if (!template) return + + // FormData 객체 생성하여 파일과 데이터를 함께 전송 + const formData = new FormData(); + formData.append("contractTemplateType", input.contractTemplateType); + formData.append("contractTemplateName", input.contractTemplateName); + formData.append("legalReviewRequired", input.legalReviewRequired.toString()); + // basic-contract와 동일하게 리비전은 서버에서 증가 처리 + + if (input.file) { + formData.append("file", input.file); + } + + try { + // 서비스 함수 호출 + const { error } = await updateTemplate({ + id: template.id, + formData, + }); + + if (error) { + toast.error(error); + return; + } + + form.reset(); + setSelectedFile(null); + props.onOpenChange?.(false); + toast.success("일반계약 템플릿이 성공적으로 업데이트되었습니다."); + onSuccess?.(); + } catch (error) { + console.error("Update error:", error); + toast.error("일반계약 템플릿 업데이트 중 오류가 발생했습니다."); + } + }); + } + + if (!template) return null; + + return ( + + + {/* 고정된 헤더 */} + + 일반계약 템플릿 수정 + 계약 기본정보를 수정하고 파일을 교체할 수 있습니다 + + + {/* 스크롤 가능한 컨텐츠 영역 */} +
+
+ + {/* 1. 계약 종류 */} + + + 계약 종류 + + + ( + + 계약 종류 + field.onChange(e.target.value.toUpperCase().slice(0, 2))} + maxLength={2} + /> + + + )} + /> + + + + {/* 2. 계약 문서명 */} + + + 계약 문서명 + + + ( + + 계약 문서명 + + + + )} + /> + + + + {/* 3. 법무 검토 */} + + + 법무 검토 + + + ( + +
+ 법무검토 필요 + 법무팀 검토가 필요한 템플릿인지 설정 +
+ + + + + )} + /> + + + + {/* 4. 파일 업데이트 */} + + + 파일 업데이트 + + 새로운 템플릿 파일을 업로드하세요 + + + + ( + + 새 템플릿 파일 (선택사항) + + + + + + {selectedFile + ? selectedFile.name + : "새 워드 파일을 드래그하세요"} + + + {selectedFile + ? `파일 크기: ${(selectedFile.size / (1024 * 1024)).toFixed(2)} MB` + : "또는 클릭하여 워드 파일(.doc, .docx)을 선택하세요 (최대 100MB)"} + + + + + + + 파일을 업로드하지 않으면 기존 파일이 유지됩니다 + + + + )} + /> + + +
+ +
+ + {/* 고정된 푸터 */} + + + + + + + + + ) +} \ No newline at end of file diff --git a/lib/general-contract-template/validations.ts b/lib/general-contract-template/validations.ts new file mode 100644 index 00000000..5990b45c --- /dev/null +++ b/lib/general-contract-template/validations.ts @@ -0,0 +1,75 @@ +import * as z from "zod"; +import { createSearchParamsCache, + parseAsArrayOf, + parseAsInteger, + parseAsString, + parseAsStringEnum +} from "nuqs/server" + +import { getFiltersStateParser, getSortingStateParser } from "@/lib/parsers" +import { GeneralContractTemplate } from "@/db/schema"; + +// Contract Template Schema +export const contractTemplateSchema = z.object({ + id: z.number().int().optional(), + contractTemplateType: z.string().min(1, "계약종류는 필수입니다."), + contractTemplateName: z.string().min(1, "계약문서명은 필수입니다."), + revision: z.coerce.number().int().min(1).default(1), + status: z.enum(["ACTIVE", "INACTIVE", "DISPOSED"], { + required_error: "상태는 필수 선택사항입니다.", + invalid_type_error: "올바른 상태 값이 아닙니다." + }).default("ACTIVE"), + legalReviewRequired: z.boolean().default(false), + fileName: z.string().nullable().optional(), + filePath: z.string().nullable().optional(), + createdAt: z.date().optional(), + updatedAt: z.date().optional(), + createdBy: z.number().int().nullable().optional(), + updatedBy: z.number().int().nullable().optional(), + disposedAt: z.date().nullable().optional(), + restoredAt: z.date().nullable().optional(), +}); + +export const searchParamsTemplatesCache = createSearchParamsCache({ + flags: parseAsArrayOf(z.enum(["advancedTable", "floatingBar"])).withDefault( + [] + ), + page: parseAsInteger.withDefault(1), + perPage: parseAsInteger.withDefault(10), + sort: getSortingStateParser().withDefault([ + { id: "createdAt", desc: true }, + ]), + + // advanced filter + filters: getFiltersStateParser().withDefault([]), + joinOperator: parseAsStringEnum(["and", "or"]).withDefault("and"), + search: parseAsString.withDefault(""), +}) + +export const createContractTemplateSchema = contractTemplateSchema.omit({ + id: true, + createdAt: true, + updatedAt: true, + createdBy: true, + updatedBy: true, + disposedAt: true, + restoredAt: true, +}); + +export const updateContractTemplateSchema = contractTemplateSchema.partial(); + +export const deleteContractTemplateSchema = z.object({ + id: z.number(), +}); + +export type ContractTemplateSchema = z.infer; +export type CreateContractTemplateSchema = z.infer; +export type UpdateContractTemplateSchema = z.infer; +export type DeleteContractTemplateSchema = z.infer; +export type GetContractTemplatesSchema = { + page: number; + perPage: number; + sort: Array<{ id: string; desc: boolean }>; + filters: Array<{ id: string; value: string[] }>; + search: string; +}; \ No newline at end of file -- cgit v1.2.3