|
|
|
@ -24,7 +24,11 @@ |
|
|
|
this.paginatedMatches.forEach(group => { |
|
|
|
this.paginatedMatches.forEach(group => { |
|
|
|
const firstHalf = group.slice(0, pageSize / 2); |
|
|
|
const firstHalf = group.slice(0, pageSize / 2); |
|
|
|
const secondHalf = group.slice(pageSize / 2); |
|
|
|
const secondHalf = group.slice(pageSize / 2); |
|
|
|
splitGroups.push([firstHalf, secondHalf]); |
|
|
|
if (secondHalf.length > 0) { |
|
|
|
|
|
|
|
splitGroups.push([firstHalf, secondHalf]); |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
splitGroups.push([firstHalf]); |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
this.paginatedMatches = splitGroups; |
|
|
|
this.paginatedMatches = splitGroups; |
|
|
|
|
|
|
|
|
|
|
|
@ -52,8 +56,8 @@ |
|
|
|
<template x-for="i in paginatedMatches.length" > |
|
|
|
<template x-for="i in paginatedMatches.length" > |
|
|
|
<template x-for="column in paginatedMatches[i-1]" > |
|
|
|
<template x-for="column in paginatedMatches[i-1]" > |
|
|
|
<div class="cell medium-6 large-6 topblock my-block" x-show="active === i"> |
|
|
|
<div class="cell medium-6 large-6 topblock my-block" x-show="active === i"> |
|
|
|
<template x-for="summon in column" > |
|
|
|
<div class="bubble"> |
|
|
|
<div class="bubble"> |
|
|
|
<template x-for="summon in column" > |
|
|
|
<div class="table-row-4-colums bottom-border"> |
|
|
|
<div class="table-row-4-colums bottom-border"> |
|
|
|
<div class="table-cell table-cell-large semibold"> |
|
|
|
<div class="table-cell table-cell-large semibold"> |
|
|
|
<template x-for="i in summon.names.length"> |
|
|
|
<template x-for="i in summon.names.length"> |
|
|
|
@ -65,8 +69,8 @@ |
|
|
|
<div class="table-cell large center"><span x-text="summon.date"></span></div> |
|
|
|
<div class="table-cell large center"><span x-text="summon.date"></span></div> |
|
|
|
<div class="table-cell"><div class="mybox center"><span x-text="summon.stage"></span></div></div> |
|
|
|
<div class="table-cell"><div class="mybox center"><span x-text="summon.stage"></span></div></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|