mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-11 13:19:49 +02:00
33 lines
1.1 KiB
Vue
33 lines
1.1 KiB
Vue
<template>
|
|
<UPageSection title="Settings"/>
|
|
<UPageSection title="Libraries" orientation="horizontal">
|
|
<FileLibraries />
|
|
<UButton icon="i-lucide-plus" class="w-fit" @click="() => addLibraryModal.open()">Add</UButton>
|
|
</UPageSection>
|
|
<UPageSection title="Maintenance" orientation="horizontal">
|
|
<div class="flex flex-col gap-1 items-end basis-1">
|
|
<UButton icon="i-lucide-database" :loading="cleanUpDatabaseBusy" class="w-fit" @click="cleanUpDatabase"
|
|
>Clean database</UButton
|
|
>
|
|
</div>
|
|
</UPageSection>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { LazyAddLibraryModal } from '#components';
|
|
|
|
import FileLibraries from '~/components/FileLibraries.vue';
|
|
const overlay = useOverlay();
|
|
const config = useRuntimeConfig();
|
|
|
|
const addLibraryModal = overlay.create(LazyAddLibraryModal);
|
|
|
|
const cleanUpDatabaseBusy = ref(false);
|
|
const cleanUpDatabase = () => {
|
|
cleanUpDatabaseBusy.value = true;
|
|
$fetch(`${config.public.openFetch.api.baseURL}v2/Maintenance/CleanupNoDownloadManga`).finally(
|
|
() => (cleanUpDatabaseBusy.value = false)
|
|
);
|
|
};
|
|
</script>
|