feat: expand platform management, admin controls, and learning workflows

2026-02-15 15:41:56 +08:00
--- a/frontend/src/app/admin-users/page.tsx
+++ b/frontend/src/app/admin-users/page.tsx
@@ -0,0 +1,192 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+import { apiFetch } from "@/lib/api";
+import { readToken } from "@/lib/auth";
+import { useI18nText } from "@/lib/i18n";
+
+type AdminUser = {
+  id: number;
+  username: string;
+  rating: number;
+  created_at: number;
+};
+
+type ListResp = {
+  items: AdminUser[];
+  total_count: number;
+  page: number;
+  page_size: number;
+};
+
+function fmtTs(v: number): string {
+  if (!v) return "-";
+  return new Date(v * 1000).toLocaleString();
+}
+
+export default function AdminUsersPage() {
+  const { tx } = useI18nText();
+  const [items, setItems] = useState<AdminUser[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [msg, setMsg] = useState("");
+
+  const load = async () => {
+    setLoading(true);
+    setError("");
+    try {
+      const token = readToken();
+      if (!token) throw new Error(tx("请先登录管理员账号", "Please sign in with admin account first"));
+      const data = await apiFetch<ListResp>("/api/v1/admin/users?page=1&page_size=200", undefined, token);
+      setItems(data.items ?? []);
+    } catch (e: unknown) {
+      setError(String(e));
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    void load();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const updateRating = async (userId: number, rating: number) => {
+    setMsg("");
+    setError("");
+    try {
+      const token = readToken();
+      if (!token) throw new Error(tx("请先登录管理员账号", "Please sign in with admin account first"));
+      await apiFetch(
+        `/api/v1/admin/users/${userId}/rating`,
+        {
+          method: "PATCH",
+          body: JSON.stringify({ rating }),
+        },
+        token
+      );
+      setMsg(tx(`已更新用户 ${userId} Rating=${rating}`, `Updated user ${userId} rating=${rating}`));
+      await load();
+    } catch (e: unknown) {
+      setError(String(e));
+    }
+  };
+
+  return (
+    <main className="mx-auto max-w-6xl px-3 py-6 max-[390px]:px-2 sm:px-4 md:px-6 md:py-8">
+      <h1 className="text-xl font-semibold max-[390px]:text-lg sm:text-2xl">
+        {tx("管理员用户与积分", "Admin Users & Rating")}
+      </h1>
+      <p className="mt-2 text-sm text-zinc-600">
+        {tx("默认管理员账号：", "Default admin account: ")}
+        <code>admin</code> / <code>whoami139</code>
+      </p>
+
+      <div className="mt-4 flex flex-wrap gap-2">
+        <button
+          className="rounded bg-zinc-900 px-4 py-2 text-sm text-white disabled:opacity-50"
+          onClick={() => void load()}
+          disabled={loading}
+        >
+          {loading ? tx("刷新中...", "Refreshing...") : tx("刷新用户列表", "Refresh users")}
+        </button>
+      </div>
+
+      {msg && <p className="mt-3 text-sm text-emerald-700">{msg}</p>}
+      {error && <p className="mt-3 text-sm text-red-600">{error}</p>}
+
+      <div className="mt-4 rounded-xl border bg-white">
+        <div className="hidden overflow-x-auto md:block">
+          <table className="min-w-full text-sm">
+            <thead className="bg-zinc-100 text-left">
+              <tr>
+                <th className="px-3 py-2">ID</th>
+                <th className="px-3 py-2">{tx("用户名", "Username")}</th>
+                <th className="px-3 py-2">Rating</th>
+                <th className="px-3 py-2">{tx("创建时间", "Created At")}</th>
+                <th className="px-3 py-2">{tx("操作", "Action")}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {items.map((user) => (
+                <tr key={user.id} className="border-t">
+                  <td className="px-3 py-2">{user.id}</td>
+                  <td className="px-3 py-2">{user.username}</td>
+                  <td className="px-3 py-2">
+                    <input
+                      className="w-24 rounded border px-2 py-1"
+                      type="number"
+                      min={0}
+                      value={user.rating}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        setItems((prev) =>
+                          prev.map((row) => (row.id === user.id ? { ...row, rating: value } : row))
+                        );
+                      }}
+                    />
+                  </td>
+                  <td className="px-3 py-2 text-zinc-600">{fmtTs(user.created_at)}</td>
+                  <td className="px-3 py-2">
+                    <button
+                      className="rounded border px-3 py-1 text-xs hover:bg-zinc-100"
+                      onClick={() => void updateRating(user.id, Math.max(0, Number(user.rating) || 0))}
+                    >
+                      {tx("保存", "Save")}
+                    </button>
+                  </td>
+                </tr>
+              ))}
+              {!loading && items.length === 0 && (
+                <tr>
+                  <td className="px-3 py-6 text-center text-zinc-500" colSpan={5}>
+                    {tx("暂无用户数据", "No users found")}
+                  </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+
+        <div className="divide-y md:hidden">
+          {items.map((user) => (
+            <div key={user.id} className="space-y-2 p-3 text-sm">
+              <p>
+                #{user.id} · {user.username}
+              </p>
+              <p className="text-xs text-zinc-500">
+                {tx("创建时间：", "Created: ")}
+                {fmtTs(user.created_at)}
+              </p>
+              <div className="flex items-center gap-2">
+                <span className="text-xs text-zinc-600">Rating</span>
+                <input
+                  className="w-24 rounded border px-2 py-1 text-xs"
+                  type="number"
+                  min={0}
+                  value={user.rating}
+                  onChange={(e) => {
+                    const value = Number(e.target.value);
+                    setItems((prev) =>
+                      prev.map((row) => (row.id === user.id ? { ...row, rating: value } : row))
+                    );
+                  }}
+                />
+                <button
+                  className="rounded border px-3 py-1 text-xs"
+                  onClick={() => void updateRating(user.id, Math.max(0, Number(user.rating) || 0))}
+                >
+                  {tx("保存", "Save")}
+                </button>
+              </div>
+            </div>
+          ))}
+          {!loading && items.length === 0 && (
+            <p className="px-3 py-6 text-center text-sm text-zinc-500">{tx("暂无用户数据", "No users found")}</p>
+          )}
+        </div>
+      </div>
+    </main>
+  );
+}