xiner/CICD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(classes): optimize teacher dashboard ui and implement grade management

Browse Source
This commit is contained in:
SpecialX
2026-01-14 13:59:11 +08:00
parent ade8d4346c
commit 9bfc621d3f
104 changed files with 12793 additions and 2309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/(dashboard)/student/learning/assignments/[assignmentId]/page.tsx
View File

@@ -2,6 +2,7 @@ import { notFound } from "next/navigation"
import { getDemoStudentUser, getStudentHomeworkTakeData } from "@/modules/homework/data-access"
import { HomeworkTakeView } from "@/modules/homework/components/homework-take-view"
import { HomeworkReviewView } from "@/modules/homework/components/student-homework-review-view"
import { formatDate } from "@/shared/lib/utils"
export const dynamic = "force-dynamic"
@@ -18,6 +19,23 @@ export default async function StudentAssignmentTakePage({
const data = await getStudentHomeworkTakeData(assignmentId, student.id)
if (!data) return notFound()
// If status is graded or submitted, use the review view
const status = data.submission?.status
if (status === "graded" || status === "submitted") {
return (
<div className="flex h-full flex-col space-y-4 p-6">
<div className="flex flex-col gap-1">
<h2 className="text-2xl font-bold tracking-tight">{data.assignment.title}</h2>
<div className="text-sm text-muted-foreground">
<span>Due: {data.assignment.dueAt ? formatDate(data.assignment.dueAt) : "-"}</span>
</div>
</div>
<HomeworkReviewView initialData={data} />
</div>
)
}
return (
<div className="flex h-full flex-col space-y-4 p-6">
<div className="flex flex-col gap-1">

20
src/app/(dashboard)/student/learning/assignments/page.tsx
View File

@@ -31,6 +31,18 @@ const getStatusLabel = (status: string) => {
return "Not started"
}
const getActionLabel = (status: string) => {
if (status === "graded") return "Review"
if (status === "submitted") return "View"
if (status === "in_progress") return "Continue"
return "Start"
}
const getActionVariant = (status: string): "default" | "secondary" | "outline" => {
if (status === "graded" || status === "submitted") return "outline"
return "default"
}
export default async function StudentAssignmentsPage() {
const student = await getDemoStudentUser()
@@ -75,6 +87,7 @@ export default async function StudentAssignmentsPage() {
<TableHead>Due</TableHead>
<TableHead>Attempts</TableHead>
<TableHead>Score</TableHead>
<TableHead className="text-right">Action</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -95,6 +108,13 @@ export default async function StudentAssignmentsPage() {
{a.attemptsUsed}/{a.maxAttempts}
</TableCell>
<TableCell className="tabular-nums">{a.latestScore ?? "-"}</TableCell>
<TableCell className="text-right">
<Button asChild size="sm" variant={getActionVariant(a.progressStatus)}>
<Link href={`/student/learning/assignments/${a.id}`}>
{getActionLabel(a.progressStatus)}
</Link>
</Button>
</TableCell>
</TableRow>
))}
</TableBody>

30
src/app/(dashboard)/student/learning/textbooks/[id]/page.tsx
View File

@@ -39,36 +39,40 @@ export default async function StudentTextbookDetailPage({
if (!textbook) notFound()
return (
<div className="flex h-[calc(100vh-4rem)] flex-col overflow-hidden">
<div className="flex items-center gap-4 border-b bg-background py-4 shrink-0 z-10">
<Button variant="ghost" size="icon" asChild>
<div className="flex h-[calc(100vh-4rem)] flex-col overflow-hidden bg-muted/5">
<div className="flex items-center gap-4 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 py-3 px-6 shrink-0 z-10">
<Button variant="ghost" size="sm" className="gap-2 text-muted-foreground hover:text-foreground" asChild>
<Link href="/student/learning/textbooks">
<ArrowLeft className="h-4 w-4" />
Back
</Link>
</Button>
<div className="w-px h-8 bg-border mx-2" />
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2 mb-1">
<Badge variant="outline">{textbook.subject}</Badge>
<span className="text-xs text-muted-foreground uppercase tracking-wider font-medium">
{textbook.grade ?? "-"}
</span>
<div className="flex items-center gap-2">
<h1 className="text-lg font-bold tracking-tight truncate mr-2">{textbook.title}</h1>
<Badge variant="secondary" className="font-normal text-xs">{textbook.subject}</Badge>
{textbook.grade && (
<span className="text-xs text-muted-foreground border px-1.5 py-0.5 rounded">
{textbook.grade}
</span>
)}
</div>
<h1 className="text-xl font-bold tracking-tight line-clamp-1">{textbook.title}</h1>
</div>
</div>
<div className="flex-1 overflow-hidden pt-6">
<div className="flex-1 overflow-hidden p-6">
{chapters.length === 0 ? (
<div className="px-8">
<div className="h-full flex items-center justify-center rounded-lg border border-dashed bg-card">
<EmptyState
icon={BookOpen}
title="No chapters"
description="This textbook has no chapters yet."
className="bg-card"
className="border-none shadow-none"
/>
</div>
) : (
<div className="h-[calc(100vh-140px)] px-8 min-h-0">
<div className="h-full min-h-0 max-w-[1600px] mx-auto w-full">
<TextbookReader chapters={chapters} />
</div>
)}

2
src/app/(dashboard)/student/learning/textbooks/page.tsx
View File

@@ -70,7 +70,7 @@ export default async function StudentTextbooksPage({
) : (
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{textbooks.map((textbook) => (
<TextbookCard key={textbook.id} textbook={textbook} hrefBase="/student/learning/textbooks" />
<TextbookCard key={textbook.id} textbook={textbook} hrefBase="/student/learning/textbooks" hideActions />
))}
</div>
)}