Link to previous match

[jtokoev]

Hi there,

I've a question.

For example

There are 11 teams in my tournament.
6 teams play in the first round (3 pairs)

5 teams remain for the second round
2 of them must play each other, and the remaining 3 must play with the winners from the first round

Eventually

3 games in the first round
4 games in the second round
In the third 2 games and so on

Tell me how to connect the games of the second round with the first ones so that they become beautiful?

My code:

const data = {
           "participant": [
               {
                   "id": 5,
                   "name": "deve1oper"
               },
               {
                   "id": 6,
                   "name": "simp1e"
               },
               {
                   "id": 7,
                   "name": "doc"
               },
               {
                   "id": 8,
                   "name": "impala"
               },
               {
                   "id": 9,
                   "name": "dendy"
               },
               {
                   "id": 10,
                   "name": "booobma"
               },
               {
                   "id": 11,
                   "name": "wolf"
               },
               {
                   "id": 12,
                   "name": "best_player"
               },
               {
                   "id": 13,
                   "name": "stricker"
               },
               {
                   "id": 14,
                   "name": "shooter"
               },
               {
                   "id": 15,
                   "name": "quickscope"
               }
           ],
           "stage": [{
               "id": 0,
               "name": "Int 2023 Tokyo Summer",
               "type": "single_elimination",
               "settings": []
           }],
           "match": [
               {
                   "id": 79,
                   "number": 1,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 1,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": 5
                   },
                   "opponent2": {
                       "id": 6
                   }
               },
               {
                   "id": 80,
                   "number": 2,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 1,
                   "child_count": 0,
                   "status": 1,
                   "opponent1": {
                       "id": 7
                   },
                   "opponent2": {
                       "id": 8
                   }
               },
               {
                   "id": 81,
                   "number": 3,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 1,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": 9
                   },
                   "opponent2": {
                       "id": 10
                   }
               },
               {
                   "id": 82,
                   "number": 1,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 2,
                   "child_count": 4,
                   "status": 2,
                   "opponent1": {
                       "id": 13
                   },
                   "opponent2": {
                       "id": 12
                   }
               },
               {
                   "id": 83,
                   "number": 2,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 2,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": 15
                   },
                   "opponent2":  {
                       "id": null
                   }
               },
               {
                   "id": 84,
                   "number": 3,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 2,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": 14
                   },
                   "opponent2": {
                       "id": null
                   }
               },
               {
                   "id": 85,
                   "number": 4,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 2,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": 11
                   },
                   "opponent2": {
                       "id": null
                   }
               },
               {
                   "id": 86,
                   "number": 1,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 3,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": null
                   },
                   "opponent2": {
                       "id": null
                   }
               },
               {
                   "id": 87,
                   "number": 2,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 3,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": null
                   },
                   "opponent2": {
                       "id": null
                   }
               },
               {
                   "id": 88,
                   "number": 1,
                   "stage_id": 0,
                   "group_id": 0,
                   "round_id": 4,
                   "child_count": 1,
                   "status": 1,
                   "opponent1": {
                       "id": null
                   },
                   "opponent2": {
                       "id": null
                   }
               }
           ]
       };

  window.bracketsViewer.render({
            stages: data.stage,
            matches: data.match,
            matchGames: data.match_game,
            participants: data.participant,
        });

Result:

I would like to receive something like this:

Thanks, best regards

[Drarig29]

Hey, did you find your answer?