implement toggle-correct

qbreader · Nov 28, 2024 · 6a5b5c9 · 6a5b5c9
1 parent 796c26f
commit 6a5b5c9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/client/singleplayer/bonuses/index.jsx b/client/singleplayer/bonuses/index.jsx
@@ -46,6 +46,7 @@ function onmessage (message) {
     case 'set-year-range': return setYearRange(data);
     case 'start-answer': return startAnswer(data);
     case 'timer-update': return updateTimerDisplay(data.timeRemaining);
+    case 'toggle-correct': return toggleCorrect(data);
     case 'toggle-select-by-set-name': return toggleSelectBySetName(data);
     case 'toggle-show-history': return toggleShowHistory(data);
     case 'toggle-standard-only': return toggleStandardOnly(data);
@@ -145,7 +146,9 @@ function revealNextPart ({ currentPartNumber, part, value }) {
   input.className = 'checkbox form-check-input rounded-0 me-1';
   input.type = 'checkbox';
   input.style = 'width: 20px; height: 20px; cursor: pointer';
-  input.addEventListener('click', function () { this.blur(); });
+  input.addEventListener('click', function () {
+    socket.sendToServer({ type: 'toggle-correct', partNumber: currentPartNumber, correct: this.checked });
+  });
 
   const inputWrapper = document.createElement('label');
   inputWrapper.style = 'cursor: pointer';
@@ -209,6 +212,10 @@ function startAnswer () {
   document.getElementById('reveal').disabled = true;
 }
 
+function toggleCorrect ({ partNumber, correct }) {
+  document.getElementById(`checkbox-${partNumber + 1}`).checked = correct;
+}
+
 function toggleSelectBySetName ({ selectBySetName }) {
   document.getElementById('difficulty-settings').classList.toggle('d-none', selectBySetName);
   document.getElementById('toggle-select-by-set-name').checked = selectBySetName;