feat: ajout de la fonctionnalité de téléchargement des volumes de manga, avec mise à jour de l'API et des composants pour gérer l'indicateur de chargement et le téléchargement des fichiers.

assets/vue/app/domain/manga/application/store/mangaStore.js

@@ -231,6 +231,16 @@ export const useMangaStore = defineStore('manga', {
                 console.error('Erreur lors du masquage du chapitre:', error);
                 throw error;
             }
+        },
+
+        // --- Download Volume Action ---
+        async downloadVolume(mangaId, volumeNumber) {
+            try {
+                await mangaRepository.downloadVolume(mangaId, volumeNumber);
+            } catch (error) {
+                console.error('Erreur lors du téléchargement du volume:', error);
+                throw error;
+            }
         }
     }
 });

assets/vue/app/domain/manga/infrastructure/api/apiMangaRepository.js

@@ -243,4 +243,44 @@ export class ApiMangaRepository {
             throw error;
         }
     }
+
+    async downloadVolume(mangaId, volumeNumber) {
+        try {
+            const response = await fetch(`/api/mangas/${mangaId}/volumes/${volumeNumber}/download`);
+            if (!response.ok) {
+                throw new Error('Failed to download volume');
+            }
+
+            // Récupérer le nom du fichier depuis les headers
+            const contentDisposition = response.headers.get('Content-Disposition');
+            let filename = `volume-${volumeNumber}.zip`;
+
+            if (contentDisposition) {
+                const filenameMatch = contentDisposition.match(/filename="?(.+)"?/);
+                if (filenameMatch) {
+                    filename = filenameMatch[1];
+                }
+            }
+
+            // Créer un blob à partir de la réponse
+            const blob = await response.blob();
+
+            // Créer un lien de téléchargement temporaire
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = filename;
+            document.body.appendChild(link);
+            link.click();
+
+            // Nettoyer
+            document.body.removeChild(link);
+            window.URL.revokeObjectURL(url);
+
+            return true;
+        } catch (error) {
+            console.error('API Error:', error);
+            throw error;
+        }
+    }
 }

assets/vue/app/domain/manga/presentation/components/MangaVolume.vue

@@ -41,8 +41,15 @@
                     }">
                     <MagnifyingGlassIcon class="h-6 w-6" />
                 </button>
-                <button class="w-8 text-center" @click="handleDownload">
-                    <ArrowDownTrayIcon class="h-6 w-6 text-gray-500 hover:text-green-500" />
+                <button
+                    class="w-8 text-center"
+                    @click="handleDownload"
+                    :class="{
+                        'text-yellow-500 cursor-wait': isDownloading,
+                        'text-gray-500 hover:text-green-500': !isDownloading
+                    }"
+                    :disabled="isDownloading">
+                    <ArrowDownTrayIcon class="h-6 w-6" />
                 </button>
             </div>
         </div>
@@ -93,6 +100,7 @@ import MangaChapterList from './MangaChapterList.vue';
     const store = useMangaStore();
     const isOpen = ref(props.isOpen);
     const isSearching = ref(false);
+    const isDownloading = ref(false);
 
     const toggleVolume = () => {
         isOpen.value = !isOpen.value;
@@ -137,7 +145,17 @@ import MangaChapterList from './MangaChapterList.vue';
     };
 
     const handleDownload = async () => {
-        // TODO: Implémenter le téléchargement du volume
-        console.log('Téléchargement du volume:', props.volume.number);
+        try {
+            console.log(`MangaVolume: Téléchargement du volume ${props.volume.number} (Manga ID: ${props.mangaId})`);
+            // Montrer l'indicateur de chargement
+            isDownloading.value = true;
+
+            await store.downloadVolume(props.mangaId, props.volume.number);
+        } catch (error) {
+            console.error('Erreur lors du téléchargement du volume:', error);
+        } finally {
+            // Arrêter l'indicateur de chargement
+            isDownloading.value = false;
+        }
     };
 </script>