251210:1709 Frontend: reeactor organization and run build

2025-12-10 17:09:11 +07:00
parent aa96cd90e3
commit c8a0f281ef
140 changed files with 3780 additions and 1473 deletions
--- a/frontend/app/(admin)/admin/numbering/[id]/edit/page.tsx
+++ b/frontend/app/(admin)/admin/numbering/[id]/edit/page.tsx
@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import { TemplateEditor } from "@/components/numbering/template-editor";
 import { SequenceViewer } from "@/components/numbering/sequence-viewer";
 import { numberingApi } from "@/lib/api/numbering";
-import { CreateTemplateDto } from "@/types/numbering";
+import { NumberingTemplate } from "@/types/numbering";
 import { useRouter } from "next/navigation";
 import { Loader2 } from "lucide-react";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -12,7 +12,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 export default function EditTemplatePage({ params }: { params: { id: string } }) {
  const router = useRouter();
  const [loading, setLoading] = useState(true);
-  const [initialData, setInitialData] = useState<Partial<CreateTemplateDto> | null>(null);
+  const [template, setTemplate] = useState<NumberingTemplate | null>(null);

  useEffect(() => {
    const fetchTemplate = async () => {
@@ -20,14 +20,7 @@ export default function EditTemplatePage({ params }: { params: { id: string } })
      try {
        const data = await numberingApi.getTemplate(parseInt(params.id));
        if (data) {
-          setInitialData({
-            document_type_id: data.document_type_id,
-            discipline_code: data.discipline_code,
-            template_format: data.template_format,
-            reset_annually: data.reset_annually,
-            padding_length: data.padding_length,
-            starting_number: 1, // Default for edit view as we don't usually reset this
-          });
+          setTemplate(data);
        }
      } catch (error) {
        console.error("Failed to fetch template", error);
@@ -39,9 +32,9 @@ export default function EditTemplatePage({ params }: { params: { id: string } })
    fetchTemplate();
  }, [params.id]);

-  const handleSave = async (data: CreateTemplateDto) => {
+  const handleSave = async (data: Partial<NumberingTemplate>) => {
    try {
-      await numberingApi.updateTemplate(parseInt(params.id), data);
+      await numberingApi.saveTemplate({ ...data, templateId: parseInt(params.id) });
      router.push("/admin/numbering");
    } catch (error) {
      console.error("Failed to update template", error);
@@ -49,6 +42,10 @@ export default function EditTemplatePage({ params }: { params: { id: string } })
    }
  };

+  const handleCancel = () => {
+    router.push("/admin/numbering");
+  };
+
  if (loading) {
    return (
      <div className="flex justify-center py-12">
@@ -57,6 +54,14 @@ export default function EditTemplatePage({ params }: { params: { id: string } })
    );
  }

+  if (!template) {
+    return (
+      <div className="p-6">
+        <p className="text-muted-foreground">Template not found</p>
+      </div>
+    );
+  }
+
  return (
    <div className="p-6 space-y-6">
      <h1 className="text-3xl font-bold">Edit Numbering Template</h1>
@@ -68,13 +73,17 @@ export default function EditTemplatePage({ params }: { params: { id: string } })
        </TabsList>

        <TabsContent value="config" className="mt-4">
-          {initialData && (
-            <TemplateEditor initialData={initialData} onSave={handleSave} />
-          )}
+          <TemplateEditor
+            template={template}
+            projectId={template.projectId || 1}
+            projectName="LCBP3"
+            onSave={handleSave}
+            onCancel={handleCancel}
+          />
        </TabsContent>

        <TabsContent value="sequences" className="mt-4">
-          <SequenceViewer templateId={parseInt(params.id)} />
+          <SequenceViewer />
        </TabsContent>
      </Tabs>
    </div>
--- a/frontend/app/(admin)/admin/numbering/new/page.tsx
+++ b/frontend/app/(admin)/admin/numbering/new/page.tsx
@@ -1,16 +1,15 @@
 "use client";

 import { TemplateEditor } from "@/components/numbering/template-editor";
-import { numberingApi } from "@/lib/api/numbering";
-import { CreateTemplateDto } from "@/types/numbering";
+import { numberingApi, NumberingTemplate } from "@/lib/api/numbering";
 import { useRouter } from "next/navigation";

 export default function NewTemplatePage() {
  const router = useRouter();

-  const handleSave = async (data: CreateTemplateDto) => {
+  const handleSave = async (data: Partial<NumberingTemplate>) => {
    try {
-      await numberingApi.createTemplate(data);
+      await numberingApi.saveTemplate(data);
      router.push("/admin/numbering");
    } catch (error) {
      console.error("Failed to create template", error);
@@ -18,10 +17,19 @@ export default function NewTemplatePage() {
    }
  };

+  const handleCancel = () => {
+    router.push("/admin/numbering");
+  };
+
  return (
    <div className="p-6 space-y-6">
      <h1 className="text-3xl font-bold">New Numbering Template</h1>
-      <TemplateEditor onSave={handleSave} />
+      <TemplateEditor
+        projectId={1}
+        projectName="LCBP3"
+        onSave={handleSave}
+        onCancel={handleCancel}
+      />
    </div>
  );
 }
--- a/frontend/app/(admin)/admin/numbering/page.tsx
+++ b/frontend/app/(admin)/admin/numbering/page.tsx
@@ -61,7 +61,7 @@ export default function NumberingPage() {
  const handleSave = async (data: Partial<NumberingTemplate>) => {
      try {
          await numberingApi.saveTemplate(data);
-          toast.success(data.template_id ? "Template updated" : "Template created");
+          toast.success(data.templateId ? "Template updated" : "Template created");
          setIsEditing(false);
          loadTemplates();
      } catch {
@@ -124,39 +124,39 @@ export default function NumberingPage() {
            <h2 className="text-lg font-semibold">Templates - {selectedProjectName}</h2>
            <div className="grid gap-4">
                {templates
-                  .filter(t => !t.project_id || t.project_id === Number(selectedProjectId)) // Show all if no project_id (legacy mock), or match
+                  .filter(t => !t.projectId || t.projectId === Number(selectedProjectId))
                  .map((template) => (
-                <Card key={template.template_id} className="p-6 hover:shadow-md transition-shadow">
+                <Card key={template.templateId} className="p-6 hover:shadow-md transition-shadow">
                    <div className="flex justify-between items-start">
                    <div className="flex-1">
                        <div className="flex items-center gap-3 mb-2">
                        <h3 className="text-lg font-semibold">
-                            {template.document_type_name}
+                            {template.documentTypeName}
                        </h3>
                        <Badge variant="outline" className="text-xs">
-                             {PROJECTS.find(p => p.id === template.project_id?.toString())?.name || selectedProjectName}
+                             {PROJECTS.find(p => p.id === template.projectId?.toString())?.name || selectedProjectName}
                        </Badge>
-                        {template.discipline_code && <Badge>{template.discipline_code}</Badge>}
-                        <Badge variant={template.is_active ? 'default' : 'secondary'}>
-                            {template.is_active ? 'Active' : 'Inactive'}
+                        {template.disciplineCode && <Badge>{template.disciplineCode}</Badge>}
+                        <Badge variant={template.isActive ? 'default' : 'secondary'}>
+                            {template.isActive ? 'Active' : 'Inactive'}
                        </Badge>
                        </div>

                        <div className="bg-slate-100 dark:bg-slate-900 rounded px-3 py-2 mb-3 font-mono text-sm inline-block border">
-                        {template.template_format}
+                        {template.templateFormat}
                        </div>

                        <div className="grid grid-cols-2 gap-4 text-sm mt-2">
                            <div>
                                <span className="text-muted-foreground">Example: </span>
                                <span className="font-medium font-mono text-green-600 dark:text-green-400">
-                                {template.example_number}
+                                {template.exampleNumber}
                                </span>
                            </div>
                            <div>
                                <span className="text-muted-foreground">Reset: </span>
                                <span>
-                                {template.reset_annually ? 'Annually' : 'Never'}
+                                {template.resetAnnually ? 'Annually' : 'Never'}
                                </span>
                            </div>
                        </div>