From a34e8b9e226cbce44194c03eae7c0fa9cb739ba3 Mon Sep 17 00:00:00 2001
From: Laurent <laurent@staxriver.com>
Date: Mon, 29 Apr 2024 10:19:34 +0200
Subject: [PATCH] Fix and cleanup

---
 .../tournaments/broadcasted_match.html        | 47 +++++++------------
 .../tournaments/broadcasted_matches.html      |  8 ++--
 2 files changed, 23 insertions(+), 32 deletions(-)

diff --git a/tournaments/templates/tournaments/broadcasted_match.html b/tournaments/templates/tournaments/broadcasted_match.html
index cbbb4ce..38153da 100644
--- a/tournaments/templates/tournaments/broadcasted_match.html
+++ b/tournaments/templates/tournaments/broadcasted_match.html
@@ -27,47 +27,36 @@
                 <div class="scores">
                     <template x-for="score in match.teams[i-1].scores">
 
-                        <span class="score ws" x-data="{
+                        <span x-data="{
                             showScore(score, team) {
-                                let html = `<span class='`
-                                if (team.is_winner) html += `winner`
+                                let html = `<span class='score ws w30px`
+                                if (team.is_winner) html += ` winner`
                                 html += `'>`
                                 html += score
                                 html += `</span>`
-
-                                if (match.has_walk_out) {
-                                    html += `<span class='score ws w60px'>`
-                                    if (team.walk_out) html += `WO`
-                                    html += `</span>`
-                                }
-
                                 return html
                             },
                             }" x-html="showScore(score, match.teams[i-1])">
                         </span>
-                    </template>
-                </div>
-            </div>
 
-            <!--
+                    </template>
 
-            {% if match.started %}
-                {% for score in team.scores %}
-                <div class="scores">
-                    <span class="score ws{% if team.is_winner %} winner{% endif %}">{{ score }}</span>
-                </div>
-                {% endfor %}
+                    <span x-data="{
+                        showWalkOut(match, team) {
+                            let html = ``
 
-                {% if match.has_walk_out %}
-                <span class="score ws w60px">
-                    {% if team.walk_out %}WO{% endif %}
-                </span>
-                {% endif %}
+                            if (match.has_walk_out) {
+                                html += `<span class='score ws w60px'>`
+                                if (team.walk_out) html += `WO`
+                                html += `</span>`
+                            }
 
-            {% else %}
-                <span class="score ws">{{ team.weight }}</span>
-            {% endif %}
-            -->
+                            return html
+                        },
+                        }" x-html="showWalkOut(match, match.teams[i-1])">
+                    </span>
+                </div>
+            </div>
 
              <div x-show="i === 1">
                  <div class="bottom-border"></div>
diff --git a/tournaments/templates/tournaments/broadcasted_matches.html b/tournaments/templates/tournaments/broadcasted_matches.html
index c7fe588..e5cf690 100644
--- a/tournaments/templates/tournaments/broadcasted_matches.html
+++ b/tournaments/templates/tournaments/broadcasted_matches.html
@@ -72,11 +72,13 @@
                         <template x-for="match in paginatedMatches[i-1]" >
 
                             <div class="cell medium-6 large-3 my-block" x-show="active === i">
-                                <div class="bubble">
+
+                                {% include 'tournaments/broadcasted_match.html' %}
+
+                                <!-- <div class="bubble">
 
                                     <div class="flex-row">
                                         <label class="left-label matchtitle"><span x-text="match.title"></span></label>
-                                        <!-- <label class="right-label info"><span x-text="match.date"></span></label> -->
                                     </div>
 
                                     <template x-for="i in match.teams.length">
@@ -148,7 +150,7 @@
                                         <label class="right-label minor-info semibold"><span x-text="match.court"></span></label>
                                     </div>
 
-                                </div>
+                                </div> -->
                             </div>
 
                         </template>