Images
This commit is contained in:
@ -37,12 +37,12 @@
|
||||
|
||||
function dragToNewGroup(event: CustomEvent<DragEvent>) {
|
||||
event.detail.preventDefault();
|
||||
let teamId = parseInt(event.detail.dataTransfer.getData("team"));
|
||||
let teamId = parseInt(event.detail.dataTransfer!.getData("team"));
|
||||
groups = [...groups.map(value => value.filter(value1 => value1 != teamId)), [teamId]].filter(value => value.length > 0);
|
||||
}
|
||||
|
||||
function teamDragStart(ev: DragEvent, team: Team) {
|
||||
ev.dataTransfer.setData("team", team.id.toString())
|
||||
ev.dataTransfer!.setData("team", team.id.toString())
|
||||
}
|
||||
|
||||
let resetDragOver = false;
|
||||
@ -54,14 +54,14 @@
|
||||
|
||||
function dropReset(ev: DragEvent) {
|
||||
ev.preventDefault();
|
||||
let teamId = parseInt(ev.dataTransfer.getData("team"));
|
||||
let teamId = parseInt(ev.dataTransfer!.getData("team"));
|
||||
groups = groups.map(group => group.filter(team => team !== teamId)).filter(group => group.length > 0);
|
||||
resetDragOver = false;
|
||||
}
|
||||
|
||||
function dropGroup(ev: CustomEvent<DragEvent>, groupIndex: number) {
|
||||
ev.preventDefault();
|
||||
let teamId = parseInt(ev.detail.dataTransfer.getData("team"));
|
||||
let teamId = parseInt(ev.detail.dataTransfer!.getData("team"));
|
||||
groups = groups.map((group, i) => i === groupIndex ? [...group.filter(value => value != teamId), teamId] : group.filter(value => value != teamId)).filter(group => group.length > 0);
|
||||
}
|
||||
|
||||
@ -104,8 +104,8 @@
|
||||
groups = groups.filter(group => group.length > 0);
|
||||
}
|
||||
|
||||
function generateGroups(groups): number[][][][] {
|
||||
let groupFights = [];
|
||||
function generateGroups(groups: number[][]): number[][][][] {
|
||||
const groupFights: number[][][][] = [];
|
||||
groups.forEach((group) => {
|
||||
let round = group.length + (group.length % 2) - 1;
|
||||
let groupFight = [];
|
||||
@ -138,8 +138,8 @@
|
||||
groupsFights.forEach((group, i) => {
|
||||
group.forEach((round, j) => {
|
||||
round.forEach(async (fight, k) => {
|
||||
let blueTeam = teams.get(fight[0])
|
||||
let redTeam = teams.get(fight[1])
|
||||
const blueTeam = teams.get(fight[0])!
|
||||
const redTeam = teams.get(fight[1])!
|
||||
|
||||
await $fightRepo.createFight(data.event.id, {
|
||||
blueTeam: blueTeam.id,
|
||||
@ -160,7 +160,7 @@
|
||||
|
||||
<div class="flex justify-between">
|
||||
<div id="reseter" class:border-white={resetDragOver} class="flex m-2 bg-gray-800 w-fit p-2 border border-gray-700 rounded ml-4 h-20 pt-6 relative" on:dragover={resetDragOverEvent} on:dragleave={() => resetDragOver = false} on:drop={dropReset} role="group">
|
||||
{#each teamsNotInGroup as team}
|
||||
{#each teamsNotInGroup as team (team.id)}
|
||||
<TeamChip {team} on:dragstart={ev => teamDragStart(ev, team)}/>
|
||||
{/each}
|
||||
</div>
|
||||
@ -171,10 +171,10 @@
|
||||
</div>
|
||||
|
||||
<div class="flex m-4 gap-4 border-b border-gray-700 pb-4">
|
||||
{#each groups as group, i}
|
||||
{#each groups as group, i (i)}
|
||||
<DragAcceptor on:drop={ev => dropGroup(ev, i)}>
|
||||
<h1>Group {i + 1} ({group.length})</h1>
|
||||
{#each group as teamId}
|
||||
{#each group as teamId (teamId)}
|
||||
<TeamChip team={teams.get(teamId)} on:dragstart={ev => teamDragStart(ev, teams.get(teamId))}/>
|
||||
{/each}
|
||||
</DragAcceptor>
|
||||
|
||||
Reference in New Issue
Block a user