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

Add list of Mangaconnectors that Manga is available from

Browse Source
This commit is contained in:
glax
2025-10-13 19:48:09 +02:00
parent b8e5696d36
commit b8563fdeb6
4 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,10 +6,35 @@
<template #header>
<h1>Download</h1>
</template>
<LibrarySelect :manga-id="mangaId" :library-id="libraryId" />
<LibrarySelect :manga-id="mangaId" :library-id="libraryId" class="w-full" />
<div v-if="manga" class="flex flex-row gap-2 w-full flex-wrap my-2">
<div
v-for="mangaconnectorId in manga.mangaConnectorIds.sort((a, b) =>
a.mangaConnectorName < b.mangaConnectorName ? -1 : 1
)"
:key="mangaconnectorId.key"
class="bg-elevated p-1 rounded-lg w-fit flex items-center justify-center gap-2">
<MangaconnectorIcon v-bind="mangaconnectorId" />
<UTooltip
:text="
mangaconnectorId.useForDownload
? 'Stop downloading from this website'
: 'Download from this website'
">
<UButton
:icon="
mangaconnectorId.useForDownload ? 'i-lucide-cloud-off' : 'i-lucide-cloud-download'
"
variant="ghost"
disabled />
<!-- Not implemented yet -->
</UTooltip>
</div>
</div>
</UCard>
</div>
<template #actions>
<UButton trailing-icon="i-lucide-merge" :to="`${manga.key}/merge/`" color="secondary">Merge</UButton>
<UButton variant="soft" color="warning" icon="i-lucide-trash" />
</template>
</MangaDetailPage>