Trushy/Jeopardy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Editor: Adjusted game link and added no games image

Browse Source
This commit is contained in:
Jonas Kappa
2025-12-28 13:02:36 +01:00
parent daf3f779aa
commit aaf09e13f5
1 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/routes/editor/+page.svelte
View File

@@ -1,4 +1,5 @@
<script lang="ts">
import { goto } from "$app/navigation";
import Modal from "$lib/Modal.svelte";
import type { Game } from "$lib/Types";
import { url } from "$lib/util";
@@ -62,6 +63,7 @@
.then((response) => {
if (response.status === 200) {
games = response.data;
games.sort((a, b) => a.name.localeCompare(b.name));
} else {
console.error("Could not fetch games: " + response.status);
}
@@ -83,25 +85,39 @@
><i class="fa-solid fa-plus"></i> Neues Spiel</button
>
</div>
<div class="flex flex-col space-y-4 overflow-y-auto">
{#each games as game}
<div
class="ms-4 me-4 flex items-center justify-between rounded-xl border-2 p-2 hover:cursor-pointer hover:bg-emerald-200"
>
<a class="" href={`${game._id}`}>{game.name}</a>
<!-- svelte-ignore a11y_consider_explicit_label -->
<button
type="button"
class="btn border-red-600 text-red-600"
onclick={(event) => {
event.stopPropagation();
gameToDelete = game;
showDeleteGame = true;
}}><i class="fa-solid fa-trash"></i></button
{#if games.length > 0}
<div class="flex flex-col space-y-4 overflow-y-auto">
{#each games as game}
<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_static_element_interactions -->
<div
class="ms-4 me-4 flex items-center justify-between rounded-xl border-2 p-2 hover:cursor-pointer hover:bg-emerald-200"
onclick={() => {
goto(`/editor/${game._id}`);
}}
>
</div>
{/each}
</div>
<div>
{game.name}
</div>
<!-- svelte-ignore a11y_consider_explicit_label -->
<button
type="button"
class="btn border-red-600 text-red-600"
onclick={(event) => {
event.stopPropagation();
gameToDelete = game;
showDeleteGame = true;
}}><i class="fa-solid fa-trash"></i></button
>
</div>
{/each}
</div>
{:else}
<div class="flex h-full w-full grow-2 flex-col items-center justify-center">
<div class="text-[128px] text-gray-300"><i class="fa-solid fa-database"></i></div>
<div class="text-[24px] text-gray-500 select-none">Noch keine Spiele vorhanden</div>
</div>
{/if}
</div>
<Modal bind:showModal={showNewGame} okFn={addNewGame} cancelFn={addNewGameCancel}>