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.
56 lines
1.9 KiB
56 lines
1.9 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 bold">
|
|
<template x-for="name in match.teams[i-1].names">
|
|
<div :class="match.teams[i-1].is_winner ? 'winner' : ''">
|
|
<span x-text="name"></span>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<div class="scores">
|
|
<template x-for="score in match.teams[i-1].scores">
|
|
|
|
<span class="score bold w30px" :class="match.teams[i-1].is_winner ? 'winner' : ''" x-text="score"></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">
|
|
<hr/>
|
|
</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>
|
|
|