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

recursive navigation for merge and mangadetail

Browse Source 
add remove functionality
This commit is contained in:
glax
2025-10-15 00:33:20 +02:00
parent bd0e0b26c1
commit 4177a23fb8
3 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -52,15 +52,17 @@
@click="unlinkMetadataFetcher(row.original)" @click="unlinkMetadataFetcher(row.original)"
>Unlink</UButton >Unlink</UButton
> >
<UButton v-else :to="`/manga/${mangaId}/linkMetadata/${row.original}`" class="float-right px-4">Link</UButton> <UButton v-else :to="`/manga/${mangaId}/linkMetadata/${row.original}?return=${path}`" class="float-right px-4"
>Link</UButton
>
</template> </template>
</UTable> </UTable>
</UCard> </UCard>
</div> </div>
</div> </div>
<template #actions> <template #actions>
<UButton trailing-icon="i-lucide-merge" :to="`/manga/${manga?.key}/merge/`" color="secondary">Merge</UButton> <UButton trailing-icon="i-lucide-merge" :to="`/manga/${manga?.key}/merge?return=${path}`" color="secondary">Merge</UButton>
<UButton variant="soft" color="warning" icon="i-lucide-trash" /> <UButton variant="soft" color="warning" icon="i-lucide-trash" @click="remove" />
</template> </template>
</MangaDetailPage> </MangaDetailPage>
</template> </template>
@@ -71,6 +73,7 @@ const { $api } = useNuxtApp();
const route = useRoute(); const route = useRoute();
const mangaId = route.params.mangaId as string; const mangaId = route.params.mangaId as string;
const backUrl = route.query.return as string | undefined; const backUrl = route.query.return as string | undefined;
const path = route.fullPath;
const flashDownloading = route.query.download; const flashDownloading = route.query.download;
@@ -107,6 +110,12 @@ const unlinkMetadataFetcher = async (metadataFetcherName: string) => {
await refreshNuxtData(FetchKeys.Metadata.Manga(mangaId)); await refreshNuxtData(FetchKeys.Metadata.Manga(mangaId));
}; };
const remove = async () => {
await $api('/v2/Manga/{MangaId}', { method: 'DELETE', path: { MangaId: mangaId } });
await refreshNuxtData(FetchKeys.Manga.All);
navigateTo('/');
};
useHead({ title: 'Manga' }); useHead({ title: 'Manga' });
</script> </script>

6
website/app/pages/manga/[mangaId]/linkMetadata/[metadataFetcherName].vue
View File

@@ -1,8 +1,5 @@
<template> <template>
<MangaDetailPage <MangaDetailPage :manga="manga" :back-url="backUrl" :title="metadataFetcherName">
:manga="manga"
:back="{ text: 'Back', href: `/manga/${mangaId}`, icon: 'i-lucide-arrow-left' }"
:title="metadataFetcherName">
<USkeleton v-if="status === 'pending'" class="w-full h-14" /> <USkeleton v-if="status === 'pending'" class="w-full h-14" />
<UCard v-else class="flex flex-wrap gap-2"> <UCard v-else class="flex flex-wrap gap-2">
<div <div
@@ -27,6 +24,7 @@
const route = useRoute(); const route = useRoute();
const mangaId = route.params.mangaId as string; const mangaId = route.params.mangaId as string;
const metadataFetcherName = route.params.metadataFetcherName as string; const metadataFetcherName = route.params.metadataFetcherName as string;
const backUrl = route.query.return as string | undefined;
const { $api } = useNuxtApp(); const { $api } = useNuxtApp();
const { data: manga } = await useApi('/v2/Manga/{MangaId}', { const { data: manga } = await useApi('/v2/Manga/{MangaId}', {

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

@@ -1,8 +1,5 @@
<template> <template>
<MangaDetailPage <MangaDetailPage :manga="manga" :back-url="backUrl" title="Merge with">
:manga="manga"
:back="{ text: 'Back', href: backUrl ?? `/manga/${mangaId}`, icon: 'i-lucide-arrow-left' }"
title="Merge with">
<USkeleton v-if="!mangas" class="w-full h-[350px]" /> <USkeleton v-if="!mangas" class="w-full h-[350px]" />
<MangaCardList :manga="mangas" @click="(m) => navigateTo(`/manga/${mangaId}/merge/${m.key}?return=${path}`)" /> <MangaCardList :manga="mangas" @click="(m) => navigateTo(`/manga/${mangaId}/merge/${m.key}?return=${path}`)" />
</MangaDetailPage> </MangaDetailPage>