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

Fix LibrarySelect

Browse Source
This commit is contained in:
glax
2025-10-16 19:11:43 +02:00
parent 20c9824ce1
commit 732e1a7b1f
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
website/app/components/LibrarySelect.vue
View File

@@ -33,7 +33,7 @@ export interface LibrarySelectProps {
const props = defineProps<LibrarySelectProps>(); const props = defineProps<LibrarySelectProps>();
const library = computed(() => props.libraryId); const library = ref(props.libraryId);
const { data: libraries } = await useApi('/v2/FileLibrary', { key: FetchKeys.FileLibraries }); const { data: libraries } = await useApi('/v2/FileLibrary', { key: FetchKeys.FileLibraries });
const loading = ref(false); const loading = ref(false);
@@ -46,5 +46,10 @@ const onLibrarySelectChange = async () => {
}); });
await refreshNuxtData(FetchKeys.Manga.Id(props.mangaId)); await refreshNuxtData(FetchKeys.Manga.Id(props.mangaId));
loading.value = false; loading.value = false;
emit('libraryChanged', library.value);
}; };
const emit = defineEmits<{
(e: 'libraryChanged', id?: string): void;
}>();
</script> </script>

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

@@ -7,7 +7,7 @@
<template #header> <template #header>
<h1 class="font-semibold">Download</h1> <h1 class="font-semibold">Download</h1>
</template> </template>
<LibrarySelect :manga-id="mangaId" :library-id="manga?.fileLibraryId" class="w-full" /> <LibrarySelect :manga-id="mangaId" :library-id="manga?.fileLibraryId" class="w-full" @library-changed="refreshNuxtData(FetchKeys.Manga.Id(mangaId))" />
<div v-if="manga" class="flex flex-row gap-2 w-full flex-wrap my-2 justify-between"> <div v-if="manga" class="flex flex-row gap-2 w-full flex-wrap my-2 justify-between">
<div <div
v-for="mangaconnectorId in manga.mangaConnectorIds.sort((a, b) => v-for="mangaconnectorId in manga.mangaConnectorIds.sort((a, b) =>