251205:0000 Just start debug backend/frontend
Some checks failed
Spec Validation / validate-markdown (push) Has been cancelled
Spec Validation / validate-diagrams (push) Has been cancelled
Spec Validation / check-todos (push) Has been cancelled

This commit is contained in:
2025-12-05 00:32:02 +07:00
parent 474982af87
commit 18f78f8a5e
88 changed files with 6751 additions and 1016 deletions

View File

@@ -0,0 +1,112 @@
import { drawingApi } from "@/lib/api/drawings";
import { notFound } from "next/navigation";
import { Button } from "@/components/ui/button";
import { ArrowLeft, Download, FileText, GitCompare } from "lucide-react";
import Link from "next/link";
import { Badge } from "@/components/ui/badge";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
import { RevisionHistory } from "@/components/drawings/revision-history";
import { format } from "date-fns";
export default async function DrawingDetailPage({
params,
}: {
params: { id: string };
}) {
const id = parseInt(params.id);
if (isNaN(id)) {
notFound();
}
const drawing = await drawingApi.getById(id);
if (!drawing) {
notFound();
}
return (
<div className="space-y-6">
{/* Header */}
<div className="flex items-center justify-between">
<div className="flex items-center gap-4">
<Link href="/drawings">
<Button variant="ghost" size="icon">
<ArrowLeft className="h-5 w-5" />
</Button>
</Link>
<div>
<h1 className="text-2xl font-bold">{drawing.drawing_number}</h1>
<p className="text-muted-foreground">
{drawing.title}
</p>
</div>
</div>
<div className="flex gap-2">
<Button variant="outline">
<Download className="mr-2 h-4 w-4" />
Download Current
</Button>
{drawing.revision_count > 1 && (
<Button variant="outline">
<GitCompare className="mr-2 h-4 w-4" />
Compare Revisions
</Button>
)}
</div>
</div>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{/* Main Info */}
<div className="lg:col-span-2 space-y-6">
<Card>
<CardHeader>
<div className="flex justify-between items-start">
<CardTitle className="text-xl">Drawing Details</CardTitle>
<Badge>{drawing.type}</Badge>
</div>
</CardHeader>
<CardContent className="space-y-6">
<div className="grid grid-cols-2 gap-6">
<div>
<p className="text-sm font-medium text-muted-foreground">Discipline</p>
<p className="font-medium mt-1">{drawing.discipline?.discipline_name} ({drawing.discipline?.discipline_code})</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Sheet Number</p>
<p className="font-medium mt-1">{drawing.sheet_number}</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Scale</p>
<p className="font-medium mt-1">{drawing.scale || "N/A"}</p>
</div>
<div>
<p className="text-sm font-medium text-muted-foreground">Latest Issue Date</p>
<p className="font-medium mt-1">{format(new Date(drawing.issue_date), "dd MMM yyyy")}</p>
</div>
</div>
<Separator />
<div>
<h3 className="font-semibold mb-3">Preview</h3>
<div className="aspect-video bg-muted rounded-lg flex items-center justify-center border-2 border-dashed">
<div className="text-center">
<FileText className="h-12 w-12 mx-auto text-muted-foreground mb-2" />
<p className="text-muted-foreground">PDF Preview Placeholder</p>
</div>
</div>
</div>
</CardContent>
</Card>
</div>
{/* Revisions */}
<div className="space-y-6">
<RevisionHistory revisions={drawing.revisions || []} />
</div>
</div>
</div>
);
}

View File

@@ -0,0 +1,43 @@
"use client";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { DrawingList } from "@/components/drawings/list";
import { Button } from "@/components/ui/button";
import { Upload } from "lucide-react";
import Link from "next/link";
export default function DrawingsPage() {
return (
<div className="space-y-6">
<div className="flex justify-between items-center">
<div>
<h1 className="text-3xl font-bold">Drawings</h1>
<p className="text-muted-foreground mt-1">
Manage contract and shop drawings
</p>
</div>
<Link href="/drawings/upload">
<Button>
<Upload className="mr-2 h-4 w-4" />
Upload Drawing
</Button>
</Link>
</div>
<Tabs defaultValue="contract" className="w-full">
<TabsList className="grid w-full grid-cols-2 max-w-[400px]">
<TabsTrigger value="contract">Contract Drawings</TabsTrigger>
<TabsTrigger value="shop">Shop Drawings</TabsTrigger>
</TabsList>
<TabsContent value="contract" className="mt-6">
<DrawingList type="CONTRACT" />
</TabsContent>
<TabsContent value="shop" className="mt-6">
<DrawingList type="SHOP" />
</TabsContent>
</Tabs>
</div>
);
}

View File

@@ -0,0 +1,16 @@
import { DrawingUploadForm } from "@/components/drawings/upload-form";
export default function DrawingUploadPage() {
return (
<div className="max-w-4xl mx-auto py-6">
<div className="mb-8">
<h1 className="text-3xl font-bold">Upload Drawing</h1>
<p className="text-muted-foreground mt-1">
Upload a new contract or shop drawing revision.
</p>
</div>
<DrawingUploadForm />
</div>
);
}