TerribleDev/WATLRatingCalculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

it works

Browse Source
This commit is contained in:
Tommy Parnell
2024-05-07 16:48:26 -04:00
parent 36906113ba
commit 93313f91e7
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/+layout.svelte
View File

@@ -4,7 +4,7 @@
<body> <body>
<main class="container"> <main class="container-fluid">
<slot /> <slot />
</main> </main>

20
src/routes/+page.svelte
View File

@@ -140,6 +140,7 @@
</section> </section>
<section> <section>
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore(0); setScore(0);
@@ -152,54 +153,63 @@
}}>1</button }}>1</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore(2); setScore(2);
}}>2</button }}>2</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore(3); setScore(3);
}}>3</button }}>3</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore(4); setScore(4);
}}>4</button }}>4</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore(5); setScore(5);
}}>5</button }}>5</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore(6); setScore(6);
}}>6</button }}>6</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing || (!currentGameEditing.KillEnabled && !isKill(currentScoreEditing) && !isDrop(currentScoreEditing))} disabled={disableEditing || (!currentGameEditing.KillEnabled && !isKill(currentScoreEditing) && !isDrop(currentScoreEditing))}
on:click={() => { on:click={() => {
setScore('killHit6'); setScore('killHit6');
}}>{getLabelForScore('killHit6')}</button }}>{getLabelForScore('killHit6')}</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing || (!currentGameEditing.KillEnabled && !isKill(currentScoreEditing) && !isDrop(currentScoreEditing))} disabled={disableEditing || (!currentGameEditing.KillEnabled && !isKill(currentScoreEditing) && !isDrop(currentScoreEditing))}
on:click={() => { on:click={() => {
setScore('killHit8'); setScore('killHit8');
}}>{getLabelForScore('killHit8')}</button }}>{getLabelForScore('killHit8')}</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing || (!currentGameEditing.KillEnabled && !isKill(currentScoreEditing) && !isDrop(currentScoreEditing))} disabled={disableEditing || (!currentGameEditing.KillEnabled && !isKill(currentScoreEditing) && !isDrop(currentScoreEditing))}
on:click={() => { on:click={() => {
setScore('killMiss'); setScore('killMiss');
}}>{getLabelForScore('killMiss')}</button }}>{getLabelForScore('killMiss')}</button
> >
<button <button
class="flexrowButton"
disabled={disableEditing} disabled={disableEditing}
on:click={() => { on:click={() => {
setScore('drop'); setScore('drop');
@@ -236,8 +246,8 @@
on:click={() => { on:click={() => {
gameEditing = game.gameId; gameEditing = game.gameId;
}} }}
>Edit</button></td> >Edit</button>
<td><button <button
disabled={game === currentGameEditing} disabled={game === currentGameEditing}
on:click={() => { on:click={() => {
const newGames = $storedGames = $storedGames.filter((g, i) => i !== gameIndex); const newGames = $storedGames = $storedGames.filter((g, i) => i !== gameIndex);
@@ -247,7 +257,8 @@
$storedGames = newGames; $storedGames = newGames;
gameEditing = ""; gameEditing = "";
}} }}
>Delete</button></td> >Delete</button>
</td>
</tr> </tr>
{/each} {/each}
</tbody> </tbody>
@@ -265,4 +276,7 @@
gap: 0.5rem; gap: 0.5rem;
min-height: 3.1rem; min-height: 3.1rem;
} }
.flexrowButton {
margin-bottom: 1rem;
}
</style> </style>