feat(trainer): P2 — умная тренировка, интервальное повторение, итог сессии
- adaptive.js (TrainerAdaptive): nextSkill (in-session повтор → серверный due → прогрессия → удержание), onWrong/onCorrect (очередь повторения), sessionStats - умная тренировка на странице (тумблер, по умолч. вкл): авто-подбор навыка от простого к сложному, возврат ошибок - сессия из 10 задач + экран «Итог сессии» (верно/точность/навыки/стоит повторить); неверный ответ авто-показывает решение - сервер: SR-поля box+due_at на practice_progress (мигр.082, Leitner 0/1/3/7/16/30 дн), listProgress отдаёт box/due_at/due - смоуки: adaptive 12/12, страница 23/23, practice.test.js 11/11 (+SR box/due); план P2 → DONE Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
+113
-16
@@ -101,6 +101,29 @@
|
||||
.tr-badge-n { margin-left: 7px; font-size: .7rem; font-weight: 800; color: #94a3b8; background: rgba(148,163,184,0.16); border-radius: 99px; padding: 1px 7px; }
|
||||
.tr-chip.on .tr-badge-n { color: #e0e7ff; background: rgba(255,255,255,0.2); }
|
||||
|
||||
/* ── режим (умная тренировка) ── */
|
||||
.tr-mode { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
|
||||
.tr-mode-btn {
|
||||
font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 7px;
|
||||
padding: 8px 14px; border-radius: 99px; border: 1px solid rgba(148,163,184,0.32); background: #fff; color: #475569; transition: .15s;
|
||||
}
|
||||
.tr-mode-btn .ic { width: 16px; height: 16px; }
|
||||
.tr-mode-btn:hover { border-color: #818cf8; color: #4f46e5; }
|
||||
.tr-mode-btn.on { background: #6366f1; border-color: #6366f1; color: #fff; box-shadow: 0 6px 16px rgba(99,102,241,0.28); }
|
||||
.tr-session { font-size: .85rem; font-weight: 700; color: #6366f1; }
|
||||
|
||||
/* ── итог сессии ── */
|
||||
.tr-summary {
|
||||
background: #fff; border: 1px solid rgba(148,163,184,0.22); border-radius: 18px;
|
||||
padding: 26px; box-shadow: 0 14px 40px rgba(15,23,42,0.06); text-align: center;
|
||||
}
|
||||
.tr-sum-h { margin: 0 0 16px; font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 1.3rem; color: #1e293b; }
|
||||
.tr-sum-row { display: inline-flex; flex-direction: column; align-items: center; margin: 0 16px 10px; }
|
||||
.tr-sum-row b { font-size: 1.7rem; font-weight: 800; color: #4f46e5; font-family: 'Manrope', sans-serif; line-height: 1.1; }
|
||||
.tr-sum-row span { font-size: .74rem; color: #94a3b8; text-transform: uppercase; letter-spacing: .04em; }
|
||||
.tr-sum-weak { margin: 8px 0 20px; color: #d97706; font-weight: 600; font-size: .92rem; }
|
||||
.tr-sum-weak.tr-sum-good { color: #16a34a; }
|
||||
|
||||
/* ── статистика ── */
|
||||
.tr-stats { display: flex; gap: 20px; justify-content: center; margin: 22px 0 4px; }
|
||||
.tr-stat { text-align: center; }
|
||||
@@ -120,6 +143,14 @@
|
||||
<div class="tr-sub">Задачи генерируются автоматически и проверяются мгновенно. Решай по одной — бесконечно.</div>
|
||||
</div>
|
||||
|
||||
<div class="tr-mode">
|
||||
<button class="tr-mode-btn on" id="tr-smart-btn" type="button">
|
||||
<svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.8 4.6L18.5 9l-4.7 1.4L12 15l-1.8-4.6L5.5 9l4.7-1.4z"/><path d="M19 14l.7 1.8L21.5 16.5l-1.8.7L19 19l-.7-1.8L16.5 16.5l1.8-.7z"/></svg>
|
||||
Умная тренировка
|
||||
</button>
|
||||
<span class="tr-session" id="tr-session"></span>
|
||||
</div>
|
||||
|
||||
<div class="tr-topics" id="tr-topics"></div>
|
||||
<div class="tr-skills" id="tr-skills"></div>
|
||||
|
||||
@@ -154,6 +185,8 @@
|
||||
<div class="tr-solution" id="tr-solution" style="display:none"></div>
|
||||
</div>
|
||||
|
||||
<div class="tr-summary" id="tr-summary" style="display:none"></div>
|
||||
|
||||
<div class="tr-stats">
|
||||
<div class="tr-stat"><b id="tr-solved">0</b><span>решено</span></div>
|
||||
<div class="tr-stat"><b id="tr-streak">0</b><span>серия</span></div>
|
||||
@@ -172,6 +205,7 @@
|
||||
<script src="/js/labs/_sim_expr.js"></script>
|
||||
<script src="/js/trainer/_trainer_engine.js"></script>
|
||||
<script src="/js/trainer/generators.js"></script>
|
||||
<script src="/js/trainer/adaptive.js"></script>
|
||||
<!-- KaTeX для рендера уравнений и шагов решения -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
|
||||
|
||||
@@ -192,8 +226,9 @@
|
||||
}).catch(function () {});
|
||||
}
|
||||
|
||||
var TE = window.TrainerEngine, TG = window.TrainerGenerators;
|
||||
var TE = window.TrainerEngine, TG = window.TrainerGenerators, TA = window.TrainerAdaptive;
|
||||
var gens = TG.list();
|
||||
var ordered = gens; // прогрессия = порядок объявления (темы по order, навыки по order)
|
||||
|
||||
var ICON = {
|
||||
ok: '<svg class="ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>',
|
||||
@@ -227,9 +262,13 @@
|
||||
var curGen = skillsOf(curTopic)[0] || gens[0];
|
||||
var cur = null;
|
||||
var solved = 0, streak = 0;
|
||||
var answered = false; // задача закрыта (верно/решение показано) → «Проверить» становится «Дальше»
|
||||
var answered = false; // задача решена (верно/неверно/показано решение) → «Проверить» становится «Дальше»
|
||||
var prog = {}; // skill → строка прогресса с сервера
|
||||
|
||||
// адаптивная сессия
|
||||
var smart = true, GOAL = 10;
|
||||
var sessAnswered = 0, sessEvents = [], reviewQ = [], summaryShown = false;
|
||||
|
||||
function topicMastered(topicKey) {
|
||||
var ss = skillsOf(topicKey);
|
||||
return ss.length > 0 && ss.every(function (g) { var p = prog[skillKey(g)]; return p && p.mastered; });
|
||||
@@ -301,40 +340,92 @@
|
||||
var steps = (cur.solution || []).map(function (st, i) { return stepHtml(st, i + 1); }).join('');
|
||||
return '<h4>' + title + '</h4>' + (steps || '<div class="tr-step"><span class="tr-step-math">x = ' + esc(fmt(cur.answer)) + '</span></div>');
|
||||
}
|
||||
|
||||
function revealAnswer(giveUp) {
|
||||
function revealSolution() {
|
||||
var s = $('tr-solution');
|
||||
s.innerHTML = solutionHtml('Решение');
|
||||
s.style.display = 'block';
|
||||
if (giveUp) {
|
||||
}
|
||||
|
||||
// ── адаптивная сессия ──
|
||||
function updateSession() {
|
||||
$('tr-session').textContent = smart ? ('Сессия: ' + Math.min(sessAnswered, GOAL) + ' / ' + GOAL) : '';
|
||||
}
|
||||
function pickNext(lastSkill) {
|
||||
if (!TA) return;
|
||||
var last = (lastSkill !== undefined) ? lastSkill : (curGen ? skillKey(curGen) : null);
|
||||
var id = TA.nextSkill({ ordered: ordered, progress: prog, queue: reviewQ, answered: sessAnswered, last: last });
|
||||
var g = id ? gens.filter(function (x) { return skillKey(x) === id; })[0] : null;
|
||||
if (g) { curGen = g; curTopic = g.topic; renderTopics(); renderSkills(); }
|
||||
}
|
||||
function recordAnswer(correct) {
|
||||
var sk = skillKey(curGen);
|
||||
sessEvents.push({ skill: sk, correct: correct });
|
||||
sessAnswered++;
|
||||
if (TA) reviewQ = correct ? TA.onCorrect(reviewQ, sk) : TA.onWrong(reviewQ, sk, sessAnswered);
|
||||
updateSession();
|
||||
}
|
||||
function advance() {
|
||||
if (smart && sessAnswered >= GOAL && !summaryShown) { showSummary(); return; }
|
||||
if (smart) pickNext();
|
||||
newProblem();
|
||||
}
|
||||
function showSummary() {
|
||||
summaryShown = true;
|
||||
var st = TA ? TA.sessionStats(sessEvents) : { total: sessAnswered, correct: solved, accuracy: 0, skills: [], weak: [] };
|
||||
var weak = st.weak.map(function (s) { var g = gens.filter(function (x) { return skillKey(x) === s; })[0]; return g ? g.title : s; });
|
||||
$('tr-summary').innerHTML =
|
||||
'<h3 class="tr-sum-h">Итог сессии</h3>' +
|
||||
'<div class="tr-sum-row"><b>' + st.correct + ' / ' + st.total + '</b><span>верно</span></div>' +
|
||||
'<div class="tr-sum-row"><b>' + st.accuracy + '%</b><span>точность</span></div>' +
|
||||
'<div class="tr-sum-row"><b>' + st.skills.length + '</b><span>навыков</span></div>' +
|
||||
(weak.length ? '<div class="tr-sum-weak">Стоит повторить: ' + esc(weak.join(', ')) + '</div>'
|
||||
: '<div class="tr-sum-weak tr-sum-good">Отличная сессия — без ошибок!</div>') +
|
||||
'<button class="tr-btn tr-primary" id="tr-sum-go" type="button">Продолжить</button>';
|
||||
$('tr-card').style.display = 'none';
|
||||
$('tr-summary').style.display = 'block';
|
||||
$('tr-sum-go').addEventListener('click', function () {
|
||||
$('tr-summary').style.display = 'none';
|
||||
$('tr-card').style.display = '';
|
||||
sessAnswered = 0; sessEvents = []; summaryShown = false;
|
||||
updateSession();
|
||||
if (smart) pickNext();
|
||||
newProblem();
|
||||
});
|
||||
}
|
||||
|
||||
// «Решение» до ответа = сдаться (засчитывается как неверно один раз)
|
||||
function revealAnswer(giveUp) {
|
||||
revealSolution();
|
||||
if (giveUp && !answered) {
|
||||
streak = 0;
|
||||
$('tr-input').disabled = true;
|
||||
var fb = $('tr-feedback'); fb.className = 'tr-feedback';
|
||||
setMath(fb, 'x = ' + cur.answer, 'Ответ: x = ' + fmt(cur.answer), false);
|
||||
setMode(true);
|
||||
recordAnswer(false); submitAttempt(false);
|
||||
updateStats();
|
||||
submitAttempt(false);
|
||||
}
|
||||
}
|
||||
|
||||
function check() {
|
||||
if (answered) { newProblem(); return; }
|
||||
if (answered) { advance(); return; }
|
||||
var r = TE.checkStudentAnswer(cur, $('tr-input').value);
|
||||
var fb = $('tr-feedback');
|
||||
if (r.reason === 'empty' || r.reason === 'parse' || r.reason === 'nan') {
|
||||
fb.className = 'tr-feedback warn'; fb.textContent = r.message; return;
|
||||
fb.className = 'tr-feedback warn'; fb.textContent = r.message; return; // не решено, можно поправить ввод
|
||||
}
|
||||
$('tr-input').disabled = true;
|
||||
setMode(true);
|
||||
if (r.ok) {
|
||||
solved++; streak++;
|
||||
fb.className = 'tr-feedback ok';
|
||||
fb.innerHTML = ICON.ok + ' <span>Верно!</span> ' + (kat('x = ' + cur.answer, false) || esc('x = ' + fmt(cur.answer)));
|
||||
$('tr-input').disabled = true;
|
||||
setMode(true);
|
||||
submitAttempt(true);
|
||||
recordAnswer(true); submitAttempt(true);
|
||||
} else {
|
||||
streak = 0;
|
||||
fb.className = 'tr-feedback bad'; fb.innerHTML = ICON.bad + ' Пока неверно — попробуй ещё раз.';
|
||||
submitAttempt(false);
|
||||
fb.className = 'tr-feedback bad'; fb.innerHTML = ICON.bad + ' Неверно. Разбери решение и реши похожую.';
|
||||
recordAnswer(false); submitAttempt(false);
|
||||
revealSolution();
|
||||
}
|
||||
updateStats();
|
||||
}
|
||||
@@ -356,6 +447,11 @@
|
||||
curGen = ss[+b.getAttribute('data-si')] || curGen;
|
||||
renderSkills(); newProblem();
|
||||
});
|
||||
$('tr-smart-btn').addEventListener('click', function () {
|
||||
smart = !smart;
|
||||
$('tr-smart-btn').classList.toggle('on', smart);
|
||||
updateSession();
|
||||
});
|
||||
$('tr-check').addEventListener('click', check);
|
||||
$('tr-skip').addEventListener('click', newProblem);
|
||||
$('tr-hint').addEventListener('click', function () {
|
||||
@@ -367,9 +463,9 @@
|
||||
$('tr-solve').addEventListener('click', function () { if (cur) revealAnswer(true); });
|
||||
$('tr-input').addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); check(); } });
|
||||
|
||||
$('tr-note').textContent = gens.length + ' навыков в ' + topics.length + ' темах · ответ проверяется подстановкой (5, x=5, 10/2, 2+3) · прогресс сохраняется.';
|
||||
$('tr-note').textContent = gens.length + ' навыков в ' + topics.length + ' темах · умная тренировка ведёт от простого к сложному и возвращает ошибки · прогресс сохраняется.';
|
||||
|
||||
// загрузка прогресса → старт (авто-выбор первой неосвоенной темы и навыка)
|
||||
// загрузка прогресса → старт (умный режим: адаптивный первый навык)
|
||||
function boot() {
|
||||
for (var ti = 0; ti < topics.length; ti++) {
|
||||
if (!topicMastered(topics[ti].key)) { curTopic = topics[ti].key; break; }
|
||||
@@ -377,7 +473,8 @@
|
||||
var ss = skillsOf(curTopic);
|
||||
curGen = ss[0] || gens[0];
|
||||
for (var si = 0; si < ss.length; si++) { var p = prog[skillKey(ss[si])]; if (!(p && p.mastered)) { curGen = ss[si]; break; } }
|
||||
renderTopics(); renderSkills(); newProblem();
|
||||
if (smart) pickNext(null); // адаптивный первый навык (last=null — можно взять текущий)
|
||||
renderTopics(); renderSkills(); updateSession(); newProblem();
|
||||
}
|
||||
(LS.practiceProgressList ? LS.practiceProgressList() : Promise.resolve(null))
|
||||
.then(function (r) { if (r && r.progress) r.progress.forEach(function (row) { prog[row.skill] = row; }); })
|
||||
|
||||
Reference in New Issue
Block a user