You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.7 KiB
73 lines
2.7 KiB
<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">
|
|
|
|
<div>
|
|
|
|
<div class="match-result">
|
|
<div class="player">
|
|
<template x-for="name in match.teams[i-1].names">
|
|
<div class="bold" 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, match.teams[i-1])"></div>
|
|
</template>
|
|
</div>
|
|
<div class="scores">
|
|
<template x-for="score in match.teams[i-1].scores">
|
|
|
|
<span x-data="{
|
|
showScore(score, team) {
|
|
let html = `<span class='score bold w30px`
|
|
if (team.is_winner) html += ` winner`
|
|
html += `'>`
|
|
html += score
|
|
html += `</span>`
|
|
return html
|
|
},
|
|
}" x-html="showScore(score, match.teams[i-1])">
|
|
</span>
|
|
|
|
</template>
|
|
|
|
<span x-data="{
|
|
showWalkOut(match, team) {
|
|
let html = ``
|
|
|
|
if (match.has_walk_out) {
|
|
html += `<span class='score bold w60px'>`
|
|
if (team.walk_out) html += `WO`
|
|
html += `</span>`
|
|
}
|
|
|
|
return html
|
|
},
|
|
}" x-html="showWalkOut(match, match.teams[i-1])">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div x-show="i === 1">
|
|
<div class="bottom-border"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<div class="top-margin flex-row">
|
|
<label class="left-label minor-info bold"><span x-text="match.duration"></span></label>
|
|
<label class="right-label minor-info semibold"><span x-text="match.court"></span></label>
|
|
</div>
|
|
|
|
</div>
|
|
|