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

Add merge page

Browse Source
This commit is contained in:
glax
2025-09-27 22:47:53 +02:00
parent c4b94c007d
commit 01021ef28b
9 changed files with 81 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
website/app/components/ChaptersList.vue
View File

@@ -1,6 +1,11 @@
<template>
<UPageList>
<UPageCard v-for="chapter in chapters" :key="chapter.key" :title="chapter.title" orientation="horizontal" :ui="{ container: 'p-2 sm:p-2'}">
<UPageCard
v-for="chapter in chapters"
:key="chapter.key"
:title="chapter.title"
orientation="horizontal"
:ui="{ container: 'p-2 sm:p-2' }">
<template #leading>
<Icon v-if="chapter.downloaded" name="i-lucide-circle-x" />
<Icon v-else name="i-lucide-circle-check-big" class="stroke-green-500" />
@@ -14,7 +19,11 @@
</template>
<template #default>
<div>
<MangaconnectorIcon v-for="mangaconnectorId in chapter.mangaConnectorIds.sort((a,b) => a.mangaConnectorName < b.mangaConnectorName ? -1 : 1)" v-bind="mangaconnectorId" />
<MangaconnectorIcon
v-for="mangaconnectorId in chapter.mangaConnectorIds.sort((a, b) =>
a.mangaConnectorName < b.mangaConnectorName ? -1 : 1
)"
v-bind="mangaconnectorId" />
</div>
</template>
</UPageCard>
@@ -22,12 +31,12 @@
</template>
<script setup lang="ts">
import {id} from "#ui/locale";
import { id } from '#ui/locale';
export interface ChaptersListProps {
mangaId: string;
}
const props = defineProps<ChaptersListProps>();
const { data: chapters } = useApi('/v2/Manga/{MangaId}/Chapters', { path: { MangaId: props.mangaId }})
</script>
const { data: chapters } = useApi('/v2/Manga/{MangaId}/Chapters', { path: { MangaId: props.mangaId } });
</script>