完整性更新

现在已经实现了大部分基础功能

src/modules/settings/components/admin-settings-view.tsx

@@ -0,0 +1,158 @@
+"use client"
+
+import Link from "next/link"
+import { Shield, User, Building2, Lock } from "lucide-react"
+import { signOut } from "next-auth/react"
+
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { Separator } from "@/shared/components/ui/separator"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/components/ui/tabs"
+import { ThemePreferencesCard } from "./theme-preferences-card"
+
+export function AdminSettingsView() {
+  return (
+    <div className="flex h-full flex-col gap-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div className="space-y-1">
+          <h1 className="text-3xl font-bold tracking-tight">Settings</h1>
+          <div className="text-sm text-muted-foreground">Manage admin preferences and system defaults.</div>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href="/admin/dashboard">Back to dashboard</Link>
+          </Button>
+        </div>
+      </div>
+
+      <Tabs defaultValue="general" className="w-full">
+        <TabsList className="w-full justify-start">
+          <TabsTrigger value="general" className="gap-2">
+            <User className="h-4 w-4" />
+            General
+          </TabsTrigger>
+          <TabsTrigger value="appearance" className="gap-2">
+            <Shield className="h-4 w-4" />
+            Appearance
+          </TabsTrigger>
+          <TabsTrigger value="security" className="gap-2">
+            <Lock className="h-4 w-4" />
+            Security
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="general" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Account</CardTitle>
+              <CardDescription>Basic profile information for this admin account.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="name">Name</Label>
+                  <Input id="name" defaultValue="Admin User" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input id="email" defaultValue="admin@nextedu.com" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="role">Role</Label>
+                  <Input id="role" defaultValue="admin" className="tabular-nums" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="status">Status</Label>
+                  <Input id="status" defaultValue="active" disabled />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Organization</CardTitle>
+              <CardDescription>School identity shown across admin surfaces.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="schoolName">School name</Label>
+                  <Input id="schoolName" defaultValue="Next_Edu School" disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="timezone">Timezone</Label>
+                  <Input id="timezone" defaultValue="System default" disabled />
+                </div>
+              </div>
+
+              <Separator className="my-6" />
+
+              <div className="flex items-start gap-3 rounded-lg border bg-muted/30 p-4">
+                <div className="flex h-9 w-9 items-center justify-center rounded-md bg-background">
+                  <Building2 className="h-4 w-4 text-muted-foreground" />
+                </div>
+                <div className="flex-1 space-y-1">
+                  <div className="text-sm font-medium">Managed in School Management</div>
+                  <div className="text-sm text-muted-foreground">
+                    Departments, classes, and academic year settings live under the School Management section.
+                  </div>
+                </div>
+                <Button asChild variant="outline" className="shrink-0">
+                  <Link href="/admin/school/departments">Open</Link>
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="appearance" className="mt-6 space-y-6">
+          <ThemePreferencesCard />
+        </TabsContent>
+
+        <TabsContent value="security" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Session</CardTitle>
+              <CardDescription>Account access and session controls.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+              <div className="space-y-1">
+                <div className="text-sm font-medium">Sign out</div>
+                <div className="text-sm text-muted-foreground">Return to the login screen.</div>
+              </div>
+              <Button variant="outline" onClick={() => signOut({ callbackUrl: "/login" })}>
+                Log out
+              </Button>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Danger zone</CardTitle>
+              <CardDescription>Destructive actions are disabled in demo mode.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="flex items-start gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4">
+                <div className="flex h-9 w-9 items-center justify-center rounded-md bg-background">
+                  <Shield className="h-4 w-4 text-destructive" />
+                </div>
+                <div className="flex-1 space-y-1">
+                  <div className="text-sm font-medium">Reset system</div>
+                  <div className="text-sm text-muted-foreground">
+                    This action would clear all data and cannot be undone.
+                  </div>
+                </div>
+                <Button variant="destructive" disabled className="shrink-0">
+                  Reset
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}

src/modules/settings/components/student-settings-view.tsx

@@ -0,0 +1,136 @@
+"use client"
+
+import Link from "next/link"
+import { User, Palette, Lock, LayoutDashboard, PenTool, CalendarDays } from "lucide-react"
+import { signOut } from "next-auth/react"
+
+import { ThemePreferencesCard } from "@/modules/settings/components/theme-preferences-card"
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/components/ui/tabs"
+
+type SettingsUser = {
+  id?: string | null
+  name?: string | null
+  email?: string | null
+  role?: string | null
+}
+
+export function StudentSettingsView({ user }: { user: SettingsUser }) {
+  const role = "student"
+  const name = user.name ?? "-"
+  const email = user.email ?? "-"
+
+  return (
+    <div className="flex h-full flex-col gap-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div className="space-y-1">
+          <h1 className="text-3xl font-bold tracking-tight">Settings</h1>
+          <div className="text-sm text-muted-foreground">Manage your preferences and account access.</div>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href="/student/dashboard">Back to dashboard</Link>
+          </Button>
+        </div>
+      </div>
+
+      <Tabs defaultValue="general" className="w-full">
+        <TabsList className="w-full justify-start">
+          <TabsTrigger value="general" className="gap-2">
+            <User className="h-4 w-4" />
+            General
+          </TabsTrigger>
+          <TabsTrigger value="appearance" className="gap-2">
+            <Palette className="h-4 w-4" />
+            Appearance
+          </TabsTrigger>
+          <TabsTrigger value="security" className="gap-2">
+            <Lock className="h-4 w-4" />
+            Security
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="general" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Account</CardTitle>
+              <CardDescription>Signed-in user details from session.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="name">Name</Label>
+                  <Input id="name" value={name} disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input id="email" value={email} disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="role">Role</Label>
+                  <Input id="role" value={role} className="tabular-nums" disabled />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Quick links</CardTitle>
+              <CardDescription>Common places you may want to visit.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-wrap gap-2">
+              <Button asChild variant="outline">
+                <Link href="/profile">Profile</Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/student/dashboard">
+                  <LayoutDashboard className="h-4 w-4" />
+                  Dashboard
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/student/learning/assignments">
+                  <PenTool className="h-4 w-4" />
+                  Assignments
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/student/schedule">
+                  <CalendarDays className="h-4 w-4" />
+                  Schedule
+                </Link>
+              </Button>
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="appearance" className="mt-6 space-y-6">
+          <ThemePreferencesCard />
+        </TabsContent>
+
+        <TabsContent value="security" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Session</CardTitle>
+              <CardDescription>Account access and session controls.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+              <div className="space-y-1">
+                <div className="text-sm font-medium">Sign out</div>
+                <div className="text-sm text-muted-foreground">Return to the login screen.</div>
+              </div>
+              <Button variant="outline" onClick={() => signOut({ callbackUrl: "/login" })}>
+                Log out
+              </Button>
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}
+

src/modules/settings/components/teacher-settings-view.tsx

@@ -0,0 +1,148 @@
+"use client"
+
+import Link from "next/link"
+import { User, Palette, Lock, LayoutDashboard, PenTool, CalendarDays, Library, FileQuestion } from "lucide-react"
+import { signOut } from "next-auth/react"
+
+import { ThemePreferencesCard } from "@/modules/settings/components/theme-preferences-card"
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/components/ui/tabs"
+
+type SettingsUser = {
+  id?: string | null
+  name?: string | null
+  email?: string | null
+  role?: string | null
+}
+
+export function TeacherSettingsView({ user }: { user: SettingsUser }) {
+  const role = "teacher"
+  const name = user.name ?? "-"
+  const email = user.email ?? "-"
+
+  return (
+    <div className="flex h-full flex-col gap-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div className="space-y-1">
+          <h1 className="text-3xl font-bold tracking-tight">Settings</h1>
+          <div className="text-sm text-muted-foreground">Manage your preferences and teaching workspace.</div>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href="/teacher/dashboard">Back to dashboard</Link>
+          </Button>
+        </div>
+      </div>
+
+      <Tabs defaultValue="general" className="w-full">
+        <TabsList className="w-full justify-start">
+          <TabsTrigger value="general" className="gap-2">
+            <User className="h-4 w-4" />
+            General
+          </TabsTrigger>
+          <TabsTrigger value="appearance" className="gap-2">
+            <Palette className="h-4 w-4" />
+            Appearance
+          </TabsTrigger>
+          <TabsTrigger value="security" className="gap-2">
+            <Lock className="h-4 w-4" />
+            Security
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="general" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Account</CardTitle>
+              <CardDescription>Signed-in user details from session.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="name">Name</Label>
+                  <Input id="name" value={name} disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input id="email" value={email} disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="role">Role</Label>
+                  <Input id="role" value={role} className="tabular-nums" disabled />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Quick links</CardTitle>
+              <CardDescription>Jump to common teacher areas.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-wrap gap-2">
+              <Button asChild variant="outline">
+                <Link href="/profile">Profile</Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/dashboard">
+                  <LayoutDashboard className="h-4 w-4" />
+                  Dashboard
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/textbooks">
+                  <Library className="h-4 w-4" />
+                  Textbooks
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/exams/all">
+                  <FileQuestion className="h-4 w-4" />
+                  Exams
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/homework/assignments">
+                  <PenTool className="h-4 w-4" />
+                  Homework
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/classes/schedule">
+                  <CalendarDays className="h-4 w-4" />
+                  Schedule
+                </Link>
+              </Button>
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="appearance" className="mt-6 space-y-6">
+          <ThemePreferencesCard />
+        </TabsContent>
+
+        <TabsContent value="security" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Session</CardTitle>
+              <CardDescription>Account access and session controls.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+              <div className="space-y-1">
+                <div className="text-sm font-medium">Sign out</div>
+                <div className="text-sm text-muted-foreground">Return to the login screen.</div>
+              </div>
+              <Button variant="outline" onClick={() => signOut({ callbackUrl: "/login" })}>
+                Log out
+              </Button>
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}
+

src/modules/settings/components/theme-preferences-card.tsx

@@ -0,0 +1,60 @@
+"use client"
+import { Monitor, Moon, Sun } from "lucide-react"
+import { useTheme } from "next-themes"
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { Label } from "@/shared/components/ui/label"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/shared/components/ui/select"
+
+type ThemeChoice = "system" | "light" | "dark"
+
+export function ThemePreferencesCard() {
+  const { theme, setTheme } = useTheme()
+
+  const value: ThemeChoice = theme === "light" || theme === "dark" || theme === "system" ? theme : "system"
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Theme</CardTitle>
+        <CardDescription>Choose how the admin console looks on this device.</CardDescription>
+      </CardHeader>
+      <CardContent className="grid gap-3 sm:max-w-md">
+        <div className="space-y-2">
+          <Label htmlFor="theme">Color theme</Label>
+          <Select value={value} onValueChange={(v) => setTheme(v)}>
+            <SelectTrigger id="theme" suppressHydrationWarning>
+              <SelectValue placeholder="Select theme" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="system">
+                <div className="flex items-center gap-2">
+                  <Monitor className="h-4 w-4 text-muted-foreground" />
+                  System
+                </div>
+              </SelectItem>
+              <SelectItem value="light">
+                <div className="flex items-center gap-2">
+                  <Sun className="h-4 w-4 text-muted-foreground" />
+                  Light
+                </div>
+              </SelectItem>
+              <SelectItem value="dark">
+                <div className="flex items-center gap-2">
+                  <Moon className="h-4 w-4 text-muted-foreground" />
+                  Dark
+                </div>
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}