mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-11 21:29:50 +02:00
Add merge page
This commit is contained in:
@@ -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>
|
||||
|
@@ -26,13 +26,12 @@
|
||||
<UPageBody class="relative pr-4">
|
||||
<div class="w-full flex flex-row justify-between">
|
||||
<div>
|
||||
<UButton variant="soft" :to="backPath??'/'" icon="i-lucide-arrow-left">Back</UButton>
|
||||
<UButton variant="soft" :to="backPath ?? '/'" icon="i-lucide-arrow-left">Back</UButton>
|
||||
<p v-if="title" class="text-3xl">{{ title }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<slot name="actions">
|
||||
|
||||
</slot>
|
||||
<div v-if="manga" class="flex flex-row gap-2">
|
||||
<UButton trailing-icon="i-lucide-merge" :to="`${manga.key}/merge/`">Merge</UButton>
|
||||
<slot name="actions" />
|
||||
</div>
|
||||
</div>
|
||||
<slot />
|
||||
|
Reference in New Issue
Block a user