starred/MediaManager
1
0
Fork 0
mirror of https://github.com/maxdorninger/MediaManager.git synced 2026-04-17 23:53:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #224 from maxdorninger/improve-frontend-for-imports

Browse Source 
Improve frontend for imports
This commit is contained in:
Maximilian Dorninger
2025-12-08 00:05:08 +01:00
committed by GitHub
parent e5c0690470 6ab897b899
commit 9f6d43d7de
3 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web/src/lib/components/stats/stat-cards.svelte
View File

@@ -5,6 +5,7 @@
import { isSemver, semverIsGreater } from '$lib/utils.ts';
import { env } from '$env/dynamic/public';
import { animate } from 'animejs';
import { resolve } from '$app/paths';
let moviesCount: string | null = $state(null);
let episodeCount: string | null = $state(null);
@@ -14,6 +15,9 @@
let releaseUrl: string | null = $state(null);
let newestVersion: string | null = $state(null);
let importablesShowsCount: number = $state(0);
let importablesMoviesCount: number = $state(0);
// Elements to animate
let showEl: HTMLSpanElement;
let episodeEl: HTMLSpanElement;
@@ -70,6 +74,15 @@
newestVersion = latestRelease.tag_name.toString().replace(/v*/, '');
releaseUrl = latestRelease.html_url;
}
let importableShows = await client.GET('/api/v1/tv/importable');
if (!importableShows.error) {
importablesShowsCount = importableShows.data.length;
}
let importableMovies = await client.GET('/api/v1/movies/importable');
if (!importableMovies.error) {
importablesMoviesCount = importableMovies.data.length;
}
});
</script>
@@ -94,6 +107,29 @@
<span bind:this={torrentEl}>{torrentCount ?? 'Error'}</span>
</Card>
</div>
{#if importablesShowsCount > 0}
<div class="flex-auto">
<Card title="Detected TV shows!" footer="Count of detected TV shows ready to import">
<a rel="external" target="_blank" href={resolve('/dashboard/tv/', {})} class="underline">
{importablesShowsCount}
</a>
</Card>
</div>
{/if}
{#if importablesMoviesCount > 0}
<div class="flex-auto">
<Card title="Detected movies!" footer="Count of detected movies ready to import">
<a
rel="external"
target="_blank"
href={resolve('/dashboard/movies/', {})}
class="underline"
>
{importablesMoviesCount}
</a>
</Card>
</div>
{/if}
<div class="flex-auto">
{#if semverIsGreater(newestVersion ?? '', installedVersion ?? '') || !isSemver(installedVersion ?? '')}
<Card title="New version available!" footer="A new version of MediaManager is available!">

4
web/src/routes/dashboard/movies/+page.svelte
View File

@@ -10,8 +10,8 @@
import { page } from '$app/state';
import ImportCandidatesDialog from '$lib/components/import-media/import-candidates-dialog.svelte';
import DetectedMediaCard from '$lib/components/import-media/detected-media-card.svelte';
let movies: components['schemas']['PublicMovie'][] = page.data.movies;
let importables = page.data.importable;
let movies: components['schemas']['PublicMovie'][] = $derived(page.data.movies);
let importables = $derived(page.data.importable);
</script>
<svelte:head>

4
web/src/routes/dashboard/tv/+page.svelte
View File

@@ -10,8 +10,8 @@
import ImportCandidatesDialog from '$lib/components/import-media/import-candidates-dialog.svelte';
import DetectedMediaCard from '$lib/components/import-media/detected-media-card.svelte';
let tvShows = $state(page.data.tvShows);
let importables = $state(page.data.importable);
let tvShows = $derived(page.data.tvShows);
let importables = $derived(page.data.importable);
</script>
<svelte:head>