From 54b56419470ef90c2a5810219a7bba159e494ec9 Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Fri, 28 Mar 2025 15:36:34 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20mise=20=C3=A0=20jour=20de=20la=20gestio?=
 =?UTF-8?q?n=20de=20la=20disponibilit=C3=A9=20des=20chapitres=20dans=20les?=
 =?UTF-8?q?=20composants=20MangaChapter=20et=20MangaDetails,=20rempla?=
 =?UTF-8?q?=C3=A7ant=20isDownloaded=20par=20isAvailable=20pour=20une=20mei?=
 =?UTF-8?q?lleure=20clart=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manga/presentation/components/MangaChapter.vue   | 12 +++++-------
 .../domain/manga/presentation/pages/MangaDetails.vue |  5 +++--
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/assets/vue/app/domain/manga/presentation/components/MangaChapter.vue b/assets/vue/app/domain/manga/presentation/components/MangaChapter.vue
index c188e55..379f933 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaChapter.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaChapter.vue
@@ -1,26 +1,24 @@
 <template>
     <tr class="border-t hover:bg-green-100">
-        <td class="px-4 py-2" :class="{ 'text-green-500': chapter.isDownloaded }">
+        <td class="px-4 py-2" :class="{ 'text-green-500': chapter.isAvailable }">
             {{ String(chapter.number).padStart(2, '0') }}
         </td>
         <td class="px-4 py-2 w-full text-left">
             <router-link
-                v-if="chapter.isDownloaded"
+                v-if="chapter.isAvailable"
                 :to="{
                     name: 'reader',
                     params: {
-                        mangaSlug: mangaSlug,
-                        chapterNumber: chapter.number,
-                        pageNumber: 1
+                        chapterId: chapter.id
                     }
                 }"
-                class="hover:text-green-500">
+                class="text-green-500">
                 {{ chapter.title || 'Sans titre' }}
             </router-link>
             <span v-else>{{ chapter.title || 'Sans titre' }}</span>
         </td>
         <td class="px-4 py-2 flex justify-end gap-2">
-            <button v-if="!chapter.isDownloaded" @click="handleSearch" class="text-gray-500 hover:text-green-500">
+            <button v-if="!chapter.isAvailable" @click="handleSearch" class="text-gray-500 hover:text-green-500">
                 <MagnifyingGlassIcon class="h-5 w-5" />
             </button>
             <button v-else @click="handleDelete" class="text-gray-500 hover:text-green-500">
diff --git a/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue b/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
index 1cac766..d8c2e7d 100644
--- a/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
+++ b/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
@@ -46,14 +46,15 @@
                     chapters: []
                 });
             }
+
             volumeMap.get(volumeNumber).chapters.push({
                 ...chapter,
-                isDownloaded: Boolean(chapter.cbzPath)
+                isAvailable: Boolean(chapter.isAvailable)
             });
         });
 
         for (const volume of volumeMap.values()) {
-            volume.downloadedChapter = volume.chapters.filter(c => c.isDownloaded).length;
+            volume.downloadedChapter = volume.chapters.filter(c => c.isAvailable).length;
             volume.totalChapter = volume.chapters.length;
         }