-
${escapeHtml(card.translation)}
+
Перевод:
+
${escapeHtml(card.translation)}
+ ${card.definition_en ? `
${escapeHtml(card.definition_en)}
` : ''}
`;
- // TTS button
- document.getElementById('srs-tts-btn')?.addEventListener('click', () => {
- if (card.audio_url) new Audio(card.audio_url).play().catch(() => {});
- });
+ const playCardAudio = () => {
+ if (card.audio_url) playAudio(card.audio_url);
+ else playTextSpeech(card.term, 'en');
+ };
+ document.getElementById('srs-tts-btn')?.addEventListener('click', playCardAudio);
- // Show button
- document.getElementById('vocab-show-btn')?.addEventListener('click', () => {
+ const flipCard = () => {
+ if (isFlipped) return;
+ isFlipped = true;
document.getElementById('vocab-answer-box')?.classList.add('hidden');
document.getElementById('vocab-rating-box')?.classList.remove('hidden');
- });
+ playCardAudio();
+ };
+
+ document.getElementById('vocab-show-btn')?.addEventListener('click', flipCard);
+
+ const handleRating = async (rating) => {
+ if (rating >= 3) {
+ correctCount++;
+ } else {
+ session.errors.push({
+ type: 'vocab',
+ term: card.term,
+ translation: card.translation,
+ context: card.context_sentence || '',
+ rating: rating,
+ mode: 'flashcards'
+ });
+ }
+
+ api.srs.submitReview(card.id, rating).catch(() => {});
+
+ cardIdx++;
+ renderCurrentCard();
+ };
- // Rating buttons
container.querySelectorAll('.srs-btn-rating').forEach(btn => {
- btn.addEventListener('click', async () => {
- const rating = parseInt(btn.dataset.rating, 10);
- if (rating >= 3) {
- correctCount++;
- } else {
- // Record error
- session.errors.push({
- type: 'vocab',
- term: card.term,
- translation: card.translation,
- context: card.context_sentence || '',
- rating: rating,
- });
- }
-
- // Submit to SRS engine
- try {
- await api.srs.submitReview({ card_id: card.id, rating: rating });
- } catch (e) {
- console.warn('SRS review log deferred:', e);
- }
-
- cardIdx++;
- renderCurrentCard();
+ btn.addEventListener('click', () => {
+ const r = parseInt(btn.dataset.rating, 10);
+ handleRating(r);
});
});
+
+ session.currentStepKeyHandler = (e) => {
+ if (!stepActive) return;
+ if (!isFlipped) {
+ if (e.code === 'Space' || e.key === 'Enter') {
+ e.preventDefault();
+ flipCard();
+ } else if (e.code === 'KeyS' || e.code === 'KeyA') {
+ e.preventDefault();
+ playCardAudio();
+ }
+ } else {
+ if (['1', '2', '3', '4'].includes(e.key)) {
+ e.preventDefault();
+ handleRating(parseInt(e.key, 10));
+ }
+ }
+ };
+ }
+
+ // -----------------------------------------------------------------------
+ // Mode C: Active Typing
+ // -----------------------------------------------------------------------
+ function renderTypingCard(card) {
+ let answered = false;
+
+ container.innerHTML = `
+
+
+
+
+ Переведите на английский:
+
${escapeHtml(card.translation)}
+
+
+ ${card.context_sentence ? `
+
+ "${escapeHtml(card.context_sentence.replace(new RegExp(escapeRegex(card.term), 'gi'), '_____'))}"
+
+ ` : ''}
+
+
+
+
+
+
+
+
+
+ `;
+
+ const inputEl = document.getElementById('lesson-typing-input');
+ inputEl?.focus();
+
+ const playCardAudio = () => {
+ if (card.audio_url) playAudio(card.audio_url);
+ else playTextSpeech(card.term, 'en');
+ };
+ document.getElementById('srs-tts-btn')?.addEventListener('click', playCardAudio);
+
+ const checkAnswer = () => {
+ if (answered) return;
+ answered = true;
+
+ const userVal = inputEl?.value.trim().toLowerCase() || '';
+ const targetVal = card.term.trim().toLowerCase();
+ const isMatch = userVal === targetVal;
+
+ if (inputEl) inputEl.disabled = true;
+ playCardAudio();
+
+ const fb = document.getElementById('lesson-typing-feedback');
+ const nextBar = document.getElementById('lesson-typing-next-bar');
+ const nextBtn = document.getElementById('lesson-typing-next-btn');
+
+ if (isMatch) {
+ correctCount++;
+ if (fb) {
+ fb.className = 'trainer-feedback-box feedback-correct';
+ fb.innerHTML = `✅
Верно! ${escapeHtml(card.term)} ${card.phonetic ? `
${escapeHtml(card.phonetic)}` : ''}`;
+ fb.classList.remove('hidden');
+ }
+ api.srs.submitReview(card.id, 4).catch(() => {});
+ } else {
+ session.errors.push({
+ type: 'vocab',
+ term: card.term,
+ translation: card.translation,
+ user_answer: userVal,
+ mode: 'typing'
+ });
+ if (fb) {
+ fb.className = 'trainer-feedback-box feedback-wrong';
+ fb.innerHTML = `❌
Ошибка: правильное написание —
${escapeHtml(card.term)} ${card.phonetic ? `
${escapeHtml(card.phonetic)}` : ''}`;
+ fb.classList.remove('hidden');
+ }
+ api.srs.submitReview(card.id, 1).catch(() => {});
+ }
+
+ if (nextBar) nextBar.classList.remove('hidden');
+ if (nextBtn) nextBtn.focus();
+ };
+
+ document.getElementById('lesson-typing-form')?.addEventListener('submit', (e) => {
+ e.preventDefault();
+ checkAnswer();
+ });
+
+ const nextAction = () => {
+ cardIdx++;
+ renderCurrentCard();
+ };
+
+ document.getElementById('lesson-typing-next-btn')?.addEventListener('click', nextAction);
+
+ session.currentStepKeyHandler = (e) => {
+ if (!stepActive) return;
+ if (answered && (e.key === 'Enter' || e.code === 'Space')) {
+ e.preventDefault();
+ nextAction();
+ }
+ };
+ }
+
+ // -----------------------------------------------------------------------
+ // Mode D: Dictation
+ // -----------------------------------------------------------------------
+ function renderDictationCard(card) {
+ let answered = false;
+
+ container.innerHTML = `
+
+
+
+
+
+ ${card.translation ? `
Подсказка перевода: ${escapeHtml(card.translation)}
` : ''}
+
+
+
+
+
+
+
+
+
+
+ `;
+
+ const playCardAudio = () => {
+ if (card.audio_url) playAudio(card.audio_url);
+ else playTextSpeech(card.term, 'en');
+ };
+
+ setTimeout(playCardAudio, 200);
+ document.getElementById('dictation-big-audio-btn')?.addEventListener('click', playCardAudio);
+
+ const inputEl = document.getElementById('lesson-dictation-input');
+ inputEl?.focus();
+
+ const checkAnswer = () => {
+ if (answered) return;
+ answered = true;
+
+ const userVal = inputEl?.value.trim().toLowerCase() || '';
+ const targetVal = card.term.trim().toLowerCase();
+ const isMatch = userVal === targetVal;
+
+ if (inputEl) inputEl.disabled = true;
+ playCardAudio();
+
+ const fb = document.getElementById('lesson-dictation-feedback');
+ const nextBar = document.getElementById('lesson-dictation-next-bar');
+ const nextBtn = document.getElementById('lesson-dictation-next-btn');
+
+ if (isMatch) {
+ correctCount++;
+ if (fb) {
+ fb.className = 'trainer-feedback-box feedback-correct';
+ fb.innerHTML = `✅
Верно на слух! ${escapeHtml(card.term)} ${card.phonetic ? `
${escapeHtml(card.phonetic)}` : ''}`;
+ fb.classList.remove('hidden');
+ }
+ api.srs.submitReview(card.id, 4).catch(() => {});
+ } else {
+ session.errors.push({
+ type: 'vocab',
+ term: card.term,
+ translation: card.translation,
+ user_answer: userVal,
+ mode: 'dictation'
+ });
+ if (fb) {
+ fb.className = 'trainer-feedback-box feedback-wrong';
+ fb.innerHTML = `❌
Ошибка: правильное слово —
${escapeHtml(card.term)} (${escapeHtml(card.translation)})`;
+ fb.classList.remove('hidden');
+ }
+ api.srs.submitReview(card.id, 1).catch(() => {});
+ }
+
+ if (nextBar) nextBar.classList.remove('hidden');
+ if (nextBtn) nextBtn.focus();
+ };
+
+ document.getElementById('lesson-dictation-form')?.addEventListener('submit', (e) => {
+ e.preventDefault();
+ checkAnswer();
+ });
+
+ const nextAction = () => {
+ cardIdx++;
+ renderCurrentCard();
+ };
+
+ document.getElementById('lesson-dictation-next-btn')?.addEventListener('click', nextAction);
+
+ session.currentStepKeyHandler = (e) => {
+ if (!stepActive) return;
+ if (answered && (e.key === 'Enter' || e.code === 'Space')) {
+ e.preventDefault();
+ nextAction();
+ } else if (!answered && e.code === 'Space' && document.activeElement !== inputEl) {
+ e.preventDefault();
+ playCardAudio();
+ }
+ };
}
renderCurrentCard();
diff --git a/app/static/js/modules/srs.js b/app/static/js/modules/srs.js
index 22bc01e..4071f33 100644
--- a/app/static/js/modules/srs.js
+++ b/app/static/js/modules/srs.js
@@ -182,11 +182,21 @@ export function initSrs() {
startSrsTrainingSession(false);
});
+ // Restore saved SRS mode if present
+ const savedSrsMode = localStorage.getItem('srs_active_mode');
+ if (savedSrsMode && ['flashcards', 'quiz', 'typing', 'cloze', 'dictation', 'listening'].includes(savedSrsMode)) {
+ srsCurrentMode = savedSrsMode;
+ srsTabs.forEach(t => {
+ t.classList.toggle('active', t.dataset.mode === savedSrsMode);
+ });
+ }
+
srsTabs.forEach(tab => {
tab.addEventListener('click', () => {
srsTabs.forEach(t => t.classList.remove('active'));
tab.classList.add('active');
srsCurrentMode = tab.dataset.mode;
+ localStorage.setItem('srs_active_mode', srsCurrentMode);
renderSrsCurrentCard();
});
});