add toggle for room history

qbreader · Dec 27, 2022 · 8e58ee3 · 8e58ee3
1 parent e83a69b
commit 8e58ee3
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/client/singleplayer/bonuses.html b/client/singleplayer/bonuses.html
@@ -102,6 +102,10 @@
                     <input class="form-check-input" id="toggle-select-by-set-name" type="checkbox" value role="switch" checked>
                     <label class="form-check-label" for="toggle-select-by-set-name">Select by set name</label>
                 </div>
+                <div class="form-check form-switch">
+                    <input class="form-check-input" id="toggle-show-history" type="checkbox" value role="switch" checked>
+                    <label class="form-check-label" for="toggle-show-history">Show question history</label>
+                </div>
                 <div class="d-none d-lg-block">
                     <hr>
                     <p>

diff --git a/client/singleplayer/index.js b/client/singleplayer/index.js
@@ -173,8 +173,23 @@ document.getElementById('toggle-select-by-set-name').addEventListener('click', f
 });
 
 
+document.getElementById('toggle-show-history').addEventListener('click', function () {
+    if (this.checked) {
+        document.getElementById('room-history').classList.remove('d-none');
+        localStorage.setItem('showHistory', 'true');
+    } else {
+        document.getElementById('room-history').classList.add('d-none');
+        localStorage.setItem('showHistory', 'false');
+    }
+});
+
 if (localStorage.getItem('selectBySetName') === 'false') {
     document.getElementById('toggle-select-by-set-name').checked = false;
     document.getElementById('difficulty-settings').classList.remove('d-none');
     document.getElementById('set-settings').classList.add('d-none');
 }
+
+if (localStorage.getItem('showHistory') === 'false') {
+    document.getElementById('toggle-show-history').checked = false;
+    document.getElementById('room-history').classList.add('d-none');
+}
diff --git a/client/singleplayer/tossups.html b/client/singleplayer/tossups.html
@@ -104,6 +104,10 @@
                     <input class="form-check-input" id="toggle-select-by-set-name" type="checkbox" value role="switch" checked>
                     <label class="form-check-label" for="toggle-select-by-set-name">Select by set name</label>
                 </div>
+                <div class="form-check form-switch">
+                    <input class="form-check-input" id="toggle-show-history" type="checkbox" value role="switch" checked>
+                    <label class="form-check-label" for="toggle-show-history">Show question history</label>
+                </div>
             </div>
             <div class="col-12 col-lg-9 col-xxl-10">
                 <div class="buttons position-sticky top-0 pt-2">