index.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { generateCourts } from "./court.mjs";
import { generatePlayers } from "./player.mjs";

// 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');
        });
    }
}