min max

Author: redbackspider77

app.js

@@ -141,6 +141,7 @@ function loadReports() {
     if (!reports) return;
 
     const reportList = document.getElementById("report-list");
+    reportList.style.display = "block";
     reportList.innerHTML = "";
 
     Object.values(reports).forEach(report => {
@@ -155,4 +156,16 @@ function loadReports() {
       reportList.appendChild(li);
     });
   });
+}
+
+function minMaxReports() {
+  const reportList = document.getElementById("report-list");
+  const button = document.getElementById("min-max");
+  if (reportList.style.display == "block") {
+    reportList.style.display = "none";
+    button.setAttribute('Maximise Reports');
+  } else {
+    reportList.style.display = "block";
+    button.setAttribute('Minimise Reports');
+  }
 }

index.html

@@ -29,7 +29,8 @@ <h2>Admin Panel</h2>
     <button onclick="startRound()">Start New Round</button>
     <button onclick="checkResults()">Check Results</button>
     <h3>Troll Reports</h3>
-    <ul id="report-list"></ul>
+    <ul id="report-list" style="display:none;"></ul>
+    <button id="min-max" onclick="minMaxReports()">Minimise Reports</button>
   </div>
 
   <div id="game-panel" style="display:none;">