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

Library Change

Browse Source
This commit is contained in:
glax
2025-10-12 02:28:01 +02:00
parent f0bacc86bd
commit b2948b54da
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,10 @@
icon="i-lucide-library-big" icon="i-lucide-library-big"
color="secondary" color="secondary"
:items="libraries?.map((l) => l.key)" :items="libraries?.map((l) => l.key)"
class="w-xs"> class="w-xs"
@change="onLibrarySelectChange"
:loading="loading"
>
<template #default="{ modelValue }"> <template #default="{ modelValue }">
<p v-if="modelValue"> <p v-if="modelValue">
<span class="mr-2">{{ libraries?.find((l) => l.key == modelValue)?.libraryName }}</span> <span class="mr-2">{{ libraries?.find((l) => l.key == modelValue)?.libraryName }}</span>
@@ -23,6 +26,7 @@
<script setup lang="ts"> <script setup lang="ts">
export interface LibrarySelectProps { export interface LibrarySelectProps {
mangaId: string;
libraryId?: string; libraryId?: string;
} }
@@ -30,4 +34,12 @@ const props = defineProps<LibrarySelectProps>();
const library = ref(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 onLibrarySelectChange = async () => {
if (!library.value) return;
loading.value = true;
await useApi('/v2/Manga/{MangaId}/ChangeLibrary/{LibraryId}', { method: 'POST', path: { MangaId: props.mangaId, LibraryId: library.value } });
loading.value = false;
}
</script> </script>