starred/MediaManager
1
0
Fork 0
mirror of https://github.com/maxdorninger/MediaManager.git synced 2026-04-21 16:25:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: refactor show data access in page.svelte and update download button in season-requests-table.svelte

Browse Source
This commit is contained in:
maxDorninger
2025-05-25 12:23:54 +02:00
parent cbde0296a5
commit e9578cbeaf
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/lib/components/season-requests-table.svelte
View File

@@ -135,7 +135,7 @@
class=""
size="sm"
variant="outline"
onclick={() => goto(base+"/dashboard/tv/"+request.show.id + "/" + request.season.number)}
onclick={() => goto(base+"/dashboard/tv/"+request.show.id)}
>
Download manually
</Button>

19
web/src/routes/dashboard/tv/[showId=uuid]/[SeasonNumber=integer]/+page.svelte
View File

@@ -13,10 +13,7 @@
const SeasonNumber = page.params.SeasonNumber;
let seasonFiles: PublicSeasonFile[] = $state(page.data.files);
let show: Show = getContext('show');
let season: Season = $state();
show.seasons.forEach((item) => {
if (item.number === parseInt(SeasonNumber)) season = item;
});
let season: Season = $derived(show().seasons.find((item) => item.number === parseInt(SeasonNumber)));
console.log('loaded files', seasonFiles);
</script>
@@ -40,9 +37,9 @@
</Breadcrumb.Item>
<Breadcrumb.Separator class="hidden md:block"/>
<Breadcrumb.Item>
<Breadcrumb.Link href="/dashboard/tv/{show.id}">
{show.name}
{show.year == null ? '' : '(' + show.year + ')'}
<Breadcrumb.Link href="/dashboard/tv/{show().id}">
{show().name}
{show().year == null ? '' : '(' + show().year + ')'}
</Breadcrumb.Link>
</Breadcrumb.Item>
<Breadcrumb.Separator class="hidden md:block"/>
@@ -54,20 +51,20 @@
</div>
</header>
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">
{getFullyQualifiedShowName(show)} Season {SeasonNumber}
{getFullyQualifiedShowName(show())} Season {SeasonNumber}
</h1>
<div class="flex flex-1 flex-col gap-4 p-4">
<div class="flex items-center gap-2">
<div class="max-h-50% w-1/3 max-w-sm rounded-xl bg-muted/50">
<img
class="aspect-9/16 h-auto w-full rounded-lg object-cover"
src="{env.PUBLIC_API_URL}/static/image/{show.id}.jpg"
alt="{show.name}'s Poster Image"
alt="{show().name}'s Poster Image"
src="{env.PUBLIC_API_URL}/static/image/{show().id}.jpg"
/>
</div>
<div class="h-full w-1/4 flex-auto rounded-xl bg-muted/50 p-4">
<p class="leading-7 [&:not(:first-child)]:mt-6">
{show.overview}
{show().overview}
</p>
</div>
<div class="h-full w-1/3 flex-auto rounded-xl bg-muted/50 p-4">