glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-10-15 09:50:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Metadatafetcher template #176

Browse Source
This commit is contained in:
glax
2025-10-14 11:14:25 +02:00
parent f94bc3676c
commit cdcc953ea2
5 changed files with 73 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
website/app/composables/FetchKeys.ts
View File

@@ -3,4 +3,5 @@ export const FetchKeys = {
Chapters: { All: 'Chapters' },
Manga: { All: 'Manga', Id: (id: string) => `Manga/${id}` },
MangaConnector: { Id: (id: string) => `MangaConnector/${id}`, All: 'MangaConnector' },
Metadata: { Fetchers: 'Metadata', Links: 'Metadata/Links', Manga: (mangaId: string) => `Metadata/Links/${mangaId}` },
};

2
website/app/pages/download/[mangaconnectorName]/[mangaId].vue → website/app/pages/manga/[mangaId]/download/[mangaConnectorName].vue
View File

@@ -19,7 +19,7 @@
<script setup lang="ts">
const route = useRoute();
const mangaId = route.params.mangaId as string;
const mangaConnectorName = route.params.mangaconnectorName as string;
const mangaConnectorName = route.params.mangaConnectorName as string;
const { data: manga } = await useApi('/v2/Manga/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Manga.Id(mangaId) });
const libraryId = ref(manga.value?.fileLibraryId);

59
website/app/pages/manga/[mangaId]/index.vue
View File

@@ -2,29 +2,45 @@
<MangaDetailPage :manga="manga">
<div class="grid gap-3 max-sm:grid-flow-row-dense min-sm:grid-cols-[70%_30%]">
<ChaptersList v-if="manga" :manga-id="manga.key" />
<UCard>
<template #header>
<h1>Download</h1>
</template>
<LibrarySelect :manga-id="mangaId" :library-id="libraryId" class="w-full" />
<div v-if="manga" class="flex flex-row gap-2 w-full flex-wrap my-2 justify-between">
<div
v-for="mangaconnectorId in manga.mangaConnectorIds.sort((a, b) =>
<div class="flex flex-col gap-2">
<UCard>
<template #header>
<h1>Download</h1>
</template>
<LibrarySelect :manga-id="mangaId" :library-id="libraryId" class="w-full" />
<div v-if="manga" class="flex flex-row gap-2 w-full flex-wrap my-2 justify-between">
<div
v-for="mangaconnectorId in manga.mangaConnectorIds.sort((a, b) =>
a.mangaConnectorName < b.mangaConnectorName ? -1 : 1
)"
:key="mangaconnectorId.key"
class="bg-elevated p-1 rounded-lg w-fit flex items-center justify-center gap-2">
<MangaconnectorIcon v-bind="mangaconnectorId" />
<UTooltip
:text="mangaconnectorId.useForDownload ? 'Stop downloading from this website' : 'Download from this website'">
<UButton
:icon="mangaconnectorId.useForDownload ? 'i-lucide-cloud-off' : 'i-lucide-cloud-download'"
variant="ghost"
@click="setRequestedFrom(mangaconnectorId.mangaConnectorName, !mangaconnectorId.useForDownload)" />
</UTooltip>
:key="mangaconnectorId.key"
class="bg-elevated p-1 rounded-lg w-fit flex items-center justify-center gap-2">
<MangaconnectorIcon v-bind="mangaconnectorId" />
<UTooltip
:text="mangaconnectorId.useForDownload ? 'Stop downloading from this website' : 'Download from this website'">
<UButton
:icon="mangaconnectorId.useForDownload ? 'i-lucide-cloud-off' : 'i-lucide-cloud-download'"
variant="ghost"
@click="setRequestedFrom(mangaconnectorId.mangaConnectorName, !mangaconnectorId.useForDownload)" />
</UTooltip>
</div>
</div>
</div>
</UCard>
</UCard>
<UCard>
<template #header>
<h1>Metadata</h1>
</template>
<UTable v-if="metadataFetchers && metadata" :data="metadataFetchers" :columns="[{header: 'Name', id: 'name'}, {header: '', id: 'link'}]">
<template #name-cell="{ row }">
{{ row.original }}
</template>
<template #link-cell="{ row }">
<UButton v-if="metadata.find(me => me.metadataFetcherName == row.original)">Unlink</UButton>
<UButton v-else :to="`/manga/${mangaId}/linkMetadata/${row.original}`">Link</UButton>
</template>
</UTable>
</UCard>
</div>
</div>
<template #actions>
<UButton trailing-icon="i-lucide-merge" :to="`${manga?.key}/merge/`" color="secondary">Merge</UButton>
@@ -49,6 +65,9 @@ const { data: manga } = await useApi('/v2/Manga/{MangaId}', {
});
const libraryId = ref(manga.value?.fileLibraryId);
const { data: metadataFetchers } = await useApi('/v2/MetadataFetcher', { key: FetchKeys.Metadata.Fetchers });
const { data: metadata } = await useApi('/v2/MetadataFetcher/Links/{MangaId}', { path: { MangaId: mangaId }, key: FetchKeys.Metadata.Manga(mangaId) });
const setRequestedFrom = async (MangaConnectorName: string, IsRequested: boolean) => {
await useApi('/v2/Manga/{MangaId}/DownloadFrom/{MangaConnectorName}/{IsRequested}', {
method: 'PATCH',

31
website/app/pages/manga/[mangaId]/linkMetadata/[metadataFetcherName].vue Normal file
View File

@@ -0,0 +1,31 @@
<template>
<MangaDetailPage :manga="manga">
<UCard>
<template #header>
<h1>{{ metadataFetcherName }}</h1>
</template>
<template #default>
<p>tbd</p>
</template>
</UCard>
</MangaDetailPage>
</template>
<script setup lang="ts">
const route = useRoute();
const mangaId = route.params.mangaId as string;
const metadataFetcherName = route.params.metadataFetcherName as string;
const { data: manga } = await useApi('/v2/Manga/{MangaId}', {
path: { MangaId: mangaId },
key: FetchKeys.Manga.Id(mangaId),
onResponseError: (e) => {
console.error(e);
navigateTo('/');
},
});
useHead({ title: `Link Metadata ${manga.value?.name} ${metadataFetcherName}` });
</script>

2
website/app/pages/search.vue
View File

@@ -42,7 +42,7 @@
:expanded="i === expanded"
@click="expanded = expanded === i ? -1 : i">
<template #actions="manga">
<UButton :to="`download/${connector.name}/${manga.key}`">Download</UButton>
<UButton :to="`/manga/${manga.key}/download/${connector.name}`">Download</UButton>
</template>
</MangaCard>
</div>