-
+ {list.map((it, i) => (
+
- {inline(it)} + ))} +
); + else if (line.startsWith("### ")) out.push(
{line.slice(4)}
); + else if (line.startsWith("## ")) out.push({line.slice(3)}
); + else if (line.startsWith("# ")) out.push({line.slice(2)}
); + else if (line.startsWith("*") && line.endsWith("*") && !line.startsWith("**")) + out.push({line.slice(1, -1)}
); + else out.push({inline(line)}
); + }); + flushList(lines.length); + return out; +} + +// Диалог пользовательского соглашения: текст + переключатель согласия + «Принять». +// «Принять» неактивна, пока не включён переключатель (как в оригинале). +export function AgreementDialog({ + onAccept, + onClose, +}: { + onAccept: () => void; + onClose: () => void; +}) { + const [agreed, setAgreed] = useState(false); + return ( +
+
+ );
+}
diff --git a/web-react/src/components/Layout.tsx b/web-react/src/components/Layout.tsx
new file mode 100644
index 0000000..75a6cd2
--- /dev/null
+++ b/web-react/src/components/Layout.tsx
@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+import { useNavigate } from "react-router-dom";
+import { IconArrowBack, IconAccount } from "./icons";
+
+// Оболочка экранов: заголовок + опциональная кнопка «назад» + кнопка профиля.
+export function Layout({
+ title,
+ children,
+ back,
+ showProfile = true,
+}: {
+ title: string;
+ children: ReactNode;
+ back?: string; // путь для кнопки «назад»
+ showProfile?: boolean;
+}) {
+ const navigate = useNavigate();
+ return (
+ e.stopPropagation()}>
+
+
+ Пользовательское соглашение
+
+ {renderMarkdown(AGREEMENT)}
+
+
+
+
+
+
+
+ {children}
+
+ );
+}
diff --git a/web-react/src/components/ProtectedRoute.tsx b/web-react/src/components/ProtectedRoute.tsx
new file mode 100644
index 0000000..1c403cb
--- /dev/null
+++ b/web-react/src/components/ProtectedRoute.tsx
@@ -0,0 +1,18 @@
+import { Navigate } from "react-router-dom";
+import type { ReactNode } from "react";
+import { useAuth } from "../auth/AuthContext";
+import { Spinner } from "./ui";
+
+// Пускает дальше только при наличии токена. Пока идёт первичная проверка — спиннер.
+export function ProtectedRoute({ children }: { children: ReactNode }) {
+ const { token, ready } = useAuth();
+ if (!ready) {
+ return (
+
+ {back && (
+
+ )}
+
+ {title}
+
+
+ {showProfile && (
+
+ )}
+
+
+ );
+ }
+ if (!token) return
+ {label && {label}}
+
+ );
+}
diff --git a/web-react/src/components/icons.tsx b/web-react/src/components/icons.tsx
new file mode 100644
index 0000000..762a44f
--- /dev/null
+++ b/web-react/src/components/icons.tsx
@@ -0,0 +1,90 @@
+// Небольшой набор inline-SVG иконок (замена Material Icons из Flet).
+// Наследуют цвет через currentColor и размер через 1em.
+import type { SVGProps } from "react";
+
+type P = SVGProps {
+ setQuery("");
+ setOpen(true);
+ }}
+ >
+
+ {selected ? selected.text : hint ?? "Выберите..."}
+
+
+
+ {open && (
+ setOpen(false)}>
+
+ )}
+ e.stopPropagation()}>
+
+
+ {label}
+ setQuery(e.target.value)}
+ />
+ +
+ {filtered.length === 0 &&
+ Ничего не найдено
}
+ {filtered.map((o) => (
+ {
+ onChange(o.key);
+ setOpen(false);
+ }}
+ >
+ {o.text}
+
+ ))}
+
+
+ );
+}
+
+// ---------------------------------------------------------------------------
+// Button
+// ---------------------------------------------------------------------------
+type ButtonProps = ButtonHTMLAttributes
+ {children}
+
+ );
+}
+
+// ---------------------------------------------------------------------------
+// TextField
+// ---------------------------------------------------------------------------
+type FieldProps = Omit
+
+ );
+}
diff --git a/web-react/src/main.tsx b/web-react/src/main.tsx
new file mode 100644
index 0000000..1155add
--- /dev/null
+++ b/web-react/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./styles/global.css";
+
+createRoot(document.getElementById("root")!).render(
+ e.stopPropagation()}>
+
+ {title}
+ {children && {children}
}
+ {actions}
+
+
+ navigate("/tests")}>
+ 
+ Все тесты
+
+
+ Все тесты
+ navigate("/my-tests")}>
+ 
+ Мои тесты
+
+
+ Мои тесты
+
+ setAskReg(false)}
+ onAccept={() => navigate("/register")}
+ />
+ )}
+
+ );
+}
diff --git a/web-react/src/pages/MyTestsPage.tsx b/web-react/src/pages/MyTestsPage.tsx
new file mode 100644
index 0000000..b60b6af
--- /dev/null
+++ b/web-react/src/pages/MyTestsPage.tsx
@@ -0,0 +1,77 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import * as api from "../api/client";
+import { useAuth } from "../auth/AuthContext";
+import { Layout } from "../components/Layout";
+import { Card, CenterSpinner } from "../components/ui";
+import { IconChevronRight } from "../components/icons";
+
+interface Row {
+ id: string;
+ title: string;
+ submittedAt: string;
+}
+
+export function MyTestsPage() {
+ const navigate = useNavigate();
+ const { user } = useAuth();
+ const [rows, setRows] = useStateЦОПП
+
+ Это проект ЦОПП по проведению исследовательских тестирований
+
+
+
+ {askReg && (
+ Вы ещё не проходили тесты
+ ) : ( +
+ {rows.map((r) => (
+ navigate(`/response/${r.id}`)}>
+
+ ))}
+
+ )}
+
+
+
+ {r.title}
+
+ Пройден: {r.submittedAt.slice(0, 19).replace("T", " ")}
+
+
+ {phase.message}
; + } else if (phase.kind === "submitting") { + body =
+
+
+ );
+ } else if (phase.kind === "success") {
+ body = (
+
+
+
+
+
+ );
+ }
+
+ return (
+
+
+ Вопрос {current + 1} из {total}
+
+
+
+
+
+ } onClick={() => setAskAbort(true)}>
+ Прервать тест
+
+
+ {q.text}
+
+
+ {q.choices.map((c) => {
+ const isSel = c.id === selected;
+ return (
+
+
+ {current === total - 1 && allAnswered && (
+ selectAnswer(q.id, c.id)}
+ >
+ {isSel ?
+ );
+ })}
+
+
+
+ )}
+
+ Редактировать профиль
+
+ Внешний вид + id && setThemeId(id)}
+ />
+
+ )}
+ + Внешний вид +
+ Масштаб: {scale.toFixed(1)}×
+ setScale(parseFloat(e.target.value))}
+ />
+
+
+
+
+
+ {status && (
+ {status.text}
+ )}
+
+
+
+ );
+}
diff --git a/web-react/src/pages/ResponsePage.tsx b/web-react/src/pages/ResponsePage.tsx
new file mode 100644
index 0000000..a87df61
--- /dev/null
+++ b/web-react/src/pages/ResponsePage.tsx
@@ -0,0 +1,102 @@
+import { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import * as api from "../api/client";
+import { Layout } from "../components/Layout";
+import { Card, CenterSpinner } from "../components/ui";
+import { RadarBlock } from "../components/RadarBlock";
+import { IconCheckCircle, IconRadioUnchecked } from "../components/icons";
+
+interface State {
+ response: api.ResponseDetail;
+ poll: api.Poll;
+ hasRadar: boolean;
+}
+
+export function ResponsePage() {
+ const { responseId = "" } = useParams();
+ const [state, setState] = useStateЦОПП
+ Регистрация в системе
+
+ {error}
+ ) : !state ? ( +
+
+
+ )}
+
+ Ответы
+ {response.answers.map((ans, i) => {
+ const q = questions.get(ans.question_id);
+ if (!q) return null;
+ return (
+
+
+ );
+ })}
+
+ );
+}
diff --git a/web-react/src/pages/TestListPage.tsx b/web-react/src/pages/TestListPage.tsx
new file mode 100644
index 0000000..f2c822f
--- /dev/null
+++ b/web-react/src/pages/TestListPage.tsx
@@ -0,0 +1,41 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import * as api from "../api/client";
+import { Layout } from "../components/Layout";
+import { Card, CenterSpinner } from "../components/ui";
+
+export function TestListPage() {
+ const navigate = useNavigate();
+ const [polls, setPolls] = useState
+ {poll.title}
+ Пройден: {submittedAt}
+
+
+ {hasRadar && (
+
+ Результат
+
+
+ {q.text}
+ {q.choices.map((c) => {
+ const selected = c.id === ans.choice_id;
+ return (
+
+
+
+ {selected ?
+ );
+ })}
+ Тестов пока нет
+ ) : ( +
+ {polls.map((poll) => (
+ navigate(`/poll/${poll.id}`)}>
+
+ ))}
+
+ )}
+
+ {poll.title || "—"}
+ {poll.description && {poll.description}}
+
+