From b8fd6f9b5f49687d51113e3198b159f381ece3ac Mon Sep 17 00:00:00 2001
From: Armin Samii <armin.samii@gmail.com>
Date: Thu, 28 Aug 2025 15:49:13 -0400
Subject: [PATCH] dynamically choose which tables to show on load

---
 templates/tabular/tabular-by-candidate.html | 23 +++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/templates/tabular/tabular-by-candidate.html b/templates/tabular/tabular-by-candidate.html
index ead3c097..81a625e2 100644
--- a/templates/tabular/tabular-by-candidate.html
+++ b/templates/tabular/tabular-by-candidate.html
@@ -1,8 +1,9 @@
 {% load static %}
 
 {% for candidateTabulation in tabularByCandidate.tabulation %}
-<table class="shadow-wrapper table fixed-width-table">
+<div class="candidate-container" data-candidate-name="{{ candidateTabulation.name }}" data-is-winner="{{ candidateTabulation.isWinner|yesno:'true,false' }}">
     <h4 class="text-center"> {{ candidateTabulation.name }} </h4>
+    <table class="shadow-wrapper table fixed-width-table">
     <thead class="thead-light">
         <tr>
             <th scope="col">Round</th>
@@ -21,5 +22,23 @@ <h4 class="text-center"> {{ candidateTabulation.name }} </h4>
         </tr>
         {% endfor %}
     </tbody>
-</table>
+    </table>
+</div>
 {% endfor %}
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    console.log(config.onlyShowWinnersTabular);
+    if (!config.onlyShowWinnersTabular) {
+        return;
+    }
+
+    const candidateContainers = document.querySelectorAll('.candidate-container');
+    candidateContainers.forEach(function(container) {
+        console.log(container.getAttribute('data-is-winner'));
+        if (container.getAttribute('data-is-winner') !== 'true') {
+            container.style.display = 'none';
+        }
+    });
+});
+</script>