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

Add Komga connection setting

Browse Source
This commit is contained in:
glax
2025-10-16 00:05:47 +02:00
parent 68ec11afea
commit d987dd0ebb
4 changed files with 86 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
website/app/pages/settings.vue
View File

@@ -6,7 +6,14 @@
<h1>Libraries</h1>
</template>
<template #footer>
<UButton icon="i-lucide-plus" class="w-fit" @click="addLibraryModal.open()">Add</UButton>
<div class="flex flex-row gap-2">
<UButton icon="i-lucide-plus" class="w-fit" @click="addLibraryModal.open()">Add</UButton>
<UTooltip :text="komgaConnected ? 'Disconnect Komga' : 'Connect Komga'">
<UButton :icon="komgaConnected ? 'i-lucide-unlink' : 'i-lucide-link'" class="w-fit" @click="onKomgaClick"
>Komga</UButton
>
</UTooltip>
</div>
</template>
<FileLibraries />
</UCard>
@@ -27,12 +34,14 @@
</template>
<script setup lang="ts">
import { LazyAddLibraryModal } from '#components';
import { LazyAddLibraryModal, LazyKomgaModal } from '#components';
import FileLibraries from '~/components/FileLibraries.vue';
import { refreshNuxtData } from '#app';
const overlay = useOverlay();
const { $api } = useNuxtApp();
const addLibraryModal = overlay.create(LazyAddLibraryModal);
const komgaModal = overlay.create(LazyKomgaModal);
const config = useRuntimeConfig();
const apiUrl = ref(config.public.openFetch.api.baseURL);
@@ -52,5 +61,16 @@ const cleanUpDatabase = async () => {
cleanUpDatabaseBusy.value = false;
};
const { data: libraries } = useApi('/v2/LibraryConnector', { key: FetchKeys.Libraries.All });
const komgaConnected = computed(() => libraries.value?.find((l) => l.type === "Komga")?.key);
const onKomgaClick = async () => {
if (!komgaConnected.value) {
komgaModal.open();
}else{
await $api("/v2/LibraryConnector/{LibraryConnectorId}", { method: "DELETE", path: { LibraryConnectorId: komgaConnected.value } });
await refreshNuxtData(FetchKeys.Libraries.All);
}
};
useHead({ title: 'Settings' });
</script>