MetzNet
/
vex_svelte
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added more display states

nm_live
noah metz 2024-01-06 13:46:14 -07:00
parent fd7b294410
commit 33b5fdc93d
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/+page.svelte
Unescape Escape View File

@ -211,7 +211,9 @@ onMount(() => {
</script> </script>
<div class={display_class}> <div class={display_class}>
{#if (display_state == "timer")} {#if (display_state == "init")}
<div class="banner"></div>
{:else if (display_state == "timer")}
<div class="score-grid"> <div class="score-grid">
<p id="event-name">{event_name}</p> <p id="event-name">{event_name}</p>
<p id="timer">{timer}</p> <p id="timer">{timer}</p>
@ -237,10 +239,14 @@ onMount(() => {
<div id="score-background-blue" style={`width: ${100 - score_midpoint_current}%`}> <div id="score-background-blue" style={`width: ${100 - score_midpoint_current}%`}>
</div> </div>
</div> </div>
{:else if (display_state == "init")} {:else if (display_state == "pre-game")}
<div class="banner"></div> <div id="pre-game"></div>
{:else if (display_state == "event-name")} {:else if (display_state == "event-name")}
<div class="banner"><p>{event_name}</p></div> <div class="banner"><p>{event_name}</p></div>
{:else if (display_state == "alliance-selection")}
<div class="banner"><p>210Y Selecting</p></div>
{:else if (display_state == "break")}
<div class="banner"><p>Practice @ 12:45</p></div>
{:else} {:else}
<div class="banner"><p>Invalid State {display_state}</p></div> <div class="banner"><p>Invalid State {display_state}</p></div>
{/if} {/if}