colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ajout de la gestion des clics sur les mangas dans le composant HomePage, permettant la navigation vers la page de détails du manga sélectionné

Browse Source
This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2025-03-31 16:55:49 +02:00
parent 9950d7ff84
commit 34dfa57dc0
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/vue/app/domain/manga/presentation/pages/HomePage.vue
View File

@@ -3,7 +3,10 @@
<Toolbar :config="toolbarConfig" class="sticky top-16 z-10" /> <Toolbar :config="toolbarConfig" class="sticky top-16 z-10" />
<div class="container mx-auto px-4"> <div class="container mx-auto px-4">
<MangaGrid v-if="viewMode === 'grid'" :mangas="collection?.items || []" /> <MangaGrid v-if="viewMode === 'grid'" :mangas="collection?.items || []" />
<MangaList v-else-if="viewMode === 'list'" :mangas="collection?.items || []" /> <MangaList
v-else-if="viewMode === 'list'"
:mangas="collection?.items || []"
@manga-click="handleMangaClick" />
<div <div
v-if="isBackgroundLoading" v-if="isBackgroundLoading"
class="fixed bottom-4 right-4 bg-gray-800 text-white px-4 py-2 rounded-lg shadow-lg"> class="fixed bottom-4 right-4 bg-gray-800 text-white px-4 py-2 rounded-lg shadow-lg">
@@ -46,6 +49,10 @@
mangaStore.loadCollection(); mangaStore.loadCollection();
}); });
const handleMangaClick = manga => {
router.push({ name: 'manga-details', params: { id: manga.id } });
};
const toolbarConfig = { const toolbarConfig = {
leftSection: [ leftSection: [
{ {