mirror of
https://github.com/maxdorninger/MediaManager.git
synced 2026-04-26 10:45:38 +02:00
format frontend files
This commit is contained in:
maxid
8294
web/src/lib/api/api.d.ts
vendored
8294
web/src/lib/api/api.d.ts
vendored
File diff suppressed because it is too large
Load Diff
@@ -6,7 +6,7 @@
|
||||
import type { components } from '$lib/api/api';
|
||||
import { Spinner } from '$lib/components/ui/spinner';
|
||||
import SuggestedMediaCard from '$lib/components/import-media/suggested-media-card.svelte';
|
||||
import {invalidateAll} from "$app/navigation";
|
||||
import { invalidateAll } from '$app/navigation';
|
||||
|
||||
let {
|
||||
isTv,
|
||||
@@ -26,50 +26,50 @@
|
||||
async function handleImportMedia(media: components['schemas']['MetaDataProviderSearchResult']) {
|
||||
isImporting = true;
|
||||
submitRequestError = null;
|
||||
let errored = null;
|
||||
if(isTv) {
|
||||
let { data } = await client.POST('/api/v1/tv/shows', {
|
||||
params: {
|
||||
query: {
|
||||
metadata_provider: media.metadata_provider as 'tmdb' | 'tvdb',
|
||||
show_id: media.external_id
|
||||
}
|
||||
}
|
||||
});
|
||||
let showId = data?.id ?? 'no_id';
|
||||
const { error } = await client.POST('/api/v1/tv/importable/{show_id}', {
|
||||
params: {
|
||||
path: {
|
||||
show_id: showId
|
||||
},
|
||||
query: {
|
||||
directory: name
|
||||
}
|
||||
}
|
||||
});
|
||||
errored = error;
|
||||
}else{
|
||||
let { data } = await client.POST('/api/v1/movies', {
|
||||
params: {
|
||||
query: {
|
||||
metadata_provider: media.metadata_provider as 'tmdb' | 'tvdb',
|
||||
movie_id: media.external_id
|
||||
}
|
||||
}
|
||||
});
|
||||
let movieId = data?.id ?? 'no_id';
|
||||
const { error } = await client.POST('/api/v1/movies/importable/{movie_id}', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: movieId
|
||||
},
|
||||
query: {
|
||||
directory: name
|
||||
}
|
||||
}
|
||||
});
|
||||
errored = error;
|
||||
}
|
||||
let errored = null;
|
||||
if (isTv) {
|
||||
let { data } = await client.POST('/api/v1/tv/shows', {
|
||||
params: {
|
||||
query: {
|
||||
metadata_provider: media.metadata_provider as 'tmdb' | 'tvdb',
|
||||
show_id: media.external_id
|
||||
}
|
||||
}
|
||||
});
|
||||
let showId = data?.id ?? 'no_id';
|
||||
const { error } = await client.POST('/api/v1/tv/importable/{show_id}', {
|
||||
params: {
|
||||
path: {
|
||||
show_id: showId
|
||||
},
|
||||
query: {
|
||||
directory: name
|
||||
}
|
||||
}
|
||||
});
|
||||
errored = error;
|
||||
} else {
|
||||
let { data } = await client.POST('/api/v1/movies', {
|
||||
params: {
|
||||
query: {
|
||||
metadata_provider: media.metadata_provider as 'tmdb' | 'tvdb',
|
||||
movie_id: media.external_id
|
||||
}
|
||||
}
|
||||
});
|
||||
let movieId = data?.id ?? 'no_id';
|
||||
const { error } = await client.POST('/api/v1/movies/importable/{movie_id}', {
|
||||
params: {
|
||||
path: {
|
||||
movie_id: movieId
|
||||
},
|
||||
query: {
|
||||
directory: name
|
||||
}
|
||||
}
|
||||
});
|
||||
errored = error;
|
||||
}
|
||||
isImporting = false;
|
||||
|
||||
if (errored) {
|
||||
@@ -78,8 +78,8 @@
|
||||
dialogOpen = false;
|
||||
toast.success('Imported successfully!');
|
||||
}
|
||||
await invalidateAll()
|
||||
}
|
||||
await invalidateAll();
|
||||
}
|
||||
</script>
|
||||
|
||||
<Dialog.Root bind:open={dialogOpen}>
|
||||
|
||||
@@ -7,12 +7,11 @@
|
||||
import MediaPicture from '$lib/components/media-picture.svelte';
|
||||
import { resolve } from '$app/paths';
|
||||
import type { components } from '$lib/api/api.d.ts';
|
||||
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';
|
||||
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 importables = page.data.importable;
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
@@ -43,41 +42,41 @@
|
||||
</header>
|
||||
<main class="flex w-full flex-1 flex-col gap-4 p-4 pt-0">
|
||||
<h1 class="scroll-m-20 text-center text-4xl font-extrabold tracking-tight lg:text-5xl">Movies</h1>
|
||||
{#if importables.length > 0}
|
||||
<div
|
||||
class="grid w-full auto-rows-min gap-4 sm:grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-4"
|
||||
>
|
||||
{#each importables as importable (importable.directory)}
|
||||
<DetectedMediaCard isTv={false} directory={importable.directory}>
|
||||
<ImportCandidatesDialog
|
||||
isTv={false}
|
||||
name={importable.directory}
|
||||
candidates={importable.candidates}
|
||||
>
|
||||
Import movie
|
||||
</ImportCandidatesDialog>
|
||||
</DetectedMediaCard>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
{#if importables.length > 0}
|
||||
<div
|
||||
class="grid w-full auto-rows-min gap-4 sm:grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-4"
|
||||
>
|
||||
{#each importables as importable (importable.directory)}
|
||||
<DetectedMediaCard isTv={false} directory={importable.directory}>
|
||||
<ImportCandidatesDialog
|
||||
isTv={false}
|
||||
name={importable.directory}
|
||||
candidates={importable.candidates}
|
||||
>
|
||||
Import movie
|
||||
</ImportCandidatesDialog>
|
||||
</DetectedMediaCard>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div
|
||||
class="grid w-full auto-rows-min gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
|
||||
>
|
||||
{#each movies as movie (movie.id)}
|
||||
<a href={resolve('/dashboard/movies/[movieId]', { movieId: movie.id! })}>
|
||||
<Card.Root class="col-span-full max-w-[90vw] ">
|
||||
<Card.Header>
|
||||
<Card.Title class="h-6 truncate">{getFullyQualifiedMediaName(movie)}</Card.Title>
|
||||
<Card.Description class="truncate">{movie.overview}</Card.Description>
|
||||
</Card.Header>
|
||||
<Card.Content>
|
||||
<MediaPicture media={movie} />
|
||||
</Card.Content>
|
||||
</Card.Root>
|
||||
</a>
|
||||
{:else}
|
||||
<div class="col-span-full text-center text-muted-foreground">No movies added yet.</div>
|
||||
{/each}
|
||||
{#each movies as movie (movie.id)}
|
||||
<a href={resolve('/dashboard/movies/[movieId]', { movieId: movie.id! })}>
|
||||
<Card.Root class="col-span-full max-w-[90vw] ">
|
||||
<Card.Header>
|
||||
<Card.Title class="h-6 truncate">{getFullyQualifiedMediaName(movie)}</Card.Title>
|
||||
<Card.Description class="truncate">{movie.overview}</Card.Description>
|
||||
</Card.Header>
|
||||
<Card.Content>
|
||||
<MediaPicture media={movie} />
|
||||
</Card.Content>
|
||||
</Card.Root>
|
||||
</a>
|
||||
{:else}
|
||||
<div class="col-span-full text-center text-muted-foreground">No movies added yet.</div>
|
||||
{/each}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -5,5 +5,5 @@ export const load: PageLoad = async ({ fetch }) => {
|
||||
const importable = await client.GET('/api/v1/movies/importable', { fetch: fetch });
|
||||
const movies = await client.GET('/api/v1/movies', { fetch: fetch });
|
||||
|
||||
return {movies: movies.data, importable: importable.data};
|
||||
return { movies: movies.data, importable: importable.data };
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user