From 7242a989baa86eb1a9611b722131fd84e1e505d3 Mon Sep 17 00:00:00 2001
From: dmitriylaukhin <laukhin@dementiy.com>
Date: Mon, 27 Apr 2026 12:05:01 +0500
Subject: [PATCH] Add admin quiz attempts viewer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- /admin/quizzes: list all quizzes with question and attempt counts
- /admin/quizzes/[quizId]: view all student attempts with answers per question
- Add "Тесты" link to admin sidebar navigation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/admin/quizzes/[quizId]/page.tsx | 118 ++++++++++++++++++++++++
 src/app/admin/quizzes/page.tsx          |  78 ++++++++++++++++
 src/components/admin/admin-nav.tsx      |   1 +
 3 files changed, 197 insertions(+)
 create mode 100644 src/app/admin/quizzes/[quizId]/page.tsx
 create mode 100644 src/app/admin/quizzes/page.tsx

diff --git a/src/app/admin/quizzes/[quizId]/page.tsx b/src/app/admin/quizzes/[quizId]/page.tsx
new file mode 100644
index 0000000..32ebb07
--- /dev/null
+++ b/src/app/admin/quizzes/[quizId]/page.tsx
@@ -0,0 +1,118 @@
+import { prisma } from "@/lib/prisma";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+
+interface Props {
+  params: Promise<{ quizId: string }>;
+}
+
+export default async function AdminQuizAttemptsPage({ params }: Props) {
+  const { quizId } = await params;
+
+  const quiz = await prisma.quiz.findUnique({
+    where: { id: quizId },
+    include: {
+      questions: { orderBy: { order: "asc" } },
+      attempts: {
+        orderBy: { createdAt: "desc" },
+        include: {
+          user: { select: { name: true, email: true } },
+        },
+      },
+      lesson: {
+        select: {
+          id: true,
+          title: true,
+          module: {
+            select: {
+              id: true,
+              course: { select: { id: true, title: true } },
+            },
+          },
+        },
+      },
+    },
+  });
+
+  if (!quiz) notFound();
+
+  const courseId = quiz.lesson.module.course.id;
+  const moduleId = quiz.lesson.module.id;
+
+  return (
+    <div className="p-8 max-w-4xl">
+      <nav
+        className="text-xs mb-6 uppercase tracking-widest"
+        style={{ color: "var(--muted-foreground)" }}
+      >
+        <Link href="/admin/quizzes" className="hover:underline">
+          Тесты
+        </Link>
+        <span className="mx-2">/</span>
+        <span style={{ color: "var(--foreground)" }}>{quiz.lesson.title}</span>
+      </nav>
+
+      <div className="mb-6">
+        <h1 className="text-lg font-bold">{quiz.lesson.title}</h1>
+        <p className="text-xs mt-1 uppercase tracking-widest" style={{ color: "var(--muted-foreground)" }}>
+          {quiz.lesson.module.course.title} · {quiz.questions.length} вопросов · {quiz.attempts.length} ответов
+        </p>
+      </div>
+
+      {quiz.attempts.length === 0 ? (
+        <p className="text-sm" style={{ color: "var(--muted-foreground)" }}>
+          Ответов пока нет
+        </p>
+      ) : (
+        <div className="space-y-4">
+          {quiz.attempts.map((attempt) => {
+            const answers = attempt.answers as Record<string, string>;
+            const date = new Date(attempt.createdAt).toLocaleString("ru-RU", {
+              day: "2-digit",
+              month: "2-digit",
+              year: "numeric",
+              hour: "2-digit",
+              minute: "2-digit",
+            });
+
+            return (
+              <div
+                key={attempt.id}
+                className="px-4 py-4 space-y-3"
+                style={{ border: "2px solid var(--border)" }}
+              >
+                <div className="flex items-center justify-between gap-2">
+                  <div>
+                    <p className="text-sm font-medium">{attempt.user.name}</p>
+                    <p className="text-xs" style={{ color: "var(--muted-foreground)" }}>
+                      {attempt.user.email}
+                    </p>
+                  </div>
+                  <span className="text-xs" style={{ color: "var(--muted-foreground)" }}>
+                    {date}
+                  </span>
+                </div>
+
+                <div className="space-y-2 pt-1" style={{ borderTop: "1px solid var(--border)" }}>
+                  {quiz.questions.map((q, idx) => (
+                    <div key={q.id}>
+                      <p
+                        className="text-xs font-medium mb-0.5"
+                        style={{ color: "var(--muted-foreground)" }}
+                      >
+                        {idx + 1}. {q.text}
+                      </p>
+                      <p className="text-sm whitespace-pre-wrap">
+                        {answers[q.id]?.trim() || <span style={{ color: "var(--muted-foreground)" }}>—</span>}
+                      </p>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/admin/quizzes/page.tsx b/src/app/admin/quizzes/page.tsx
new file mode 100644
index 0000000..3c3d1e3
--- /dev/null
+++ b/src/app/admin/quizzes/page.tsx
@@ -0,0 +1,78 @@
+import { prisma } from "@/lib/prisma";
+import Link from "next/link";
+
+export const metadata = { title: "Тесты" };
+
+export default async function AdminQuizzesPage() {
+  const quizzes = await prisma.quiz.findMany({
+    orderBy: { createdAt: "desc" },
+    include: {
+      _count: { select: { questions: true, attempts: true } },
+      lesson: {
+        select: {
+          title: true,
+          module: {
+            select: {
+              course: { select: { title: true, slug: true } },
+            },
+          },
+        },
+      },
+    },
+  });
+
+  return (
+    <div className="p-8">
+      <div className="mb-6">
+        <h1
+          className="text-xs font-bold uppercase tracking-widest"
+          style={{ color: "var(--muted-foreground)" }}
+        >
+          Тесты
+        </h1>
+        <p className="text-sm mt-1" style={{ color: "var(--muted-foreground)" }}>
+          {quizzes.length} тестов
+        </p>
+      </div>
+
+      {quizzes.length === 0 ? (
+        <p className="text-sm" style={{ color: "var(--muted-foreground)" }}>
+          Тестов нет
+        </p>
+      ) : (
+        <div className="space-y-0" style={{ border: "2px solid var(--border)" }}>
+          {quizzes.map((quiz) => (
+            <Link
+              key={quiz.id}
+              href={`/admin/quizzes/${quiz.id}`}
+              className="flex items-center gap-4 px-4 py-3 hover:[background:var(--muted)] transition-colors"
+              style={{ borderBottom: "1px solid var(--border)" }}
+            >
+              <div className="flex-1 min-w-0">
+                <p className="text-sm font-medium truncate">
+                  {quiz.lesson.title}
+                </p>
+                <p
+                  className="text-xs mt-0.5 truncate"
+                  style={{ color: "var(--muted-foreground)" }}
+                >
+                  {quiz.lesson.module.course.title}
+                </p>
+              </div>
+              <div className="flex items-center gap-4 shrink-0 text-xs" style={{ color: "var(--muted-foreground)" }}>
+                <span>{quiz._count.questions} вопр.</span>
+                <span
+                  className="font-bold"
+                  style={{ color: quiz._count.attempts > 0 ? "var(--foreground)" : undefined }}
+                >
+                  {quiz._count.attempts} ответов
+                </span>
+                <span style={{ color: "var(--muted-foreground)" }}>→</span>
+              </div>
+            </Link>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/admin/admin-nav.tsx b/src/components/admin/admin-nav.tsx
index f16c1b6..edc55b4 100644
--- a/src/components/admin/admin-nav.tsx
+++ b/src/components/admin/admin-nav.tsx
@@ -9,6 +9,7 @@ const links = [
   { href: "/admin/categories", label: "Категории" },
   { href: "/admin/users", label: "Пользователи" },
   { href: "/curator/homework", label: "ДЗ на проверку" },
+  { href: "/admin/quizzes", label: "Тесты" },
   { href: "/admin/comments", label: "Комментарии" },
   { href: "/admin/import-export", label: "Импорт / Экспорт" },
   { href: "/admin/settings", label: "Настройки" },