aln/edu
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

cimcirimcim
Deploy to FTP / deploy (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Sebastian Molenda
2026-05-21 22:41:20 +02:00
parent 113a762cf1
commit 5aa42cfc85
2 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dyktando.js
+13 -4
View File
@@ -121,9 +121,14 @@
span.id = `blank-${tok.id}` span.id = `blank-${tok.id}`
if (tok.correct !== null) { if (tok.correct !== null) {
// Already answered — always show the CORRECT letter, colored by result // Already answered
span.className = `dyk-blank dyk-blank--${tok.correct ? 'ok' : 'err'}` if (tok.correct) {
span.textContent = tok.answer span.className = 'dyk-blank dyk-blank--ok'
span.textContent = tok.answer
} else {
span.className = 'dyk-blank dyk-blank--err'
span.innerHTML = `<s>${esc(tok.userAnswer)}</s><sup>${esc(tok.answer)}</sup>`
}
} else if (tok.id === current) { } else if (tok.id === current) {
span.className = 'dyk-blank dyk-blank--active' span.className = 'dyk-blank dyk-blank--active'
span.textContent = '__' span.textContent = '__'
@@ -234,7 +239,11 @@
let inner = '' let inner = ''
word.blanks.forEach(blank => { word.blanks.forEach(blank => {
if (blank.start > wPos) inner += esc(origText.slice(wPos, blank.start)) if (blank.start > wPos) inner += esc(origText.slice(wPos, blank.start))
inner += `<span class="dyk-blank--${blank.correct ? 'ok' : 'err'}">${esc(blank.answer)}</span>` if (blank.correct) {
inner += `<span class="dyk-blank--ok">${esc(blank.answer)}</span>`
} else {
inner += `<span class="dyk-blank--err"><s>${esc(blank.userAnswer)}</s><sup>${esc(blank.answer)}</sup></span>`
}
wPos = blank.end wPos = blank.end
}) })
inner += esc(origText.slice(wPos, word.end)) inner += esc(origText.slice(wPos, word.end))
styles.css
+5 -3
View File
@@ -134,14 +134,16 @@ body{
.dyk-body{flex:1;display:flex;flex-direction:column;overflow:hidden} .dyk-body{flex:1;display:flex;flex-direction:column;overflow:hidden}
.dyk-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch} .dyk-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dyk-text{padding:20px;font-size:20px;line-height:1.9} .dyk-text{padding:20px;font-size:40px;line-height:1.8}
/* inline blank spans */ /* inline blank spans */
.dyk-blank{display:inline;font-weight:700} .dyk-blank{display:inline;font-weight:700}
.dyk-blank--pending{color:#dc2626;border-bottom:2px solid #dc2626} .dyk-blank--pending{color:#dc2626;border-bottom:2px solid #dc2626}
.dyk-blank--active{color:#dc2626;background:#fee2e2;border-radius:4px;padding:0 2px;animation:dyk-pulse 1s ease-in-out infinite} .dyk-blank--active{color:#dc2626;background:#fee2e2;border-radius:4px;padding:0 2px;animation:dyk-pulse 1s ease-in-out infinite}
.dyk-blank--ok{color:#16a34a;font-weight:700} .dyk-blank--ok{color:#16a34a;font-weight:700}
.dyk-blank--err{color:#dc2626;font-weight:700} .dyk-blank--err{font-weight:700}
.dyk-blank--err s{color:#dc2626;text-decoration:line-through}
.dyk-blank--err sup{color:#16a34a;font-size:.6em;font-weight:700;margin-left:1px}
@keyframes dyk-pulse{0%,100%{opacity:1}50%{opacity:.4}} @keyframes dyk-pulse{0%,100%{opacity:1}50%{opacity:.4}}
/* choice buttons */ /* choice buttons */
@@ -152,7 +154,7 @@ body{
/* summary */ /* summary */
.dyk-summary{padding:20px} .dyk-summary{padding:20px}
.dyk-summary-text{font-size:20px;line-height:1.9;margin-bottom:20px} .dyk-summary-text{font-size:40px;line-height:1.8;margin-bottom:20px}
.summary-score{font-size:18px;font-weight:700;text-align:center;color:#111;margin:0 0 20px} .summary-score{font-size:18px;font-weight:700;text-align:center;color:#111;margin:0 0 20px}
.dyk-summary-back{display:block;width:100%;margin-bottom:32px} .dyk-summary-back{display:block;width:100%;margin-bottom:32px}
.dyk-word--ok{color:#16a34a;font-weight:700} .dyk-word--ok{color:#16a34a;font-weight:700}