CaZzzer/amqtrain
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

song type schema stuff

Browse Source
This commit is contained in:
Yura
2026-02-06 11:37:39 -08:00
parent f63841e69f
commit 8cb04e0295
3 changed files with 57 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/routes/songs/+page.svelte
View File

@@ -15,9 +15,9 @@
import { addAllToQueue, playAllNext } from "$lib/player/player.svelte";
import { trackFromSongRow } from "$lib/player/types";
import type { PageData } from "./$types";
import { SearchParamsSchema } from "./schema";
import { SearchParamsSchemaClient } from "./schema";
const params = useSearchParams(SearchParamsSchema, {
const params = useSearchParams(SearchParamsSchemaClient, {
pushHistory: false,
showDefaults: false,
});
@@ -135,49 +135,54 @@
</form>
{#if data.songRows.length > 0}
<div class="mt-6 flex flex-wrap gap-2">
<Button
variant="outline"
class="cursor-pointer"
onclick={() => addAllToQueue(tracksFromResults)}
disabled={tracksFromResults.length === 0}
>
Add all to queue
</Button>
<div class="mt-6 flex flex-col gap-2">
<div class="flex flex-wrap gap-2">
<Button
variant="outline"
class="cursor-pointer"
onclick={() => addAllToQueue(tracksFromResults)}
disabled={tracksFromResults.length === 0}
>
Add all to queue
</Button>
<Button
variant="outline"
class="cursor-pointer"
onclick={() => playAllNext(tracksFromResults)}
disabled={tracksFromResults.length === 0}
>
Play all next
</Button>
<Button
variant="outline"
class="cursor-pointer"
onclick={() => playAllNext(tracksFromResults)}
disabled={tracksFromResults.length === 0}
>
Play all next
</Button>
{#if tracksFromResults.length !== data.songRows.length}
<span class="self-center text-sm text-muted-foreground">
({tracksFromResults.length} playable)
</span>
{/if}
{#if tracksFromResults.length !== data.songRows.length}
<span class="self-center text-sm text-muted-foreground">
({tracksFromResults.length} playable)
</span>
{/if}
</div>
<div class="flex items-center gap-4">
<h2 class="text-lg font-semibold">Songs</h2>
<span>{data.songRows.length}</span>
</div>
<ul class="space-y-2">
{#each data.songRows as r (r.annSongId)}
<li>
<SongEntry
annSongId={r.annSongId}
animeName={r.animeMainName}
type={r.type}
number={r.number}
songName={r.songName}
artistName={songArtistLabel(r)}
fileName={r.fileName}
/>
</li>
{/each}
</ul>
</div>
<h2 class="mt-6 text-lg font-semibold">Songs</h2>
<ul class="mt-3 space-y-2">
{#each data.songRows as r (r.annSongId)}
<li>
<SongEntry
annSongId={r.annSongId}
animeName={r.animeMainName}
type={r.type}
number={r.number}
songName={r.songName}
artistName={songArtistLabel(r)}
fileName={r.fileName}
/>
</li>
{/each}
</ul>
{:else if Object.values(params).some((val) => (Array.isArray(val) && val.length > 0) || (typeof val === "string" && val.trim() !== "") || typeof val === "number")}
<p class="mt-4 text-sm text-muted-foreground">
No songs found matching your criteria.