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

Settings move API Url to top, hide settings when not connected

Browse Source
This commit is contained in:
glax
2025-10-16 00:16:02 +02:00
parent 35ca5b9550
commit 20c9824ce1
3 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,13 +1,21 @@
<template>
<UPageBody>
<UPageSection title="Settings">
<UCard>
<template #description>
<div>
<p>API Url</p>
<UInput v-model="apiUrl" class="max-w-full w-xs" placeholder="http://<ip:port>/" />
<UButton :loading="reloading" class="mx-1" @click="setUrl">Set</UButton>
<p v-if="settingsStatus === 'error'" class="text-warning">Unable to connect to api.</p>
</div>
</template>
<UCard v-if="settingsStatus === 'success'">
<template #header>
<h1>Libraries</h1>
</template>
<template #footer>
<div class="flex flex-row gap-2">
<UButton icon="i-lucide-plus" class="w-fit" @click="addLibraryModal.open()">Add</UButton>
<UButton icon="i-lucide-plus" class="w-fit" @click="addLibraryModal.open()">Add FileLibrary</UButton>
<UTooltip :text="komgaConnected ? 'Disconnect Komga' : 'Connect Komga'">
<UButton
:icon="komgaConnected ? 'i-lucide-unlink' : 'i-lucide-link'"
@@ -26,17 +34,13 @@
</template>
<FileLibraries />
</UCard>
<UCard>
<UCard v-if="settingsStatus === 'success'">
<template #header>
<h1>Maintenance</h1>
</template>
<UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" class="w-fit mb-2" @click="cleanUpDatabase"
>Clean database</UButton
>
<UFormField label="API Url" name="apiUrl">
<UInput v-model="apiUrl" class="max-w-full w-xs" placeholder="http://<ip:port>/" />
<UButton :loading="reloading" class="mx-1" @click="setUrl">Set</UButton>
</UFormField>
</UCard>
</UPageSection>
</UPageBody>
@@ -91,5 +95,7 @@ const onKavitaClick = async () => {
}
};
const { data: settings, status: settingsStatus } = useApi('/v2/Settings', { key: FetchKeys.Settings.All });
useHead({ title: 'Settings' });
</script>