Working regulars and courts

1 files changed, 21 insertions, 8 deletions

diff --git a/index.js b/index.js
index 97c65d6..5d34c96 100644
--- a/index.js
+++ b/index.js
@@ -1,11 +1,24 @@
+import { generateCourts } from "./court.mjs";
 import { generatePlayers } from "./player.mjs";
 
-// Player handling
-let players = generatePlayers();
-let renderedHTML = players.map((p) => {return p.render();}).join('');
-document.getElementById('player_list').innerHTML = renderedHTML;
-function togglePlayer(id) {
-    console.log(players);
-    let player = players.find((p) => p.id === id);
-    document.getElementById('player_' + id).outerHTML = player.toggle();
+// Court handling
+let courts = generateCourts();
+addToggleBehaviour(courts, "court_");
+
+// Regulars handling
+let regulars = generatePlayers();
+addToggleBehaviour(regulars, "regular_");
+
+function addToggleBehaviour(list, description) {
+    let renderedHTML = list.map((i) => {return i.render();}).join('');
+    let listId = description + 'list';
+    document.getElementById(listId).innerHTML = renderedHTML;
+    for (let index = 0; index < list.length; ++index) {
+        const p = document.getElementById(description + index);
+        p.addEventListener("click", () => {
+            list[index].toggle();
+            p.classList.toggle('secondary');
+            p.classList.toggle('outline');
+        });
+    }
 }
\ No newline at end of file