|
|
|
|
@ -75,87 +75,65 @@ |
|
|
|
|
<template x-for="group_stage in paginatedGroupStages[i-1]" > |
|
|
|
|
|
|
|
|
|
<div class="cell medium-6 large-3 my-block" x-show="active === i"> |
|
|
|
|
<div class="dark_bubble"> |
|
|
|
|
|
|
|
|
|
{% include 'tournaments/broadcasted_group_stage.html' %} |
|
|
|
|
|
|
|
|
|
<!-- <div class="dark_bubble"> |
|
|
|
|
|
|
|
|
|
<div class="flex-row"> |
|
|
|
|
<label class="left-label matchtitle winner"><span x-text="group_stage.title"></span></label> |
|
|
|
|
<!-- <label class="right-label info"><span x-text="group_stage.date"></span></label> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<template x-for="i in group_stage.teams.length"> |
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
<div class="flex dark-bottom-border"> |
|
|
|
|
|
|
|
|
|
<div class="flex-left"> |
|
|
|
|
<template x-for="name in group_stage.teams[i-1].names"> |
|
|
|
|
|
|
|
|
|
<div class="semibold" x-data="{ |
|
|
|
|
showName(name, team) { |
|
|
|
|
let html = `<span class='` |
|
|
|
|
if (team.is_winner) html += `winner` |
|
|
|
|
html += `'>` |
|
|
|
|
html += name |
|
|
|
|
html += `</span>` |
|
|
|
|
return html |
|
|
|
|
}, |
|
|
|
|
}" x-html="showName(name, group_stage.teams[i-1])"> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class="flex-right"> |
|
|
|
|
|
|
|
|
|
<div x-show="group_stage.teams[i-1].match_count == 0"> |
|
|
|
|
<div class="score ws"><span x-text="group_stage.teams[i-1].weight"></span></div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div x-show="group_stage.teams[i-1].match_count > 0"> |
|
|
|
|
<div class="center"> |
|
|
|
|
<div class="score ws"><span x-text="group_stage.teams[i-1].win_loss"></span></div> |
|
|
|
|
<div class="ws"><span x-text="group_stage.teams[i-1].diff"></span></div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div class="flex dark-bottom-border"> |
|
|
|
|
|
|
|
|
|
<div class="flex-left"> |
|
|
|
|
<template x-for="name in group_stage.teams[i-1].names"> |
|
|
|
|
|
|
|
|
|
<div class="semibold" x-data="{ |
|
|
|
|
showName(name, team) { |
|
|
|
|
let html = `<span class='` |
|
|
|
|
if (team.is_winner) html += `winner` |
|
|
|
|
html += `'>` |
|
|
|
|
html += name |
|
|
|
|
html += `</span>` |
|
|
|
|
return html |
|
|
|
|
}, |
|
|
|
|
}" x-html="showName(name, group_stage.teams[i-1])"> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<!-- <div class="score ws"><span x-text="group_stage.teams[i-1].win_loss"></span></div> |
|
|
|
|
<div class="ws"><span x-text="group_stage.teams[i-1].diff"></span></div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- |
|
|
|
|
<div class="flex dark-bottom-border"> |
|
|
|
|
<div class="flex-left"> |
|
|
|
|
{% for name in team.names %} |
|
|
|
|
<div class="semibold {% if team.is_winner %}winner{% endif %}"> |
|
|
|
|
{{ name }} |
|
|
|
|
</div> |
|
|
|
|
{% endfor %} |
|
|
|
|
<div class="flex-right"> |
|
|
|
|
|
|
|
|
|
<div x-show="group_stage.teams[i-1].match_count == 0"> |
|
|
|
|
<div class="score ws"><span x-text="group_stage.teams[i-1].weight"></span></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex-right"> |
|
|
|
|
{% if team.match_count == 0 %} |
|
|
|
|
<div class="score ws">{{ team.weight }}</div> |
|
|
|
|
{% else %} |
|
|
|
|
|
|
|
|
|
<div x-show="group_stage.teams[i-1].match_count > 0"> |
|
|
|
|
<div class="center"> |
|
|
|
|
<div class="score ws">{{ team.wins_losses }}</div> |
|
|
|
|
<div class="ws">{{ team.formatted_diff }}</div> |
|
|
|
|
<div class="score ws"><span x-text="group_stage.teams[i-1].win_loss"></span></div> |
|
|
|
|
<div class="ws"><span x-text="group_stage.teams[i-1].diff"></span></div> |
|
|
|
|
</div> |
|
|
|
|
{% endif %} |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div x-show="i != group_stage.teams.length"> |
|
|
|
|
<div class="dark-bottom-border"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div x-show="i != group_stage.teams.length"> |
|
|
|
|
<div class="dark-bottom-border"></div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<div class="top-margin flex-row"> |
|
|
|
|
<label class="left-label minor-info"><span class="beige" x-text="group_stage.duration"></span></label> |
|
|
|
|
<!-- <label class="right-label minor-info"><span x-text="group_stage.court"></span></label> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|