Support images for participants

[Drarig29]

Example of use (taken from here):

I think a function should provide images (or null) for each participant before calling render().

[qlaffont]

Yes, and maybe to add an event listener onClick to handle :

• Click on participant
• Click on match

[qlaffont]

Actually I can handle click on match with this :

document
        .querySelectorAll('[data-match-id]')
        .forEach((element) =>
          element.addEventListener('click', () =>
            console.log(element.getAttribute('data-match-id')),
          ),
        );

[Drarig29]

Yes, and maybe to add an event listener onClick to handle :

• Click on participant
• Click on match

This is related to #38.

And no, I won't add an event listener for a click on a participant because it will be mistaken for a click on a match. So I'll only add a listener for a click on a match. And you, in a match page for example, can do something to handle clicks on a participant afterwards.

It works like this in Toornament, and I like it.

[Drarig29]

Actually I can handle click on match with this :

document
        .querySelectorAll('[data-match-id]')
        .forEach((element) =>
          element.addEventListener('click', () =>
            console.log(element.getAttribute('data-match-id')),
          ),
        );

You can now use ae66b72