mirror of
https://github.com/maxdorninger/MediaManager.git
synced 2026-04-23 01:05:39 +02:00
format files
This commit is contained in:
maxDorninger
@@ -1,102 +1,100 @@
|
||||
<script lang="ts">
|
||||
import {Button} from '$lib/components/ui/button/index.js';
|
||||
import {env} from '$env/dynamic/public';
|
||||
import * as Card from '$lib/components/ui/card/index.js';
|
||||
import {ImageOff} from 'lucide-svelte';
|
||||
import {goto} from '$app/navigation';
|
||||
import {base} from '$app/paths';
|
||||
import type {MetaDataProviderSearchResult} from '$lib/types.js';
|
||||
import {SvelteURLSearchParams} from 'svelte/reactivity';
|
||||
import type {components} from "$lib/api/api";
|
||||
import client from "$lib/api";
|
||||
import { Button } from '$lib/components/ui/button/index.js';
|
||||
import * as Card from '$lib/components/ui/card/index.js';
|
||||
import { ImageOff } from 'lucide-svelte';
|
||||
import { goto } from '$app/navigation';
|
||||
import { base } from '$app/paths';
|
||||
import type { components } from '$lib/api/api';
|
||||
import client from '$lib/api';
|
||||
|
||||
const apiUrl = env.PUBLIC_API_URL;
|
||||
let loading = $state(false);
|
||||
let errorMessage = $state<string | null>(null);
|
||||
let {result, isShow = true}: { result: components['schemas']['MetaDataProviderSearchResult']; isShow: boolean } =
|
||||
$props();
|
||||
console.log('Add Show Card Result: ', result);
|
||||
let loading = $state(false);
|
||||
let errorMessage = $state<string | null>(null);
|
||||
let {
|
||||
result,
|
||||
isShow = true
|
||||
}: { result: components['schemas']['MetaDataProviderSearchResult']; isShow: boolean } = $props();
|
||||
console.log('Add Show Card Result: ', result);
|
||||
|
||||
async function addMedia() {
|
||||
loading = true;
|
||||
let data;
|
||||
if (isShow) {
|
||||
const response = await client.POST("/api/v1/tv/shows", {
|
||||
params: {
|
||||
query: {
|
||||
show_id: result.external_id,
|
||||
metadata_provider: result.metadata_provider as "tmdb" | "tvdb"
|
||||
}
|
||||
}
|
||||
});
|
||||
data = response.data;
|
||||
} else {
|
||||
const response = await client.POST("/api/v1/movies", {
|
||||
params: {
|
||||
query: {
|
||||
movie_id: result.external_id,
|
||||
metadata_provider: result.metadata_provider as "tmdb" | "tvdb"
|
||||
}
|
||||
}
|
||||
});
|
||||
data = response.data;
|
||||
}
|
||||
await goto(`${base}/dashboard/${isShow ? 'tv' : 'movies'}/` + data?.id);
|
||||
loading = false;
|
||||
}
|
||||
async function addMedia() {
|
||||
loading = true;
|
||||
let data;
|
||||
if (isShow) {
|
||||
const response = await client.POST('/api/v1/tv/shows', {
|
||||
params: {
|
||||
query: {
|
||||
show_id: result.external_id,
|
||||
metadata_provider: result.metadata_provider as 'tmdb' | 'tvdb'
|
||||
}
|
||||
}
|
||||
});
|
||||
data = response.data;
|
||||
} else {
|
||||
const response = await client.POST('/api/v1/movies', {
|
||||
params: {
|
||||
query: {
|
||||
movie_id: result.external_id,
|
||||
metadata_provider: result.metadata_provider as 'tmdb' | 'tvdb'
|
||||
}
|
||||
}
|
||||
});
|
||||
data = response.data;
|
||||
}
|
||||
await goto(`${base}/dashboard/${isShow ? 'tv' : 'movies'}/` + data?.id);
|
||||
loading = false;
|
||||
}
|
||||
</script>
|
||||
|
||||
<Card.Root class="col-span-full flex h-full flex-col overflow-x-hidden sm:col-span-1">
|
||||
<Card.Header>
|
||||
<Card.Title class="flex h-12 items-center leading-tight">
|
||||
{result.name}
|
||||
{#if result.year != null}
|
||||
({result.year})
|
||||
{/if}
|
||||
</Card.Title>
|
||||
<Card.Description class="truncate"
|
||||
>{result.overview !== '' ? result.overview : 'No overview available'}</Card.Description
|
||||
>
|
||||
</Card.Header>
|
||||
<Card.Content class="flex flex-1 items-center justify-center">
|
||||
{#if result.poster_path != null}
|
||||
<img
|
||||
class="h-full w-full rounded-lg object-contain"
|
||||
src={result.poster_path}
|
||||
alt="{result.name}'s Poster Image"
|
||||
/>
|
||||
{:else}
|
||||
<div class="flex h-full w-full items-center justify-center">
|
||||
<ImageOff class="h-12 w-12 text-gray-400"/>
|
||||
</div>
|
||||
{/if}
|
||||
</Card.Content>
|
||||
<Card.Footer class="bg-card flex flex-col items-start gap-2 rounded-b-lg border-t p-4">
|
||||
<Button
|
||||
class="w-full font-semibold"
|
||||
disabled={result.added || loading}
|
||||
onclick={() => addMedia()}
|
||||
>
|
||||
{#if loading}
|
||||
<span class="animate-pulse">Loading...</span>
|
||||
{:else}
|
||||
{result.added ? 'Show already exists' : `Add ${isShow ? 'Show' : 'Movie'}`}
|
||||
{/if}
|
||||
</Button>
|
||||
<div class="flex w-full items-center gap-2">
|
||||
{#if result.vote_average != null}
|
||||
<Card.Header>
|
||||
<Card.Title class="flex h-12 items-center leading-tight">
|
||||
{result.name}
|
||||
{#if result.year != null}
|
||||
({result.year})
|
||||
{/if}
|
||||
</Card.Title>
|
||||
<Card.Description class="truncate"
|
||||
>{result.overview !== '' ? result.overview : 'No overview available'}</Card.Description
|
||||
>
|
||||
</Card.Header>
|
||||
<Card.Content class="flex flex-1 items-center justify-center">
|
||||
{#if result.poster_path != null}
|
||||
<img
|
||||
class="h-full w-full rounded-lg object-contain"
|
||||
src={result.poster_path}
|
||||
alt="{result.name}'s Poster Image"
|
||||
/>
|
||||
{:else}
|
||||
<div class="flex h-full w-full items-center justify-center">
|
||||
<ImageOff class="h-12 w-12 text-gray-400" />
|
||||
</div>
|
||||
{/if}
|
||||
</Card.Content>
|
||||
<Card.Footer class="bg-card flex flex-col items-start gap-2 rounded-b-lg border-t p-4">
|
||||
<Button
|
||||
class="w-full font-semibold"
|
||||
disabled={result.added || loading}
|
||||
onclick={() => addMedia()}
|
||||
>
|
||||
{#if loading}
|
||||
<span class="animate-pulse">Loading...</span>
|
||||
{:else}
|
||||
{result.added ? 'Show already exists' : `Add ${isShow ? 'Show' : 'Movie'}`}
|
||||
{/if}
|
||||
</Button>
|
||||
<div class="flex w-full items-center gap-2">
|
||||
{#if result.vote_average != null}
|
||||
<span class="flex items-center text-sm font-medium text-yellow-600">
|
||||
<svg class="mr-1 h-4 w-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"
|
||||
><path
|
||||
d="M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"
|
||||
/></svg
|
||||
>
|
||||
><path
|
||||
d="M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"
|
||||
/></svg
|
||||
>
|
||||
Rating: {Math.round(result.vote_average)}/10
|
||||
</span>
|
||||
{/if}
|
||||
</div>
|
||||
{#if errorMessage}
|
||||
<p class="w-full rounded bg-red-50 px-2 py-1 text-xs text-red-500">{errorMessage}</p>
|
||||
{/if}
|
||||
</Card.Footer>
|
||||
{/if}
|
||||
</div>
|
||||
{#if errorMessage}
|
||||
<p class="w-full rounded bg-red-50 px-2 py-1 text-xs text-red-500">{errorMessage}</p>
|
||||
{/if}
|
||||
</Card.Footer>
|
||||
</Card.Root>
|
||||
|
||||
Reference in New Issue
Block a user