fix bracket

tournaments/models/match.py

@@ -204,6 +204,7 @@ class Match(models.Model):
                     names = [f"Perdant {loser_bottom_match.computed_name()}", '']
                     team = self.default_live_team(names)
                     teams.append(team)
+            elif self.round and self.round.parent is None:
                 if previous_top_match:
                     names = [f"Gagnant {previous_top_match.computed_name()}", '']
                     team = self.default_live_team(names)

tournaments/templates/tournaments/bracket_match_cell.html

@@ -0,0 +1,80 @@
+{% load static %}
+
+        <div class="cell medium-12 large-3 my-block">
+            <div class="bubble">
+
+                <div class="flex-row">
+                    <label class="matchtitle">{{ match.title }}</label>
+                    {% if not match.ended %}
+                    <label class="right-label minor-info bold">{{ match.court }}</label>
+                    {% endif %}
+                </div>
+
+                <div>
+
+                {% for team in match.teams %}
+                <div class="match-result {% cycle 'bottom-border' '' %}">
+                    <div class="player">
+                        {% if team.id %}
+                        <a href="{% url 'team-details' tournament.id team.id %}" class="player-link">
+                        {% endif %}
+
+                        {% if team.is_lucky_loser or team.walk_out == 1 %}
+                        <div class="overlay-text">
+                            {% if team.is_lucky_loser %}(LL){% elif team.walk_out == 1 %}(WO){% endif %}
+                        </div>
+                        {% endif %}
+
+                        {% for name in team.names %}
+                        <div class="semibold{% if team.walk_out == 1 %} strikethrough{% endif %}{% if team.is_winner %} winner{% endif %}">
+                            {% if name|length > 0 %}
+                                {{ name }}
+                            {% else %}
+                                &nbsp;
+                            {% endif %}
+                        </div>
+                        {% endfor %}
+                        {% if team.id %}
+                        </a>
+                        {% endif %}
+                    </div>
+
+                    {% if match.has_walk_out %}
+                    <span class="score ws w60px">
+                        {% if team.is_walk_out %}WO{% endif %}
+                    </span>
+                    {% elif match.should_show_scores %}
+                        <div class="scores">
+                            {% for score in team.scores %}
+                            <span class="score ws {% if score.tiebreak %}w35px{% else %}w30px{% endif %}{% if team.is_winner %} winner{% endif %}">
+                                {{ score.main }}
+                                {% if score.tiebreak %}
+                                    <sup>{{ score.tiebreak }}</sup>
+                                {% endif %}
+                            </span>
+                            {% endfor %}
+                        </div>
+                    {% elif not tournament.hide_weight and team.weight %}
+                        <span class="score ws numbers">{{ team.weight }}</span>
+                    {% endif %}
+                </div>
+
+                {% endfor %}
+
+                </div>
+                <div class="status-container {% if not match.ended and match.started %}running{% endif %}">
+                    <div class="flex-row top-margin">
+                        <label class="left-label minor-info bold">
+                            {% if match.show_time_indication %}
+                            {{ match.time_indication }}
+                            {% endif %}
+                        </label>
+                        <label class="right-label minor-info">
+                            {% if not match.ended %}
+                            {{ match.format }}
+                            {% endif %}
+                        </label>
+                    </div>
+                </div>
+            </div>
+        </div>

tournaments/templates/tournaments/tournament_bracket.html

@@ -19,7 +19,7 @@
                      data-match-index="{{ forloop.counter0 }}"
                      data-disabled="{{ match.disabled|lower }}"
                      class="match-template">
-                    {% include 'tournaments/match_cell.html' %}
+                    {% include 'tournaments/bracket_match_cell.html' %}
                 </div>
             {% endfor %}
         {% endif %}
@@ -58,6 +58,7 @@ function renderBracket() {
     rounds.forEach((roundMatches, roundIndex) => {
         const roundDiv = document.createElement('div');
         roundDiv.className = 'butterfly-round';
+        roundDiv.style.setProperty('--match-width', `${360}px`);
         matchPositions[roundIndex] = [];
 
         roundMatches.forEach((matchTemplate, matchIndex) => {
@@ -91,7 +92,11 @@ function renderBracket() {
                     top = matchPositions[roundIndex - 2][matchIndex];
                     nextMatchDistance = 0;
                 } else if (roundIndex == finalRoundIndex) {
-                    top = matchPositions[roundIndex - 3][1 + matchIndex];
+                    if (finalRoundIndex === 2) {
+                      top = matchPositions[0][matchIndex];
+                    } else {
+                      top = matchPositions[0][1 + matchIndex];
+                    }
                     nextMatchDistance = baseDistance;
                 } else if (currentRoundMatches > previousRoundMatches) {
                     // Bracket is reversed - matches are splitting instead of combining
@@ -116,6 +121,7 @@ function renderBracket() {
             }
 
             if (roundIndex >= finalRoundIndex - 1) {
+              if (roundCount > 5) {
                 matchDiv.style.transform = `translateX(-50%)`;
                 if (roundIndex >= finalRoundIndex + 2) {
                     matchDiv.style.transform = `translateX(-100%)`;
@@ -127,6 +133,7 @@ function renderBracket() {
                                 if (roundIndex == finalRoundIndex + 1) {
                                   matchDiv.classList.add('outward');
                                 }
+              }
 
             }
 
@@ -146,7 +153,9 @@ function renderBracket() {
               const matchDiv2 = document.createElement('div');
               matchDiv2.className = 'butterfly-match';
               matchDiv2.style.position = 'absolute';
+              if (roundCount > 5) {
                 matchDiv2.style.transform = `translateX(-50%)`;
+              }
               matchDiv2.classList.add('inward');
               matchDiv2.classList.add('semi-final');
               matchDiv2.style.setProperty('--next-match-distance', `${baseDistance}px`);
@@ -191,7 +200,7 @@ function renderBracket() {
 
 .butterfly-round {
     position: relative;
-    width: 25%; /* 300px for match + 20px on each side for lines */
+    width: var(--match-width); /* 300px for match + 20px on each side for lines */
     flex-shrink: 0; /* Prevents rounds from shrinking */
 }
 

tournaments/views.py

@@ -965,7 +965,6 @@ def tournament_bracket(request, tournament_id):
         parent=None,
         group_stage_loser_bracket=False
     ).order_by('-index')
-
     main_rounds_reversed = tournament.round_set.filter(
         parent=None,
         group_stage_loser_bracket=False
@@ -989,8 +988,8 @@ def tournament_bracket(request, tournament_id):
         matches = round.match_set.all()
 
         if matches:
-            midpoint = len(matches) // 2
             if len(matches) > 1:
+                midpoint = int(len(matches) / 2)
                 first_half_matches = matches[:midpoint]
             else:
                 first_half_matches = list(matches)  # Convert QuerySet to a list
@@ -1011,8 +1010,8 @@ def tournament_bracket(request, tournament_id):
     for round in main_rounds_reversed:
         matches = round.match_set.all()
         if matches:
-            midpoint = len(matches) // 2
             if len(matches) > 1:
+                midpoint = int(len(matches) / 2)
                 first_half_matches = matches[midpoint:]
 
                 match_group = tournament.create_match_group(
@@ -1021,7 +1020,6 @@ def tournament_bracket(request, tournament_id):
                 )
                 serializable_match_groups.append(match_group)
 
-
     context = {
         'tournament': tournament,
         'match_groups': serializable_match_groups