{SUBTITLE}
+i rozpocznij naukę
+Ćwicz płynność czytania
+Sprawdź swoją ortografię
+Tabliczka mnożenia
+Powtórka z dzielenia
+Sprawdź swoją wiedzę
+Brak zapisanych sesji.
' + return + } + h.forEach(item => { + const d = new Date(item.ts).toLocaleString('pl-PL', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' }); + const modeText = item.mode === 'timed' ? `Na czas (${item.duration}s)` : `Trening (${item.problems} zadań)`; + const opsText = item.ops.join(', ').replace('add','+').replace('sub','-').replace('mul','×').replace('div','÷'); + + const el = document.createElement('div') + el.className = 'history-item' + el.innerHTML = ` +Nie udało się wczytać tekstów.
' + }) + + customStartBtn.addEventListener('click', () => { + const txt = customInput.value.trim() + if (!txt) return + startReading('Własny', txt) + }) + + // ── Start reading ───────────────────────────────────────────────────────── + function startReading(title, text) { + yOffset = 0 + speedIdx = 0 + clearInterval(autoTimer) + autoTimer = null + + readTitleEl.textContent = title + readTextEl.textContent = text + readTextEl.style.transform = 'translateY(0)' + speedBtn.textContent = SPEED_LABELS[0] + progressBar.style.width = '0%' + + listWrap.classList.add('hidden') + readWrap.classList.remove('hidden') + + // measure real line height after layout + requestAnimationFrame(() => { + requestAnimationFrame(() => { + const cs = getComputedStyle(readTextEl) + const lhVal = cs.lineHeight + lineH = (lhVal === 'normal') + ? parseFloat(cs.fontSize) * 1.35 + : parseFloat(lhVal) + + maxOffset = Math.max(0, readTextEl.offsetHeight - lineH) + updateNextBtn() + updateProgressBar() + }) + }) + } + + // ── Back to list ────────────────────────────────────────────────────────── + readBackBtn.addEventListener('click', () => { + const active = yOffset > 0 || autoTimer !== null + if (active && !confirm('Wrócić do listy tekstów?')) return + clearInterval(autoTimer) + autoTimer = null + readWrap.classList.add('hidden') + listWrap.classList.remove('hidden') + // Reset speed to manual on exit + speedIdx = 0; + }) + + // ── Speed selector ──────────────────────────────────────────────────────── + speedBtn.addEventListener('click', () => { + clearInterval(autoTimer) + autoTimer = null + speedIdx = (speedIdx + 1) % SPEEDS_MS.length + speedBtn.textContent = SPEED_LABELS[speedIdx] + if (SPEEDS_MS[speedIdx] > 0 && yOffset < maxOffset) { + autoTimer = setInterval(advanceLine, SPEEDS_MS[speedIdx]) + } + }) + + // ── Manual line advance ─────────────────────────────────────────────────── + nextLineBtn.addEventListener('click', advanceLine) + + // ── Core scroll logic ───────────────────────────────────────────────────── + function advanceLine() { + if (yOffset >= maxOffset) { + stopAutoAtEnd() + return + } + yOffset = Math.min(yOffset + lineH, maxOffset) + readTextEl.style.transform = `translateY(${-yOffset}px)` + updateNextBtn() + updateProgressBar() + if (yOffset >= maxOffset) stopAutoAtEnd() + } + + function stopAutoAtEnd() { + if (autoTimer !== null) { + clearInterval(autoTimer) + autoTimer = null + speedIdx = 0 + speedBtn.textContent = SPEED_LABELS[0] + } + updateNextBtn() + } + + function updateNextBtn() { + nextLineBtn.disabled = yOffset >= maxOffset + } + + function updateProgressBar() { + const progress = maxOffset > 0 ? (yOffset / maxOffset) * 100 : 100 + if (!progressBar) progressBar = document.getElementById('read-progress-bar-inner') + if (progressBar) progressBar.style.width = `${progress}%` + } +})() diff --git a/app/build/intermediates/assets/release/js/dyktando.js b/app/build/intermediates/assets/release/js/dyktando.js new file mode 100644 index 0000000..28f3855 --- /dev/null +++ b/app/build/intermediates/assets/release/js/dyktando.js @@ -0,0 +1,320 @@ +// Dyktando — ortografia u/ó, rz/ż, h/ch +;(function () { + + // Pairs: key = lowercase match → [choice1, choice2] (shown to user) + const PAIRS = { + ch: ['ch', 'h'], + rz: ['rz', 'ż'], + ż: ['rz', 'ż'], + ó: ['u', 'ó'], + u: ['u', 'ó'], + h: ['h', 'ch'], + } + + // Order matters: digraphs (ch, rz) must be tried before single chars (h) + const BLANK_RE = /ch|rz|[uóżh]/gi + + let tokens = [] // {type:'text',content} | {type:'blank',...} + let blanks = [] // subset where type==='blank' + let current = 0 // index of active blank + let origText = '' + + // ── DOM refs ───────────────────────────────────────────────────────────── + const listWrap = document.getElementById('list-wrap') + const playWrap = document.getElementById('play-wrap') + const textList = document.getElementById('text-list') + const customInput = document.getElementById('custom-input') + const customStartBtn = document.getElementById('custom-start-btn') + const playBackBtn = document.getElementById('play-back-btn') + const playTitle = document.getElementById('play-title') + const textDisplay = document.getElementById('text-display') + const choicesEl = document.getElementById('choices') + const progressEl = document.getElementById('blank-progress') + const summaryWrap = document.getElementById('summary') + const summaryText = document.getElementById('summary-text') + const summaryScore = document.getElementById('summary-score') + const summaryBackBtn = document.getElementById('summary-back-btn') + const dykScroll = document.getElementById('dyk-scroll') + let progressBar = null + + // ── Load texts ──────────────────────────────────────────────────────────── + fetch('json/dyktanda.json') + .then(r => r.json()) + .then(data => { + data.forEach(item => { + const btn = document.createElement('button') + btn.className = 'list-item-btn' + btn.textContent = item.name + btn.addEventListener('click', () => startGame(item.name, item.text)) + textList.appendChild(btn) + }) + }) + .catch(() => { + textList.innerHTML = 'Nie udało się wczytać tekstów.
' + }) + + // Poczekaj na dynamiczne załadowanie progress bara + document.addEventListener('DOMContentLoaded', () => { + // progress bar jest ładowany przez loadComponent w dyktando.html + const checkProgressBar = () => { + const el = document.getElementById('dyk-progress-bar-inner') + if (el) { + progressBar = el + } else { + setTimeout(checkProgressBar, 50) + } + } + checkProgressBar() + }) + + customStartBtn.addEventListener('click', () => { + const txt = customInput.value.trim() + if (!txt) return + startGame('Własny', txt) + }) + + // ── Start game ──────────────────────────────────────────────────────────── + function startGame(title, text) { + origText = text + tokens = [] + blanks = [] + current = 0 + + // Tokenize: split text into plain segments and blanks + BLANK_RE.lastIndex = 0 + let lastIdx = 0 + let m + while ((m = BLANK_RE.exec(text)) !== null) { + if (m.index > lastIdx) { + tokens.push({ type: 'text', content: text.slice(lastIdx, m.index) }) + } + const blank = { + type: 'blank', + id: blanks.length, + answer: m[0], // original (preserves case) + choices: PAIRS[m[0].toLowerCase()], // pair to show + start: m.index, // position in origText + end: m.index + m[0].length, + userAnswer: null, + correct: null, + } + tokens.push(blank) + blanks.push(blank) + lastIdx = m.index + m[0].length + } + if (lastIdx < text.length) { + tokens.push({ type: 'text', content: text.slice(lastIdx) }) + } + + // Reset UI + playTitle.textContent = title + summaryWrap.classList.add('hidden') + textDisplay.classList.remove('hidden') + choicesEl.classList.remove('hidden') + progressEl.textContent = '' + if (progressBar) progressBar.style.width = '0%' + + listWrap.classList.add('hidden') + playWrap.classList.remove('hidden') + + if (blanks.length === 0) { + renderText() + showSummary() + } else { + renderText() + activateBlank(0) + } + } + + // ── Render the text with blanks ─────────────────────────────────────────── + function renderText() { + textDisplay.innerHTML = '' + tokens.forEach(tok => { + if (tok.type === 'text') { + textDisplay.appendChild(document.createTextNode(tok.content)) + } else { + const span = document.createElement('span') + span.id = `blank-${tok.id}` + + if (tok.correct !== null) { + // Already answered + if (tok.correct) { + span.className = 'dyk-blank dyk-blank--ok' + span.textContent = tok.answer + } else { + span.className = 'dyk-blank dyk-blank--err' + span.innerHTML = `Wybierz co najmniej jedno działanie, a następnie tryb, aby rozpocząć.
+