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

max 6 lines

Browse source
This commit is contained in:
Miki 2024-01-09 15:59:05 +01:00
parent f4d8320817
commit b50f1f061e
1 changed files with 21 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/routes/light/setup/+page.svelte
View file

@ -11,9 +11,10 @@
{ color: 'gray', priority: 'P' },
{ color: 'gray', priority: '4' },
{ color: 'gray', priority: '3' },
{ color: 'gray', priority: '6' },
{ color: 'gray', priority: '5' },
];
$: surfers = 5;
$: surfers = 6;
$: if (saved && surfer) {
window.sessionStorage.setItem('priority', JSON.stringify(surfer));
@ -47,7 +48,8 @@
{:else}
<div class="priority" id="n">{surfer[id].priority}</div>
{/if}
<div class="color" style:background-color={surfer[id].color}></div>
<div class="color" style:background-color={surfer[id].color}>
</div>
</li>
{/each}
</ul>
@ -60,6 +62,7 @@
<li style="--height:{setup_height}vh">
{#if surfer[id].priority == 'P'}
<div class="priority" id="p"><a href="/">{surfer[id].priority}</a></div>
<!-- <span>{footer_height} - {setup_height}</span> -->
{:else}
<div class="priority" id="n">{surfer[id].priority}</div>
{/if}
@ -68,22 +71,22 @@
{/each}
</ul>
<div class="footer" style="--height:{footer_height}vh">
<span>{footer_height} - {setup_height}</span>
<!-- <span>{footer_height} - {setup_height}</span>
<span style:padding-left="20px"></span>
{#each Array(surfers) as _, id}
<span style:padding-left="20px"></span><span>{surfer[id].color}</span>
{/each}
<br>
<Button label="+" handleClick={() => {if (surfers < 5) surfers += 1;}} />
<span class="surfers">{surfers}</span>
<br> -->
<Button label="+" handleClick={() => {if (surfers < 6) surfers += 1;}} />
<Button label={surfers} />
<Button label="-" handleClick={() => {if (surfers > 2) surfers -= 1;}} />
{#each Array(surfers) as _, id}
<span style:padding-left="16px"></span>
<span style:padding-left="1vmin"></span>
<Color id="color{id}" label="Color-{id+1}" bind:value={surfer[id].color} />
{/each}
<span style:padding-left="16px"></span>
<span style:padding-left="1vmin"></span>
<Button label="Reset" handleClick={() => {saved = false; window.sessionStorage.clear(); location.reload();}} />
<span style:padding-left="16px"></span>
<span style:padding-left="1vmin"></span>
<Button label="START" handleClick={() => {start = true;}} />
</div>
{/if}
@ -116,6 +119,7 @@
margin-top: 0.2vh;
margin-bottom: 0.2vh;
overflow: hidden;
height: var(--height);
}
.priority {
@ -143,12 +147,11 @@
}
.footer {
position: fixed;
display: fixed;
bottom: 0;
background-color: aqua;
border: 2px solid black;
background-color: darkgrey;
/* border: 2px solid black; */
width: 100%;
height: var(--height);
}
</style>