streaming/Priority
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

=priority: heat config

Browse source
This commit is contained in:
Miki 2023-12-14 16:54:05 +01:00
parent c6f4800273
commit 5829f22163
14 changed files with 95 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/routes/draws/+page.svelte
View file

@ -39,7 +39,6 @@
</th>
{/if}
</tr>
{#each heat.surfers as surfer }
<tr>
<td>
@ -84,13 +83,13 @@
}
th.ended {
background-color: red;
text-decoration: line-through 2px yellow;
background-color: lightcoral;
text-decoration: line-through 1px lightyellow;
}
@keyframes blinker {
50% {
opacity: 0;
opacity: 0.5;
}
}

31
frontend/src/routes/priority/+page.svelte
View file

@ -110,6 +110,7 @@
}
async function click(id) {
let max = surfers.length;
console.log(surfers[id]);
if (surfers[id].priority === 'P') {
for (let i in surfers) {
@ -122,7 +123,27 @@
}
}
}
surfers[id].priority = '5';
surfers[id].priority = max.toString();
} else if (surfers[id].priority === '') {
console.log(`priority empty; pressed: [${id}] ${surfers[id].priority}`);
for (let i in surfers) {
console.log(`looping(${id}): ${i} - ${surfers[i].priority}`);
if (i != id) {
if (surfers[i].priority === '') {
console.log(`empty: [${i}] ${surfers[i].priority}`);
continue;
} else {
console.log(`not empty: [${i}] ${surfers[i].priority}`);
let pos = parseInt(surfers[i].priority) - 1;
if (pos === 1) {
surfers[i].priority = 'P';
} else {
surfers[i].priority = pos.toString();
}
}
}
}
surfers[id].priority = max.toString();
} else {
console.log(`pressed: [${id}] ${surfers[id].priority}`);
let oldpos = parseInt(surfers[id].priority);
@ -137,7 +158,7 @@
}
}
} else {
surfers[i].priority = '5';
surfers[i].priority = max.toString();
console.log(`last: [${i}] ${surfers[i].priority}`);
}
}
@ -286,7 +307,7 @@
height: 100%;
border-radius: 20%;
font-size: 8vh;
animation: blink 2s 2;
/* animation: blink 2s 2; */
margin-right: auto;
background-color: white;
color: black;
@ -301,7 +322,7 @@
height: 100%;
border-radius: 20%;
font-size: 8vh;
animation: blink_white 2s 3;
/* animation: blink_white 2s 3; */
margin-right: auto;
background-color: black;
color: white;
@ -317,7 +338,7 @@
height: 85%;
border-radius: 20%;
font-size: 8vh;
animation: blink 2s 3;
/* animation: blink 2s 3; */
margin-right: auto;
margin-left: 30px;
background-color: #ccc;

57
frontend/src/routes/setup/+page.svelte
View file

@ -2,6 +2,29 @@
import { onMount } from 'svelte';
import Logo from "$lib/img/topscorer_logo_web.png"
let rounds = [
"Qualifying",
"Opening",
"Elimination",
"Round of 48",
"Round of 32",
"Round of 16",
"Quarterfinal",
"Semifinal",
"Final",
];
let categories = [
"Under 12 Women",
"Under 12 Men",
"Under 14 Women",
"Under 14 Men",
"Under 16 Women",
"Under 16 Men",
"Under 18 Women",
"Under 18 Men",
];
$: surfers = 2;
$: heats = [];
@ -28,10 +51,10 @@
});
heat = {
number: '',
number: 1,
name: '',
category: '',
timer: '',
timer: 20,
surfers: surfer_list
}
}
@ -174,14 +197,24 @@
<div class="container">
<div class="heat">
<label class="label" for="name">Name</label>
<input bind:value={heat.name} on:change={capitalize(heat, "name")} id="name" type="text">
<label class="label" for="heat">Heat</label>
<select name="heat" id="heat" bind:value={heat.name}>
{#each rounds as round}
<option value={round}>{round}</option>
{/each}
</select>
<!-- <input bind:value={heat.name} on:change={capitalize(heat, "name")} id="name" type="text"> -->
<label class="label" for="number">Number</label>
<input bind:value={heat.number} id="number" type="number" min="1" max="20">
<label class="label" for="category">Category</label>
<input bind:value={heat.category} on:change={capitalize(heat, "category")} id="category" type="text">
<label class="label" for="timer">Timer</label>
<input bind:value={heat.timer} id="timer" on:keydown={(event) => {event.preventDefault()}} type="number" min="5" max="60" step="5">
<select name="category" id="category" bind:value={heat.category}>
{#each categories as category}
<option value={category}>{category}</option>
{/each}
</select>
<!-- <input bind:value={heat.category} on:change={capitalize(heat, "category")} id="category" type="text"> -->
<label class="label" for="timer">Duration</label>
<input bind:value={heat.timer} id="timer" type="number" min="5" max="60" step="5"> <!-- on:keydown={(event) => {event.preventDefault()}} -->
</div>
<hr>
@ -275,6 +308,16 @@
padding-bottom: 2px;
}
.heat select {
font-size: 1.2rem;
border-radius: 6px;
margin-left: 0.1rem;
margin-right: 0.1rem;
padding-top: 2px;
padding-bottom: 2px;
}
.surfer {
font-size: 1.3rem;
margin-top: 2px;