/** * Watchlist UI functions */ /** * Display watchlist items */ async function displayWatchlist(status = null) { const container = document.getElementById('watchlistContainer'); if (!container) return; try { container.innerHTML = '

Chargement de la watchlist...

'; const items = await getWatchlist(status); const stats = await getWatchlistStats(); if (items.length === 0) { container.innerHTML = `

Aucun anime dans votre watchlist

Ajoutez des animes depuis la recherche pour commencer le suivi automatique

`; return; } // Render stats let statsHtml = ''; if (stats && stats.total > 0) { statsHtml = `

${stats.total}

Total

${stats.active}

Actifs

${stats.paused}

En pause

${stats.completed}

Terminés

`; } // Render items let itemsHtml = ''; items.forEach(item => { const statusIcon = getStatusIcon(item.status); const statusBadge = getStatusBadge(item.status); const lastEpInfo = item.last_episode_downloaded > 0 ? `Dernier épisode: ${item.last_episode_downloaded}` : ''; itemsHtml += `

${escapeHtml(item.anime_title)}

${statusBadge}

${statusIcon} ${item.provider_id} • ${item.lang.toUpperCase()}

${lastEpInfo ? `

${lastEpInfo}

` : ''} ${item.last_checked ? `

Dernière vérification: ${new Date(item.last_checked).toLocaleString('fr-FR')}

` : '

Jamais vérifié

'}

${item.status === 'active' && item.auto_download ? ` ` : item.status === 'paused' ? ` ` : ''}

${item.synopsis ? `

📖 Synopsis

${escapeHtml(item.synopsis)}

` : ''}

`; }); container.innerHTML = statsHtml + itemsHtml; } catch (error) { console.error('Error loading watchlist:', error); container.innerHTML = `

❌ Erreur lors du chargement: ${error.message}

`; } } /** * Get status icon */ function getStatusIcon(status) { const icons = { 'active': '✅', 'paused': '⏸️', 'completed': '✨', 'archived': '📦' }; return icons[status] || '📌'; } /** * Get status badge */ function getStatusBadge(status) { const badges = { 'active': 'Actif', 'paused': 'En pause', 'completed': 'Terminé', 'archived': 'Archivé' }; return badges[status] || ''; } /** * Add anime to watchlist from search results */ async function handleAddToWatchlist(animeUrl, providerId) { try { // Get anime details from the DOM or API const response = await fetch(`${API_BASE}/anime/metadata?url=${encodeURIComponent(animeUrl)}`); if (!response.ok) { throw new Error('Failed to fetch anime details'); } const metadata = await response.json(); const itemData = { anime_title: metadata.title || 'Unknown Anime', anime_url: animeUrl, provider_id: providerId, lang: 'vostfr', auto_download: true, quality_preference: 'auto', poster_image: metadata.poster_image || null, cover_image: metadata.cover_image || null, synopsis: metadata.synopsis || null, genres: metadata.genres || [] }; const result = await addToWatchlist(itemData); alert(`✅ "${result.anime_title}" a été ajouté à votre watchlist!`); // Update button to show it's already in watchlist updateAddButton(animeUrl, true); } catch (error) { console.error('Error adding to watchlist:', error); alert(`❌ Erreur: ${error.message}`); } } /** * Update add button state */ function updateAddButton(animeUrl, isInWatchlist) { // Find all buttons for this anime const buttons = document.querySelectorAll(`[data-watchlist-url="${encodeURIComponent(animeUrl)}"]`); buttons.forEach(button => { if (isInWatchlist) { button.innerHTML = '✓ Suivi'; button.disabled = true; button.style.opacity = '0.6'; } else { button.innerHTML = '+ Suivre'; button.disabled = false; button.style.opacity = '1'; } }); } /** * Pause watchlist item */ async function handlePauseWatchlist(itemId) { try { await pauseWatchlistItem(itemId); await displayWatchlist(); alert('✅ Anime mis en pause'); } catch (error) { console.error('Error pausing item:', error); alert(`❌ Erreur: ${error.message}`); } } /** * Resume watchlist item */ async function handleResumeWatchlist(itemId) { try { await resumeWatchlistItem(itemId); await displayWatchlist(); alert('✅ Anime réactivé'); } catch (error) { console.error('Error resuming item:', error); alert(`❌ Erreur: ${error.message}`); } } /** * Check specific item */ async function handleCheckItem(itemId) { const button = event.target; const originalText = button.innerHTML; try { button.disabled = true; button.innerHTML = '⏳...'; const result = await checkWatchlistItem(itemId); if (result.new_episodes_found > 0) { alert(`🎉 ${result.new_episodes_found} nouveau(x) épisode(s) trouvé(s)!\n\n${result.episodes_downloaded.length} téléchargé(s)`); } else { alert('ℹ️ Aucun nouvel épisode trouvé'); } await displayWatchlist(); } catch (error) { console.error('Error checking item:', error); alert(`❌ Erreur: ${error.message}`); } finally { button.disabled = false; button.innerHTML = originalText; } } /** * Delete watchlist item */ async function handleDeleteWatchlist(itemId) { if (!confirm('⚠️ Êtes-vous sûr de vouloir supprimer cet anime de votre watchlist ?')) { return; } try { await deleteFromWatchlist(itemId); await displayWatchlist(); alert('✅ Anime supprimé de la watchlist'); } catch (error) { console.error('Error deleting item:', error); alert(`❌ Erreur: ${error.message}`); } } /** * Check all items */ async function handleCheckAll() { const button = event.target; const originalText = button.innerHTML; try { button.disabled = true; button.innerHTML = '⏳ Vérification...'; const result = await checkAllWatchlistItems(); alert(`✅ Vérification terminée!\n\n${result.checked} animes vérifiés\n${result.total_new_episodes} nouveaux épisodes trouvés\n${result.total_downloaded} téléchargés`); await displayWatchlist(); } catch (error) { console.error('Error checking all:', error); alert(`❌ Erreur: ${error.message}`); } finally { button.disabled = false; button.innerHTML = originalText; } } // Make functions available globally window.displayWatchlist = displayWatchlist; window.handleAddToWatchlist = handleAddToWatchlist; window.handlePauseWatchlist = handlePauseWatchlist; window.handleResumeWatchlist = handleResumeWatchlist; window.handleCheckItem = handleCheckItem; window.handleDeleteWatchlist = handleDeleteWatchlist; window.handleCheckAll = handleCheckAll;