Complete training workflow and acceptance hardening
This commit is contained in:
andreysk0304
gglamer
parent
4c4b91064f
commit
7237265833
243 changed files with 17014 additions and 1500 deletions
|
|
@ -8,6 +8,7 @@ import { useEffect, useRef, useState } from "react";
|
|||
|
||||
import { Debrief } from "@/features/debrief/Debrief";
|
||||
import { Director } from "@/features/instructor/Director";
|
||||
import { ScoreWeightsEditor } from "@/features/instructor/ScoreWeightsEditor";
|
||||
import { ScenarioEditor } from "@/features/instructor/ScenarioEditor";
|
||||
import { useControl } from "@/features/instructor/useControl";
|
||||
import { KioCard } from "@/features/kio-card/KioCard";
|
||||
|
|
@ -15,30 +16,77 @@ import { StandStatus } from "@/features/health/StandStatus";
|
|||
import { ModeBanner } from "@/features/mode-banner/ModeBanner";
|
||||
import { useObserve } from "@/features/observe/useObserve";
|
||||
import { InterviewTimer, Timers } from "@/features/timers/Timers";
|
||||
import { useIncidentGroups, useScenarios, useSessions, useTrainees } from "@/shared/api/http";
|
||||
import { CARD_STATUS_LABELS, SERVICE_STATUS_LABELS } from "@/pages/dds/statuses";
|
||||
import { DEMO_MODE } from "@/features/auth/useAuth";
|
||||
import {
|
||||
useActiveSessions, useIncidentGroups, useReviewScenarioSubmission, useScenarioSubmissions,
|
||||
useScenarios, useSessions, useTrainees,
|
||||
} from "@/shared/api/http";
|
||||
import { sessionIdFromUrl } from "@/shared/api/session";
|
||||
import type { SessionMode, SessionReport } from "@/shared/types/generated";
|
||||
import type { Level, SessionMode, SessionReport } from "@/shared/types/generated";
|
||||
|
||||
const MODES: { value: SessionMode; label: string }[] = [
|
||||
{ value: "training", label: "тренировочный" },
|
||||
{ value: "exam", label: "контрольный" },
|
||||
{ value: "self", label: "самостоятельный" },
|
||||
const MODES: { value: SessionMode; label: string; hint: string }[] = [
|
||||
{ value: "training", label: "Тренировочный", hint: "Подсказки доступны" },
|
||||
{ value: "exam", label: "Контрольный", hint: "Подсказки отключены" },
|
||||
{ value: "self", label: "Самостоятельная работа", hint: "Курсант работает самостоятельно; подсказки доступны" },
|
||||
];
|
||||
|
||||
function levelLabel(level: Level): string {
|
||||
const labels: Record<Level, string> = {
|
||||
L1: "L1 · простой вызов",
|
||||
L2: "L2 · заявитель в стрессе",
|
||||
L3: "L3 · обрыв связи / обратный вызов",
|
||||
};
|
||||
return labels[level];
|
||||
}
|
||||
|
||||
function modeLabel(mode: SessionMode): string {
|
||||
return MODES.find((item) => item.value === mode)?.label ?? mode;
|
||||
}
|
||||
|
||||
function sessionDateLabel(value: string | null): string | null {
|
||||
if (!value) return null;
|
||||
const date = new Date(value);
|
||||
if (Number.isNaN(date.getTime())) return null;
|
||||
return new Intl.DateTimeFormat("ru-RU", { dateStyle: "medium", timeStyle: "short" }).format(date);
|
||||
}
|
||||
|
||||
function LessonNumberInput({
|
||||
label, value, min, max, fallback, onCommit,
|
||||
}: {
|
||||
label: string; value: number; min: number; max: number; fallback: number;
|
||||
onCommit: (value: number) => void;
|
||||
}) {
|
||||
const [draft, setDraft] = useState(String(value));
|
||||
useEffect(() => setDraft(String(value)), [value]);
|
||||
function commit() {
|
||||
const parsed = draft.trim() ? Number(draft) : fallback;
|
||||
const normalized = Number.isFinite(parsed) ? Math.max(min, Math.min(max, parsed)) : fallback;
|
||||
setDraft(String(normalized));
|
||||
onCommit(normalized);
|
||||
}
|
||||
return <input type="number" min={min} max={max} aria-label={label} value={draft}
|
||||
onChange={(event) => setDraft(event.target.value)} onBlur={commit} />;
|
||||
}
|
||||
|
||||
export function Instructor() {
|
||||
const [sessionId, setSessionId] = useState<string | null>(sessionIdFromUrl());
|
||||
const [scenarioId, setScenarioId] = useState("");
|
||||
const [ticketFilter, setTicketFilter] = useState("");
|
||||
const [categoryFilter, setCategoryFilter] = useState("");
|
||||
const [levelFilter, setLevelFilter] = useState<Level | "">("");
|
||||
const [scenarioSearch, setScenarioSearch] = useState("");
|
||||
const [cardSource, setCardSource] = useState<"system" | "trainee" | "mixed">("system");
|
||||
const [submissionReviewComments, setSubmissionReviewComments] = useState<Record<string, string>>({});
|
||||
const [extraScenarioIds, setExtraScenarioIds] = useState<string[]>([]);
|
||||
const [randomScenario, setRandomScenario] = useState(false);
|
||||
const [mode, setMode] = useState<SessionMode>("training");
|
||||
const [exercise, setExercise] = useState<"dds" | "call" | "card" | "card_dds">("dds");
|
||||
const [decisionTimeLimit, setDecisionTimeLimit] = useState(30);
|
||||
const [cardFillTimeLimit, setCardFillTimeLimit] = useState(180);
|
||||
const [ddsCardWorkTimeLimit, setDdsCardWorkTimeLimit] = useState(180);
|
||||
const [allowedErrors, setAllowedErrors] = useState(0);
|
||||
const [requireCorrectGrammar, setRequireCorrectGrammar] = useState(true);
|
||||
const [scoreWeightsText, setScoreWeightsText] = useState("{}");
|
||||
const [scoreWeightsError, setScoreWeightsError] = useState("");
|
||||
const [lessonScoreWeights, setLessonScoreWeights] = useState<Record<string, number>>({});
|
||||
const [ddsArrivalIntervalSeconds, setDdsArrivalIntervalSeconds] = useState(60);
|
||||
const [ddsMaxWaiting, setDdsMaxWaiting] = useState(3);
|
||||
|
|
@ -48,6 +96,10 @@ export function Instructor() {
|
|||
// Запускается только занятие, созданное этой кнопкой. Открытая из истории
|
||||
// ссылка на идущее занятие не должна запускать его заново и сбрасывать.
|
||||
const toStart = useRef<string | null>(null);
|
||||
const [startPendingId, setStartPendingId] = useState<string | null>(null);
|
||||
const startPendingRef = useRef<string | null>(null);
|
||||
const [startError, setStartError] = useState("");
|
||||
const startTimeout = useRef<number | null>(null);
|
||||
const [noteText, setNoteText] = useState("");
|
||||
const [overrideReport, setOverrideReport] = useState<SessionReport | null>(null);
|
||||
const [overrideScore, setOverrideScore] = useState("");
|
||||
|
|
@ -56,11 +108,16 @@ export function Instructor() {
|
|||
const [overrideBusy, setOverrideBusy] = useState(false);
|
||||
|
||||
const scenarios = useScenarios();
|
||||
const scenarioSubmissions = useScenarioSubmissions();
|
||||
const reviewScenarioSubmission = useReviewScenarioSubmission();
|
||||
const incidentGroups = useIncidentGroups();
|
||||
const history = useSessions();
|
||||
const activeSessions = useActiveSessions();
|
||||
const trainees = useTrainees();
|
||||
const session = useObserve(sessionId);
|
||||
const control = useControl(sessionId);
|
||||
const pendingSubmissions = (scenarioSubmissions.data ?? []).filter((item) => item.status === "pending");
|
||||
const ddsExcludedScenarios = (scenarios.data ?? []).filter((item) => item.outcome !== "card");
|
||||
|
||||
useEffect(() => {
|
||||
if (!session.report) return;
|
||||
|
|
@ -70,48 +127,98 @@ export function Instructor() {
|
|||
}, [session.report?.session_id, session.report?.score_final, session.report?.override_comment]);
|
||||
|
||||
const visibleScenarios = (scenarios.data ?? []).filter((item) =>
|
||||
(!ticketFilter || item.ticket === Number(ticketFilter)) &&
|
||||
(!categoryFilter || item.ekp_group === Number(categoryFilter)) &&
|
||||
(exercise !== "dds" || item.outcome === "card") &&
|
||||
(cardSource === "mixed" || item.source === cardSource) &&
|
||||
(!ticketFilter || cardSource === "trainee" || item.source === "trainee" || item.ticket === Number(ticketFilter)) &&
|
||||
(!categoryFilter || item.source === "trainee" || item.ekp_group === Number(categoryFilter)) &&
|
||||
(!levelFilter || item.level === levelFilter) &&
|
||||
(!scenarioSearch.trim() || `${item.title} ${item.id}`.toLocaleLowerCase("ru-RU")
|
||||
.includes(scenarioSearch.trim().toLocaleLowerCase("ru-RU")))
|
||||
).sort((a, b) => (a.ticket ?? 99) - (b.ticket ?? 99) || (a.position ?? 0) - (b.position ?? 0));
|
||||
const selectedScenario = visibleScenarios.find((item) => item.id === scenarioId);
|
||||
const hasScenarioFilters = Boolean(ticketFilter || categoryFilter || levelFilter || scenarioSearch.trim() || cardSource !== "system");
|
||||
function clearScenarioFilters() {
|
||||
setTicketFilter("");
|
||||
setCategoryFilter("");
|
||||
setLevelFilter("");
|
||||
setScenarioSearch("");
|
||||
setCardSource("system");
|
||||
setWholeTicket(false);
|
||||
}
|
||||
const selectedTicketScenarios = ticketFilter
|
||||
? (scenarios.data ?? []).filter((item) => item.ticket === Number(ticketFilter))
|
||||
.filter((item) => item.source === "system")
|
||||
.filter((item) => exercise !== "dds" || item.outcome === "card")
|
||||
.sort((a, b) => (a.position ?? 0) - (b.position ?? 0))
|
||||
: [];
|
||||
const [wholeTicket, setWholeTicket] = useState(false);
|
||||
const canStartSelectedExercise = exercise === "dds" && wholeTicket
|
||||
? selectedTicketScenarios.length === 3
|
||||
? selectedTicketScenarios.length > 0
|
||||
: Boolean(scenarioId);
|
||||
const startDisabledReason = scenarios.isLoading || trainees.isLoading
|
||||
? "Загружаются сценарии и список курсантов…"
|
||||
: !canStartSelectedExercise
|
||||
? "Выберите подходящий сценарий или билет перед запуском."
|
||||
: Boolean(trainees.data?.length && (!traineeId || (traineeId === "__demo__" && !DEMO_MODE)))
|
||||
? DEMO_MODE ? "Выберите курсанта из списка или пункт «Демо-курсант»." : "Сначала выберите курсанта из списка."
|
||||
: "";
|
||||
const selectedTraineeLabel = trainees.data?.find((item) => item.id === traineeId)?.name
|
||||
?? (traineeId === "__demo__" ? trainee.trim() || "Демо-курсант" : trainee.trim());
|
||||
const exerciseLabel = exercise === "dds" ? "Диспетчер ДДС"
|
||||
: exercise === "call" ? "Оператор 112 · звонок"
|
||||
: exercise === "card" ? "Оператор 112 · текстовая вводная" : "Полный цикл 112 → ДДС";
|
||||
|
||||
useEffect(() => () => {
|
||||
if (startTimeout.current !== null) window.clearTimeout(startTimeout.current);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (!sessionId || sessionId !== startPendingId) return;
|
||||
if (session.title) {
|
||||
if (startTimeout.current !== null) window.clearTimeout(startTimeout.current);
|
||||
startTimeout.current = null;
|
||||
startPendingRef.current = null;
|
||||
setStartPendingId(null);
|
||||
setStartError("");
|
||||
return;
|
||||
}
|
||||
// observe may connect just before scenario.start and report a transient
|
||||
// session_not_found. Do not present that expected startup race as failure.
|
||||
if (session.error && session.error !== "Занятие не запущено") {
|
||||
if (startTimeout.current !== null) window.clearTimeout(startTimeout.current);
|
||||
startTimeout.current = null;
|
||||
toStart.current = null;
|
||||
startPendingRef.current = null;
|
||||
setStartPendingId(null);
|
||||
setStartError(session.error);
|
||||
}
|
||||
}, [sessionId, startPendingId, session.title, session.error]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!visibleScenarios.some((item) => item.id === scenarioId)) {
|
||||
setScenarioId(visibleScenarios[0]?.id ?? "");
|
||||
}
|
||||
}, [scenarios.data, ticketFilter, categoryFilter, scenarioSearch, scenarioId]);
|
||||
}, [scenarios.data, ticketFilter, categoryFilter, levelFilter, scenarioSearch, scenarioId, exercise, cardSource]);
|
||||
|
||||
function startLesson() {
|
||||
if (trainees.data?.length && !traineeId) return;
|
||||
let parsedWeights: unknown;
|
||||
try {
|
||||
parsedWeights = JSON.parse(scoreWeightsText);
|
||||
} catch {
|
||||
setScoreWeightsError("Введите корректный JSON, например {\"dds_ack\": 2}.");
|
||||
return;
|
||||
}
|
||||
if (!parsedWeights || typeof parsedWeights !== "object" || Array.isArray(parsedWeights) ||
|
||||
Object.values(parsedWeights).some((value) => typeof value !== "number" ||
|
||||
!Number.isFinite(value) || value < 0 || value > 10)) {
|
||||
setScoreWeightsError("Задайте объект «ключ метрики: вес от 0 до 10».");
|
||||
return;
|
||||
}
|
||||
setScoreWeightsError("");
|
||||
setLessonScoreWeights(parsedWeights as Record<string, number>);
|
||||
if (startPendingId || toStart.current || startDisabledReason) return;
|
||||
if (trainees.data?.length && (!traineeId || (traineeId === "__demo__" && !DEMO_MODE))) return;
|
||||
const id = crypto.randomUUID();
|
||||
// Номер занятия живёт в адресе: монитор и АРМ курсанта открываются ссылкой.
|
||||
window.history.replaceState(null, "", `/instructor?session=${id}`);
|
||||
toStart.current = id;
|
||||
startPendingRef.current = id;
|
||||
setStartPendingId(id);
|
||||
setStartError("");
|
||||
setSessionId(id);
|
||||
startTimeout.current = window.setTimeout(() => {
|
||||
if (startPendingRef.current !== id) return;
|
||||
startPendingRef.current = null;
|
||||
if (toStart.current === id) toStart.current = null;
|
||||
startTimeout.current = null;
|
||||
setStartPendingId(null);
|
||||
setStartError("Не удалось запустить занятие. Проверьте подключение и нажмите «Повторить запуск».");
|
||||
}, 15_000);
|
||||
}
|
||||
|
||||
async function saveScoreOverride(report: SessionReport) {
|
||||
|
|
@ -145,33 +252,55 @@ export function Instructor() {
|
|||
}
|
||||
}
|
||||
|
||||
function openActiveSession(item: NonNullable<typeof activeSessions.data>[number]) {
|
||||
toStart.current = null;
|
||||
startPendingRef.current = null;
|
||||
if (startTimeout.current !== null) window.clearTimeout(startTimeout.current);
|
||||
startTimeout.current = null;
|
||||
setStartPendingId(null);
|
||||
window.history.replaceState(null, "", `/instructor?session=${item.session_id}`);
|
||||
setSessionId(item.session_id);
|
||||
setScenarioId(item.scenario_id);
|
||||
setExercise(item.exercise);
|
||||
setMode(item.mode);
|
||||
}
|
||||
|
||||
// Занятие запускается, когда канал управления открылся.
|
||||
useEffect(() => {
|
||||
if (!sessionId || control.status !== "open" || toStart.current !== sessionId) return;
|
||||
toStart.current = null;
|
||||
if (!sessionId || control.openSessionId !== sessionId || toStart.current !== sessionId) return;
|
||||
const selected = trainees.data?.find((item) => item.id === traineeId);
|
||||
const primaryScenarioId = exercise === "dds" && wholeTicket
|
||||
? selectedTicketScenarios[0]?.id ?? scenarioId : scenarioId;
|
||||
const scenarioIds = exercise === "dds"
|
||||
? (wholeTicket
|
||||
const scenarioIds = exercise === "dds" || exercise === "card_dds"
|
||||
? (exercise === "dds" && wholeTicket
|
||||
? selectedTicketScenarios.map((item) => item.id)
|
||||
: [scenarioId, ...extraScenarioIds.filter((id) => id !== scenarioId)])
|
||||
: [scenarioId, ...extraScenarioIds.filter((id) => id !== scenarioId &&
|
||||
visibleScenarios.some((item) => item.id === id))])
|
||||
.filter((id) => scenarios.data?.find((item) => item.id === id)?.outcome === "card")
|
||||
.filter((id, index, all) => id && all.indexOf(id) === index)
|
||||
: undefined;
|
||||
control.start(primaryScenarioId, mode, selected?.name || trainee || "Демо-курсант",
|
||||
const randomScenarioIds = randomScenario && exercise !== "call"
|
||||
&& !(exercise === "dds" && wholeTicket)
|
||||
? visibleScenarios.filter((item) => item.outcome === "card").map((item) => item.id)
|
||||
: undefined;
|
||||
const sent = control.start(sessionId, primaryScenarioId, mode, selected?.name || trainee || "Демо-курсант",
|
||||
exercise === "card_dds" ? "card" : exercise,
|
||||
undefined, selected?.id, selected?.service ?? undefined,
|
||||
scenarioIds && scenarioIds.length > 1 ? scenarioIds : undefined,
|
||||
ddsArrivalIntervalSeconds, ddsMaxWaiting,
|
||||
exercise === "card_dds", {
|
||||
decision_time_limit_seconds: decisionTimeLimit,
|
||||
card_fill_time_limit_seconds: cardFillTimeLimit,
|
||||
dds_card_work_time_limit_seconds: ddsCardWorkTimeLimit,
|
||||
allowed_errors: allowedErrors,
|
||||
require_correct_grammar: requireCorrectGrammar,
|
||||
score_weights: lessonScoreWeights,
|
||||
});
|
||||
}, randomScenarioIds);
|
||||
if (sent) toStart.current = null;
|
||||
}, [sessionId, control, scenarioId, extraScenarioIds, mode, trainee, traineeId, trainees.data,
|
||||
exercise, decisionTimeLimit, allowedErrors, requireCorrectGrammar, wholeTicket, selectedTicketScenarios,
|
||||
ddsArrivalIntervalSeconds, ddsMaxWaiting, lessonScoreWeights]);
|
||||
exercise, decisionTimeLimit, cardFillTimeLimit, ddsCardWorkTimeLimit, allowedErrors, requireCorrectGrammar, wholeTicket, selectedTicketScenarios,
|
||||
ddsArrivalIntervalSeconds, ddsMaxWaiting, lessonScoreWeights, scenarios.data,
|
||||
randomScenario, visibleScenarios]);
|
||||
|
||||
const links = sessionId
|
||||
? {
|
||||
|
|
@ -182,7 +311,7 @@ export function Instructor() {
|
|||
: null;
|
||||
|
||||
return (
|
||||
<main className="page instructor-page">
|
||||
<main className={`page instructor-page${session.report ? " has-report" : ""}`}>
|
||||
<StandStatus />
|
||||
<ModeBanner mode={session.mode ?? mode} />
|
||||
<h1>Рабочее место преподавателя</h1>
|
||||
|
|
@ -191,45 +320,197 @@ export function Instructor() {
|
|||
<a href="/materials">Учебные материалы и назначения →</a>
|
||||
</p>
|
||||
|
||||
<div className="instructor-layout">
|
||||
<details className="instructor-live-group instructor-secondary-panel" open={Boolean(activeSessions.data?.length)}>
|
||||
<summary>
|
||||
<span>Занятия группы в реальном времени</span>
|
||||
<small>{activeSessions.isLoading ? "Обновляем список…" : activeSessions.data?.length
|
||||
? `${activeSessions.data.length} активных` : "Сейчас нет активных занятий"}</small>
|
||||
</summary>
|
||||
<p className="ref" role="status" aria-live="polite">
|
||||
Список ваших активных сессий обновляется автоматически каждые 2 секунды.
|
||||
</p>
|
||||
<div className="dds-table-wrap"><table className="grid">
|
||||
<thead><tr><th>Курсант</th><th>Упражнение · карточка</th><th>Ход</th><th>ДДС</th><th>Задержки</th><th></th></tr></thead>
|
||||
<tbody>
|
||||
{(activeSessions.data ?? []).map((item) => (
|
||||
<tr key={item.session_id}>
|
||||
<td>{item.trainee_name || "Демо-курсант"}<small className="ref">{modeLabel(item.mode)} · {Math.floor(item.elapsed_seconds / 60)} мин {item.elapsed_seconds % 60} с</small></td>
|
||||
<td>{item.scenario_title}<small className="ref">{item.scenario_id}{item.exercise === "dds" && ` · ${item.dds_open_cards}/${item.dds_card_total} карточек открыто`}</small></td>
|
||||
<td>{Object.entries(item.dds_statuses).map(([service, status]) =>
|
||||
<span key={service}>{service}: {status}<br /></span>)}
|
||||
{!Object.keys(item.dds_statuses).length && (item.exercise === "dds" ? "Ожидает первичного решения" : "Упражнение выполняется")}
|
||||
{item.dds_snapshot && <details className="active-session-details">
|
||||
<summary>Карточки и доклады ({item.dds_snapshot.queue_cards?.length ?? 0})</summary>
|
||||
{item.dds_snapshot.crew_selected && <p><strong>Бригада:</strong> {item.dds_snapshot.crew_selected}</p>}
|
||||
{item.dds_snapshot.phone_pending && <p className="ref" role="status">
|
||||
Идёт связь с бригадой {item.dds_snapshot.phone_pending.crew}.
|
||||
</p>}
|
||||
{item.dds_snapshot.queue_cards?.map((card) => <article className="active-session-card" key={card.card_id}>
|
||||
<strong>{card.active ? "Сейчас в работе: " : "Ожидает: "}{card.title}</strong>
|
||||
{card.address && <span>{card.address}</span>}
|
||||
<small>{card.managed_service ? `${card.managed_service} · ` : ""}{SERVICE_STATUS_LABELS[card.service_status]} · {CARD_STATUS_LABELS[card.card_status]}</small>
|
||||
<small>{card.timer_stopped ? `Первичная реакция за ${Math.ceil(card.elapsed_ms / 1000)} с` :
|
||||
card.elapsed_ms > card.limit_ms ? `Просрочена первичная реакция · ${Math.ceil((card.elapsed_ms - card.limit_ms) / 1000)} с` :
|
||||
`На первичное решение осталось ${Math.ceil((card.limit_ms - card.elapsed_ms) / 1000)} с`}</small>
|
||||
</article>)}
|
||||
{item.dds_snapshot.pending_cards_count ? <p className="ref">Ещё поступят по сценарию: {item.dds_snapshot.pending_cards_count}</p> : null}
|
||||
{item.dds_snapshot.log.length > 0 && <div className="active-session-log">
|
||||
<strong>Последние отметки служб</strong>
|
||||
{item.dds_snapshot.log.slice(-4).reverse().map((entry, index) => <p key={`${entry.at}-${index}`}>
|
||||
<span>{entry.service} · {SERVICE_STATUS_LABELS[entry.status]}</span>
|
||||
{entry.comment && <small>{entry.comment}</small>}
|
||||
</p>)}
|
||||
</div>}
|
||||
{item.dds_snapshot.phone_reports?.length ? <div className="active-session-log">
|
||||
<strong>Доклады бригады</strong>
|
||||
{item.dds_snapshot.phone_reports.map((report, index) => <p key={`${report.at}-${index}`}>
|
||||
<span>{report.crew} · {report.phase === "dispatched" ? "выезд" : report.phase === "arrived" ? "прибытие" : report.phase === "working" ? "ход работ" : report.phase === "completed" ? "завершение" : report.phase}</span>
|
||||
<small>{report.text}</small>
|
||||
</p>)}
|
||||
</div> : null}
|
||||
</details>}</td>
|
||||
<td>{item.exercise === "dds" ? `Открытых карточек: ${item.dds_open_cards}` : "—"}</td>
|
||||
<td className={item.dds_overdue_cards ? "state-violated" : "state-ok"}>
|
||||
{item.dds_overdue_cards || item.dds_work_overdue_cards
|
||||
? `Просрочено: первичная реакция ${item.dds_overdue_cards}; отработка карточки ${item.dds_work_overdue_cards}`
|
||||
: "Нормативы не нарушены"}
|
||||
</td>
|
||||
<td><button type="button" onClick={() => openActiveSession(item)}>
|
||||
{sessionId === item.session_id ? "Открыто" : "Наблюдать"}
|
||||
</button></td>
|
||||
</tr>
|
||||
))}
|
||||
{!activeSessions.data?.length && <tr><td colSpan={6}>
|
||||
{activeSessions.isLoading ? "Загружаем активные занятия…" : "Активных занятий пока нет."}
|
||||
</td></tr>}
|
||||
</tbody>
|
||||
</table></div>
|
||||
</details>
|
||||
|
||||
<details className="student-scenario-review instructor-secondary-panel" open={pendingSubmissions.length > 0}>
|
||||
<summary>
|
||||
<span>Карточки курсантов на проверку</span>
|
||||
<small>{scenarioSubmissions.isLoading ? "Проверяем очередь…" : pendingSubmissions.length
|
||||
? `${pendingSubmissions.length} ожидают решения` : "Новых карточек нет"}</small>
|
||||
</summary>
|
||||
<p className="ref">Только ваши учебные группы. Утверждение создаёт карточку для очереди ДДС; преподаватель проверяет её факты до публикации.</p>
|
||||
{pendingSubmissions.map((item) => (
|
||||
<article className="student-scenario-proposal" key={item.id}>
|
||||
<header><strong>{item.title}</strong><span>{item.author_name} · {item.level} · {item.incident_type}</span></header>
|
||||
{item.kio ? <details><summary>Проверить КИО целиком</summary>
|
||||
<KioCard state={{ server: item.kio, pending: {} }} readOnly />
|
||||
</details> : <><p>{item.description}</p>
|
||||
{item.address && <p><strong>Адрес:</strong> {item.address}</p>}
|
||||
{item.victims !== null && <p><strong>Пострадавших:</strong> {item.victims}</p>}
|
||||
</>}
|
||||
<label>Комментарий преподавателя<textarea maxLength={1000} value={submissionReviewComments[item.id] ?? ""}
|
||||
onChange={(event) => setSubmissionReviewComments((previous) => ({ ...previous, [item.id]: event.target.value }))} /></label>
|
||||
<footer>
|
||||
<button type="button" disabled={reviewScenarioSubmission.isPending}
|
||||
onClick={() => reviewScenarioSubmission.mutate({ id: item.id, decision: "approve", comment: submissionReviewComments[item.id] })}>
|
||||
Проверил(а), утвердить в банк ДДС
|
||||
</button>
|
||||
<button type="button" disabled={reviewScenarioSubmission.isPending || !(submissionReviewComments[item.id] ?? "").trim()}
|
||||
onClick={() => reviewScenarioSubmission.mutate({ id: item.id, decision: "reject", comment: submissionReviewComments[item.id] })}>
|
||||
Вернуть на доработку
|
||||
</button>
|
||||
{reviewScenarioSubmission.isError && <span role="alert" className="state-violated">{reviewScenarioSubmission.error.message}</span>}
|
||||
</footer>
|
||||
</article>
|
||||
))}
|
||||
{!scenarioSubmissions.isLoading && !pendingSubmissions.length &&
|
||||
<p className="ref">Предложения курсантов из ваших групп появятся здесь.</p>}
|
||||
</details>
|
||||
|
||||
<div className={`instructor-layout${sessionId ? " has-session" : " is-idle"}`}>
|
||||
<section>
|
||||
<h2>Занятие</h2>
|
||||
<h2>Настроить занятие</h2>
|
||||
<p className="lesson-setup-intro"><strong>Четыре шага до запуска</strong><span>Выберите сценарий, упражнение, режим и курсанта. Остальные настройки уже подготовлены — при необходимости их можно раскрыть ниже.</span></p>
|
||||
<table className="grid">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Сценарий</th>
|
||||
<th><span className="lesson-step-title"><i>1</i> Сценарий</span></th>
|
||||
<td>
|
||||
<div className="instructor-scenario-filters">
|
||||
<select aria-label="Категория происшествия" value={categoryFilter} onChange={(event) => setCategoryFilter(event.target.value)}>
|
||||
<details className="scenario-filters-details">
|
||||
<summary>Фильтры сценариев <span>{hasScenarioFilters ? "изменены · нажмите, чтобы настроить" : "необязательно · нажмите, чтобы открыть"}</span></summary>
|
||||
<div className="instructor-scenario-filters">
|
||||
<label><span>Источник карточек</span><select aria-label="Источник карточек" value={cardSource} onChange={(event) => {
|
||||
setCardSource(event.target.value as "system" | "trainee" | "mixed");
|
||||
setWholeTicket(false);
|
||||
}}>
|
||||
<option value="system">Системные карточки</option>
|
||||
<option value="trainee">Сформированные курсантами</option>
|
||||
<option value="mixed">Системные + курсанты</option>
|
||||
</select></label>
|
||||
<label><span>Категория ЕКП</span><select aria-label="Категория происшествия" value={categoryFilter} onChange={(event) => setCategoryFilter(event.target.value)}>
|
||||
<option value="">Все 23 категории ЕКП</option>
|
||||
{incidentGroups.data?.groups.map((group) =>
|
||||
<option key={group.id} value={group.id}>{group.title}</option>)}
|
||||
</select>
|
||||
<select aria-label="Билет заказчика" value={ticketFilter} onChange={(event) => {
|
||||
</select></label>
|
||||
<label><span>Билет</span><select aria-label="Билет заказчика" value={ticketFilter} onChange={(event) => {
|
||||
setTicketFilter(event.target.value);
|
||||
setWholeTicket(false);
|
||||
}}>
|
||||
<option value="">Все 32 билета</option>
|
||||
{Array.from({ length: 32 }, (_, index) => <option key={index} value={index + 1}>Билет {index + 1}</option>)}
|
||||
</select>
|
||||
<input type="search" aria-label="Поиск сценария" value={scenarioSearch}
|
||||
placeholder="Название или ID карточки" onChange={(event) => setScenarioSearch(event.target.value)} />
|
||||
</select></label>
|
||||
<label><span>Сложность</span><select aria-label="Уровень сложности" value={levelFilter}
|
||||
onChange={(event) => setLevelFilter(event.target.value as Level | "")}>
|
||||
<option value="">Все уровни сложности</option>
|
||||
<option value="L1">L1 · простой вызов</option>
|
||||
<option value="L2">L2 · заявитель в стрессе</option>
|
||||
<option value="L3">L3 · обрыв связи / обратный вызов</option>
|
||||
</select></label>
|
||||
</div>
|
||||
{hasScenarioFilters && <button className="scenario-filters-reset" type="button" onClick={clearScenarioFilters}>Сбросить фильтры</button>}
|
||||
</details>
|
||||
<div className="instructor-scenario-filters scenario-search-only">
|
||||
<label className="instructor-filter-search"><span>Найти карточку</span><input type="search" aria-label="Поиск сценария" value={scenarioSearch}
|
||||
placeholder="Название или номер" onChange={(event) => setScenarioSearch(event.target.value)} /></label>
|
||||
</div>
|
||||
<select value={scenarioId} disabled={exercise === "dds" && wholeTicket} onChange={(event) => {
|
||||
setScenarioId(event.target.value);
|
||||
setExtraScenarioIds((previous) => previous.filter((id) => id !== event.target.value));
|
||||
}}>
|
||||
{!visibleScenarios.length && <option value="">Карточки не найдены</option>}
|
||||
{visibleScenarios.map((scenario) => (
|
||||
<option key={scenario.id} value={scenario.id}>
|
||||
{scenario.ticket ? `Билет ${scenario.ticket}, вызов ${scenario.position} · ` : ""}{scenario.title} · {scenario.level}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
<small className="ref">{visibleScenarios.length} из {scenarios.data?.length ?? 0} карточек (96 — билеты заказчика)</small>
|
||||
{exercise === "dds" && ticketFilter && <label className="mode-choice">
|
||||
<input type="checkbox" checked={wholeTicket && selectedTicketScenarios.length === 3}
|
||||
disabled={selectedTicketScenarios.length !== 3}
|
||||
<label className="instructor-primary-scenario"><span>Сценарий занятия</span>
|
||||
<select aria-label="Сценарий занятия" value={scenarioId} disabled={exercise === "dds" && wholeTicket} onChange={(event) => {
|
||||
setScenarioId(event.target.value);
|
||||
setExtraScenarioIds((previous) => previous.filter((id) => id !== event.target.value));
|
||||
}}>
|
||||
{!visibleScenarios.length && <option value="">Карточки не найдены</option>}
|
||||
{visibleScenarios.map((scenario) => (
|
||||
<option key={scenario.id} value={scenario.id}>
|
||||
{scenario.source === "trainee" ? "От курсанта · " : scenario.ticket ? `Билет ${scenario.ticket}, вызов ${scenario.position} · ` : ""}{scenario.title} · {levelLabel(scenario.level)}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</label>
|
||||
{!scenarios.isLoading && visibleScenarios.length === 0 && <div className="scenario-empty-state" role="status">
|
||||
<strong>Подходящих сценариев не найдено</strong>
|
||||
<span>Измените поиск или фильтры. Можно быстро вернуться к системным карточкам.</span>
|
||||
{hasScenarioFilters && <button type="button" onClick={clearScenarioFilters}>Сбросить фильтры</button>}
|
||||
</div>}
|
||||
{selectedScenario && <div className="selected-scenario-summary" aria-live="polite">
|
||||
<span>Для занятия выбрано</span>
|
||||
<strong>{selectedScenario.title}</strong>
|
||||
<small>{selectedScenario.source === "trainee" ? "Предложение курсанта" : selectedScenario.ticket ? `Билет ${selectedScenario.ticket}` : "Учебный сценарий"} · {levelLabel(selectedScenario.level)}</small>
|
||||
{(selectedScenario.dds || selectedScenario.topics?.length || selectedScenario.outcome) && <div className="selected-scenario-details">
|
||||
{selectedScenario.dds && <span><b>Для ДДС:</b> {selectedScenario.dds}</span>}
|
||||
{Boolean(selectedScenario.topics?.length) && <span><b>Темы:</b> {selectedScenario.topics!.join(" · ")}</span>}
|
||||
{selectedScenario.outcome && <span><b>Тип:</b> {selectedScenario.outcome === "card" ? "карточка происшествия" : selectedScenario.outcome === "consultation" ? "консультация" : "передача в другой регион"}</span>}
|
||||
</div>}
|
||||
</div>}
|
||||
<small className="ref scenario-count">
|
||||
Найдено: {visibleScenarios.length} из {scenarios.data?.length ?? 0} сценариев
|
||||
{exercise === "dds" && ddsExcludedScenarios.length > 0 &&
|
||||
` · ${ddsExcludedScenarios.length} не являются карточками ДДС`}
|
||||
</small>
|
||||
{exercise !== "call" && !(exercise === "dds" && wholeTicket) && <label className="mode-choice">
|
||||
<input type="checkbox" checked={randomScenario}
|
||||
disabled={!visibleScenarios.some((item) => item.outcome === "card")}
|
||||
onChange={(event) => setRandomScenario(event.target.checked)} />
|
||||
{" Случайный порядок карточек из отфильтрованного набора"}
|
||||
<small className="ref"> — порядок формирует сервер; новые карточки поступают по заданному темпу, занятие можно завершить в любой момент</small>
|
||||
</label>}
|
||||
{exercise === "dds" && ticketFilter && cardSource === "system" && <label className="mode-choice">
|
||||
<input type="checkbox" checked={wholeTicket && selectedTicketScenarios.length > 0}
|
||||
disabled={selectedTicketScenarios.length === 0}
|
||||
onChange={(event) => {
|
||||
if (event.target.checked && selectedTicketScenarios[0]) {
|
||||
setScenarioId(selectedTicketScenarios[0].id);
|
||||
|
|
@ -237,13 +518,15 @@ export function Instructor() {
|
|||
}
|
||||
setWholeTicket(event.target.checked);
|
||||
}} />
|
||||
{` Запустить весь билет ${ticketFilter} целиком (3 вызова)`}
|
||||
{selectedTicketScenarios.length !== 3 && <small className="ref"> — в библиотеке найдено {selectedTicketScenarios.length} из 3 вызовов</small>}
|
||||
{` Запустить из билета ${ticketFilter} карточки для ДДС (${selectedTicketScenarios.length})`}
|
||||
{exercise === "dds" && selectedTicketScenarios.length < 3 &&
|
||||
<small className="ref"> — вызовы без карточки в ДДС не включаются в очередь</small>}
|
||||
{selectedTicketScenarios.length === 0 && <small className="ref"> — нет карточек для упражнения ДДС</small>}
|
||||
</label>}
|
||||
{exercise === "dds" && !wholeTicket && <details className="scenario-queue">
|
||||
<summary>Дополнительные карточки ({extraScenarioIds.length})</summary>
|
||||
<p className="ref">Интервал и максимум ожидающих задаются в критериях занятия. Таймер каждой карточки начинается при поступлении и идёт, пока курсант занят другой.</p>
|
||||
{scenarios.data?.filter((scenario) => scenario.id !== scenarioId).map((scenario) =>
|
||||
{(exercise === "dds" || exercise === "card_dds") && !wholeTicket && <details className="scenario-queue">
|
||||
<summary>{exercise === "card_dds" ? "Готовые карточки после КИО курсанта" : "Дополнительные карточки"} ({extraScenarioIds.length})</summary>
|
||||
<p className="ref">{exercise === "card_dds" ? "Сначала курсант заполнит и передаст КИО, затем карточка попадёт в ДДС первой; отмеченные сценарии поступят следом." : "Интервал и максимум ожидающих задаются в критериях занятия. Таймер каждой карточки начинается при поступлении и идёт, пока курсант занят другой."}</p>
|
||||
{visibleScenarios.filter((scenario) => scenario.id !== scenarioId && scenario.outcome === "card").map((scenario) =>
|
||||
<label key={scenario.id} className="mode-choice">
|
||||
<input type="checkbox" checked={extraScenarioIds.includes(scenario.id)} onChange={() =>
|
||||
setExtraScenarioIds((previous) => previous.includes(scenario.id)
|
||||
|
|
@ -254,46 +537,58 @@ export function Instructor() {
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Упражнение</th>
|
||||
<th><span className="lesson-step-title"><i>2</i> Упражнение</span></th>
|
||||
<td>
|
||||
<label className="mode-choice"><input type="radio" checked={exercise === "dds"}
|
||||
onChange={() => setExercise("dds")} /> Диспетчер ДДС · готовая карточка</label>
|
||||
<label className="mode-choice"><input type="radio" checked={exercise === "call"}
|
||||
onChange={() => setExercise("call")} /> Оператор 112 · звонок</label>
|
||||
<label className="mode-choice"><input type="radio" checked={exercise === "card"}
|
||||
onChange={() => setExercise("card")} /> Оператор 112 · текстовая вводная</label>
|
||||
<label className="mode-choice"><input type="radio" checked={exercise === "card_dds"}
|
||||
onChange={() => setExercise("card_dds")} /> Связка 112 → ДДС · одна карточка</label>
|
||||
<div className="exercise-options">
|
||||
<label className="exercise-option"><input type="radio" checked={exercise === "dds"}
|
||||
onChange={() => setExercise("dds")} /><span><strong>Диспетчер ДДС</strong><small>Разобрать готовую карточку и передать её службам.</small></span></label>
|
||||
<label className="exercise-option"><input type="radio" checked={exercise === "call"}
|
||||
onChange={() => setExercise("call")} /><span><strong>Оператор 112 · звонок</strong><small>Принять учебный вызов и заполнить карточку.</small></span></label>
|
||||
<label className="exercise-option"><input type="radio" checked={exercise === "card"}
|
||||
onChange={() => setExercise("card")} /><span><strong>Оператор 112 · текстовая вводная</strong><small>Отработать заполнение КИО без аудиозвонка.</small></span></label>
|
||||
<label className="exercise-option"><input type="radio" checked={exercise === "card_dds"}
|
||||
onChange={() => setExercise("card_dds")} /><span><strong>Полный цикл 112 → ДДС</strong><small>Курсант заполнит КИО, затем отработает готовые карточки в ДДС.</small></span></label>
|
||||
</div>
|
||||
{exercise === "call" && <p className="ref">В режиме звонка поля КИО откроются после ответа на вызов; браузеру понадобятся разрешения на микрофон и звук. Для демонстрации без аудио выберите «Оператор 112 · текстовая вводная» — её поля доступны сразу.</p>}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Режим</th>
|
||||
<th><span className="lesson-step-title"><i>3</i> Режим</span></th>
|
||||
<td>
|
||||
{MODES.map((item) => (
|
||||
<label key={item.value} className="mode-choice">
|
||||
<input
|
||||
type="radio"
|
||||
checked={mode === item.value}
|
||||
onChange={() => setMode(item.value)}
|
||||
/>{" "}
|
||||
{item.label}
|
||||
<label key={item.value} className="mode-choice lesson-mode-choice">
|
||||
<input
|
||||
type="radio"
|
||||
checked={mode === item.value}
|
||||
onChange={() => setMode(item.value)}
|
||||
/>{" "}
|
||||
<span><strong>{item.label}</strong><small>{item.hint}</small></span>
|
||||
</label>
|
||||
))}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Курсант</th>
|
||||
<th><span className="lesson-step-title"><i>4</i> Курсант</span></th>
|
||||
<td>
|
||||
{trainees.data?.length ? (
|
||||
<select value={traineeId} onChange={(event) => setTraineeId(event.target.value)}>
|
||||
<option value="">Выберите учётную запись</option>
|
||||
{trainees.data.map((item) => (
|
||||
<option key={item.id} value={item.id}>{item.name}{item.group ? ` · ${item.group}` : ""}{item.service ? ` · ${item.service}` : " · служба не назначена"}</option>
|
||||
))}
|
||||
</select>
|
||||
<>
|
||||
<select aria-label="Учётная запись курсанта" value={traineeId} onChange={(event) => setTraineeId(event.target.value)}>
|
||||
<option value="">Выберите учётную запись</option>
|
||||
{trainees.data.map((item) => (
|
||||
<option key={item.id} value={item.id}>{item.name}{item.group ? ` · ${item.group}` : ""}{item.service ? ` · ${item.service}` : " · служба не назначена"}</option>
|
||||
))}
|
||||
{DEMO_MODE && <option value="__demo__">Демо-курсант без учётной записи</option>}
|
||||
</select>
|
||||
{DEMO_MODE && traineeId === "__demo__" && <label className="demo-trainee-name">
|
||||
Имя для этого занятия
|
||||
<input type="text" aria-label="Имя демо-курсанта" value={trainee}
|
||||
placeholder="Например, Иван Петров" onChange={(event) => setTrainee(event.target.value)} />
|
||||
<small className="ref">Учётная запись и персональный отчёт не создаются; это безопасный режим для демонстрации.</small>
|
||||
</label>}
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<input type="text" value={trainee} placeholder="имя для демо"
|
||||
<input type="text" aria-label="Имя демо-курсанта" value={trainee} placeholder="имя для демо"
|
||||
onChange={(event) => setTrainee(event.target.value)} />
|
||||
<small className="ref">Без учётной записи: личный отчёт курсанту недоступен.</small>
|
||||
</>
|
||||
|
|
@ -301,71 +596,106 @@ export function Instructor() {
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Критерии занятия</th>
|
||||
<th>Оценивание</th>
|
||||
<td>
|
||||
<details className="lesson-criteria-details">
|
||||
<summary>Настроить нормативы и критерии оценки</summary>
|
||||
<p className="ref">
|
||||
{exercise === "dds"
|
||||
? `По умолчанию: решение за ${decisionTimeLimit} с, отработка карточки за ${ddsCardWorkTimeLimit} с; новые карточки поступают каждые ${ddsArrivalIntervalSeconds} с.`
|
||||
: exercise === "card_dds"
|
||||
? `По умолчанию: заполнение КИО за ${cardFillTimeLimit} с, отработка карточки ДДС за ${ddsCardWorkTimeLimit} с.`
|
||||
: exercise === "card"
|
||||
? `По умолчанию: заполнение КИО за ${cardFillTimeLimit} с.`
|
||||
: "Для звонка действуют нормативы приёма вызова по ГОСТ."}
|
||||
</p>
|
||||
{exercise === "dds" && <>
|
||||
<label className="lesson-criterion">
|
||||
Интервал поступления карточек, секунд (0 — без задержки; действует лимит ожидания)
|
||||
<input aria-label="Интервал поступления карточек ДДС, секунд" type="number" min={0} max={300}
|
||||
value={ddsArrivalIntervalSeconds} onChange={(event) => setDdsArrivalIntervalSeconds(
|
||||
Math.max(0, Math.min(300, Number(event.target.value) || 0)))} />
|
||||
<LessonNumberInput label="Интервал поступления карточек ДДС, секунд"
|
||||
value={ddsArrivalIntervalSeconds} min={0} max={300} fallback={0}
|
||||
onCommit={setDdsArrivalIntervalSeconds} />
|
||||
</label>
|
||||
<label className="lesson-criterion">
|
||||
Максимум ожидающих карточек
|
||||
<input aria-label="Максимум ожидающих карточек ДДС" type="number" min={1} max={10}
|
||||
value={ddsMaxWaiting} onChange={(event) => setDdsMaxWaiting(
|
||||
Math.max(1, Math.min(10, Number(event.target.value) || 1)))} />
|
||||
<LessonNumberInput label="Максимум ожидающих карточек ДДС"
|
||||
value={ddsMaxWaiting} min={1} max={10} fallback={1} onCommit={setDdsMaxWaiting} />
|
||||
</label>
|
||||
</>}
|
||||
<label className="lesson-criterion">
|
||||
{(exercise === "dds" || exercise === "card_dds") && <label className="lesson-criterion">
|
||||
Решение ДДС, секунд
|
||||
<input aria-label="Лимит решения ДДС, секунд" type="number" min={5} max={300}
|
||||
value={decisionTimeLimit} onChange={(event) => setDecisionTimeLimit(
|
||||
Math.max(5, Math.min(300, Number(event.target.value) || 30)))} />
|
||||
</label>
|
||||
<LessonNumberInput label="Лимит решения ДДС, секунд" value={decisionTimeLimit}
|
||||
min={5} max={300} fallback={30} onCommit={setDecisionTimeLimit} />
|
||||
</label>}
|
||||
{(exercise === "card" || exercise === "card_dds") && <label className="lesson-criterion">
|
||||
Норматив заполнения карточки КИО, секунд
|
||||
<LessonNumberInput label="Норматив заполнения карточки КИО, секунд"
|
||||
value={cardFillTimeLimit} min={30} max={1800} fallback={180} onCommit={setCardFillTimeLimit} />
|
||||
<small className="ref">По умолчанию 180 секунд; в отчёте будут факт и отклонение от норматива.</small>
|
||||
</label>}
|
||||
{(exercise === "dds" || exercise === "card_dds") && <label className="lesson-criterion">
|
||||
Норматив отработки карточки ДДС, секунд
|
||||
<LessonNumberInput label="Норматив отработки карточки ДДС, секунд"
|
||||
value={ddsCardWorkTimeLimit} min={30} max={1800} fallback={180}
|
||||
onCommit={setDdsCardWorkTimeLimit} />
|
||||
<small className="ref">По умолчанию 180 секунд; не заменяет 30-секундное первичное решение.</small>
|
||||
</label>}
|
||||
<label className="lesson-criterion">
|
||||
Допустимо нарушенных метрик
|
||||
<input aria-label="Допустимое число ошибок" type="number" min={0} max={50}
|
||||
value={allowedErrors} onChange={(event) => setAllowedErrors(
|
||||
Math.max(0, Math.min(50, Number(event.target.value) || 0)))} />
|
||||
<LessonNumberInput label="Допустимое число ошибок" value={allowedErrors}
|
||||
min={0} max={50} fallback={0} onCommit={setAllowedErrors} />
|
||||
</label>
|
||||
{exercise !== "dds" && <label className="mode-choice">
|
||||
<input type="checkbox" checked={requireCorrectGrammar}
|
||||
onChange={(event) => setRequireCorrectGrammar(event.target.checked)} />
|
||||
Грамматика карточки оператора 112 входит в оценку
|
||||
</label>}
|
||||
<label className="lesson-criterion">
|
||||
Переопределения весов метрик (JSON; 0 отключает метрику)
|
||||
<textarea aria-label="Переопределения весов метрик" rows={3}
|
||||
value={scoreWeightsText}
|
||||
onChange={(event) => { setScoreWeightsText(event.target.value); setScoreWeightsError(""); }}
|
||||
placeholder={'{"address": 3, "dds_ack": 2}'} spellCheck={false} />
|
||||
<small className="ref">Оставьте {"{}"} для стандартной шкалы. Диапазон каждого веса — 0–10; допустимые ключи проверяются сервером.</small>
|
||||
</label>
|
||||
{scoreWeightsError && <p className="violated" role="alert">{scoreWeightsError}</p>}
|
||||
<ScoreWeightsEditor exercise={exercise === "card_dds" ? "card_dds" : exercise}
|
||||
values={lessonScoreWeights} onChange={setLessonScoreWeights} />
|
||||
<small className="ref">Нормативы ГОСТ для приёма вызова не изменяются.</small>
|
||||
</details>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>
|
||||
<div className="lesson-launch-summary" aria-label="Проверка настроек занятия">
|
||||
<strong>Перед запуском</strong>
|
||||
<ul>
|
||||
<li className={canStartSelectedExercise ? "is-ready" : "is-missing"}>
|
||||
<span aria-hidden="true">{canStartSelectedExercise ? "✓" : "1"}</span>
|
||||
<span><b>Сценарий</b><small>{selectedScenario?.title ?? (wholeTicket ? `Билет ${ticketFilter}` : "Выберите сценарий выше")}</small></span>
|
||||
</li>
|
||||
<li className="is-ready">
|
||||
<span aria-hidden="true">✓</span><span><b>Упражнение и режим</b><small>{exerciseLabel} · {MODES.find((item) => item.value === mode)?.label}</small></span>
|
||||
</li>
|
||||
<li className={selectedTraineeLabel ? "is-ready" : "is-missing"}>
|
||||
<span aria-hidden="true">{selectedTraineeLabel ? "✓" : "3"}</span>
|
||||
<span><b>Курсант</b><small>{selectedTraineeLabel || "Выберите участника выше"}</small></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="lesson-start-bar">
|
||||
<button type="button" className="start" onClick={startLesson}
|
||||
disabled={!canStartSelectedExercise || trainees.isLoading || Boolean(trainees.data?.length && !traineeId)}>
|
||||
Начать занятие
|
||||
disabled={Boolean(startDisabledReason) || Boolean(startPendingId)}>
|
||||
{startPendingId ? "Создаём занятие…" : session.title ? "Начать новое занятие" : "Начать занятие"}
|
||||
</button>
|
||||
</p>
|
||||
{sessionId && (
|
||||
{startDisabledReason && <small className="ref" role="status">{startDisabledReason}</small>}
|
||||
{startPendingId && <small className="ref" role="status">Подключаемся к занятию. Не нажимайте повторно — кнопка станет доступна после запуска.</small>}
|
||||
{startError && <small className="ref" role="alert">{startError} <button type="button" onClick={startLesson}>Повторить запуск</button></small>}
|
||||
{links && session.title && <small className="ref">После запуска появятся отдельные ссылки для курсанта, ДДС и монитора.</small>}
|
||||
</div>
|
||||
{sessionId && session.title && (
|
||||
<p>
|
||||
{session.ended ? "занятие завершено" : (
|
||||
<button type="button" onClick={control.stop}>Завершить занятие</button>
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
{sessionId && !session.ended && (
|
||||
{sessionId && session.title && !session.ended && (
|
||||
exercise === "call" && <Director onInject={control.inject} disabled={control.status !== "open"} error={session.error} />
|
||||
)}
|
||||
{links && !session.title && !session.error && (
|
||||
<p className="ref" role="status">Запускаем занятие и готовим ссылки на рабочие места…</p>
|
||||
{links && startPendingId && (
|
||||
<p className="ref" role="status">Создаём занятие. Ссылки появятся автоматически после подключения.</p>
|
||||
)}
|
||||
{links && session.title && (
|
||||
<table className="grid">
|
||||
|
|
@ -380,7 +710,10 @@ export function Instructor() {
|
|||
|
||||
<section>
|
||||
<h2>Ход занятия</h2>
|
||||
{!sessionId && <p>Занятие не запущено.</p>}
|
||||
{!sessionId && <div className="lesson-empty-state">
|
||||
<strong>Здесь появится ход занятия</strong>
|
||||
<span>После запуска здесь будут диалог, таймеры и карточка курсанта.</span>
|
||||
</div>}
|
||||
{sessionId && (
|
||||
<>
|
||||
<InterviewTimer timers={session.timers} />
|
||||
|
|
@ -400,7 +733,7 @@ export function Instructor() {
|
|||
)}
|
||||
{noteFor === line.ref && (
|
||||
<div>
|
||||
<input type="text" value={noteText} autoFocus
|
||||
<input type="text" aria-label="Пометка преподавателя к реплике" value={noteText} autoFocus
|
||||
placeholder="здесь надо было предупредить о прибытии"
|
||||
onChange={(event) => setNoteText(event.target.value)} />{" "}
|
||||
<button type="button" onClick={() => {
|
||||
|
|
@ -419,6 +752,7 @@ export function Instructor() {
|
|||
<h3>Нормативы</h3>
|
||||
<Timers timers={session.timers} />
|
||||
<h3>Карточка курсанта</h3>
|
||||
<p className="ref instructor-readonly-note">Это просмотр преподавателя: редактировать карточку здесь нельзя. После запуска откройте отдельную ссылку «АРМ курсанта» — ввод выполняется там.</p>
|
||||
{/* Только чтение: преподаватель управляет ситуацией, а не работой обучаемого. */}
|
||||
<KioCard state={session.card} required={session.requiredFields} readOnly />
|
||||
</>
|
||||
|
|
@ -428,17 +762,23 @@ export function Instructor() {
|
|||
<section>
|
||||
<h2>История группы</h2>
|
||||
<p><a href="/profile">профили курсантов</a> · <a href="/groups">аналитика группы</a></p>
|
||||
<table className="grid">
|
||||
<tbody>
|
||||
{history.data?.slice(0, 15).map((item) => (
|
||||
<tr key={item.session_id}>
|
||||
<th>{item.mode} · попытка {item.attempt}</th>
|
||||
<td><a href={`/instructor?session=${item.session_id}`}>{item.scenario_id}</a></td>
|
||||
</tr>
|
||||
))}
|
||||
{!history.data?.length && <tr><td colSpan={2}>занятий ещё не было</td></tr>}
|
||||
</tbody>
|
||||
</table>
|
||||
{history.data?.length ? <div className="lesson-history-list">
|
||||
{history.data.slice(0, 15).map((item) => {
|
||||
const scenario = scenarios.data?.find((candidate) => candidate.id === item.scenario_id);
|
||||
const completed = Boolean(item.ended_at);
|
||||
const dateLabel = sessionDateLabel(item.started_at ?? item.ended_at);
|
||||
return <a key={item.session_id} href={`/instructor?session=${item.session_id}`}>
|
||||
<strong>{scenario?.title ?? "Учебное занятие"}</strong>
|
||||
<span>{modeLabel(item.mode)} · попытка {item.attempt}{dateLabel && ` · ${dateLabel}`}</span>
|
||||
<small className={completed ? "lesson-history-complete" : "lesson-history-active"}>
|
||||
{completed ? "Завершено · открыть результаты →" : "Занятие ещё идёт · открыть ход занятия →"}
|
||||
</small>
|
||||
</a>;
|
||||
})}
|
||||
</div> : <div className="lesson-history-empty">
|
||||
<strong>История занятий пока пуста</strong>
|
||||
<span>Запущенные занятия и их результаты появятся здесь автоматически.</span>
|
||||
</div>}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
|
@ -451,9 +791,11 @@ export function Instructor() {
|
|||
}} onLibraryChanged={async () => { await scenarios.refetch(); }} />
|
||||
|
||||
{session.report && <>
|
||||
<section className="debrief">
|
||||
<h2>Корректировка итоговой оценки</h2>
|
||||
<p className="ref">Автооценка {session.report.score_auto.toFixed(1)} / 100. Изменение сохраняется в журнале с вашим логином и обоснованием.</p>
|
||||
<Debrief report={overrideReport?.session_id === session.report.session_id
|
||||
? overrideReport : session.report} />
|
||||
<section className="debrief debrief-score-override">
|
||||
<h2>Ручная корректировка оценки</h2>
|
||||
<p className="ref">Автоматическая оценка: {session.report.score_auto.toFixed(1)} из 100. Меняйте её только при необходимости: причина сохранится в журнале вместе с вашим логином.</p>
|
||||
<label>Итоговая оценка, 0–100
|
||||
<input type="number" min={0} max={100} step={0.1}
|
||||
value={overrideScore}
|
||||
|
|
@ -466,12 +808,10 @@ export function Instructor() {
|
|||
</label>
|
||||
<button type="button" disabled={overrideBusy || !overrideComment.trim()}
|
||||
onClick={() => void saveScoreOverride(session.report!)}>
|
||||
{overrideBusy ? "Сохраняем…" : "Сохранить оценку с аудитом"}
|
||||
{overrideBusy ? "Сохраняем…" : "Сохранить оценку и обоснование"}
|
||||
</button>
|
||||
{overrideError && <p className="violated" role="alert">{overrideError}</p>}
|
||||
</section>
|
||||
<Debrief report={overrideReport?.session_id === session.report.session_id
|
||||
? overrideReport : session.report} />
|
||||
</>}
|
||||
</main>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in a new issue