Toutes les séries

Découvrez notre catalogue de séries en VF et VOSTFR

Catalogue des séries

0 films trouvés

// Configuration spécifique à la page Séries class SeriesPage extends XalaFlix { constructor() { super(); this.currentView = 'grid'; this.currentFilters = { genre: 'all', year: 'all', quality: 'all', sort: 'title' }; this.currentPage = 1; this.itemsPerPage = 20; this.init(); } async init() { await super.init(); this.setupSerieFilters(); this.loadSeries(); } // Configurer les filtres de séries setupSerieFilters() { // Récupérer les paramètres de l'URL const urlParams = new URLSearchParams(window.location.search); this.currentFilters.genre = urlParams.get('genre') || 'all'; this.currentFilters.year = urlParams.get('year') || 'all'; this.currentFilters.quality = urlParams.get('quality') || 'all'; this.currentFilters.sort = urlParams.get('sort') || 'title'; // Mettre à jour les selects const genreSelect = document.getElementById('genreFilter'); const yearSelect = document.getElementById('yearFilter'); const qualitySelect = document.getElementById('qualityFilter'); const sortSelect = document.getElementById('sortFilter'); if (genreSelect) genreSelect.value = this.currentFilters.genre; if (yearSelect) yearSelect.value = this.currentFilters.year; if (qualitySelect) qualitySelect.value = this.currentFilters.quality; if (sortSelect) sortSelect.value = this.currentFilters.sort; // Event listeners pour les filtres genreSelect?.addEventListener('change', () => this.updateURL()); yearSelect?.addEventListener('change', () => this.updateURL()); qualitySelect?.addEventListener('change', () => this.updateURL()); sortSelect?.addEventListener('change', () => this.updateURL()); } // Mettre à jour l'URL avec les filtres actuels updateURL() { const genreSelect = document.getElementById('genreFilter'); const yearSelect = document.getElementById('yearFilter'); const qualitySelect = document.getElementById('qualityFilter'); const sortSelect = document.getElementById('sortFilter'); this.currentFilters.genre = genreSelect?.value || 'all'; this.currentFilters.year = yearSelect?.value || 'all'; this.currentFilters.quality = qualitySelect?.value || 'all'; this.currentFilters.sort = sortSelect?.value || 'title'; const params = new URLSearchParams(); if (this.currentFilters.genre !== 'all') params.set('genre', this.currentFilters.genre); if (this.currentFilters.year !== 'all') params.set('year', this.currentFilters.year); if (this.currentFilters.quality !== 'all') params.set('quality', this.currentFilters.quality); if (this.currentFilters.sort !== 'title') params.set('sort', this.currentFilters.sort); const newURL = `${window.location.pathname}${params.toString() ? '?' + params.toString() : ''}`; window.history.pushState({}, '', newURL); this.applyFilters(); } // Appliquer les filtres applyFilters() { this.loadSeries(); } // Réinitialiser les filtres resetFilters() { this.currentFilters = { genre: 'all', year: 'all', quality: 'all', sort: 'title' }; this.currentPage = 1; // Mettre à jour les selects const genreSelect = document.getElementById('genreFilter'); const yearSelect = document.getElementById('yearFilter'); const qualitySelect = document.getElementById('qualityFilter'); const sortSelect = document.getElementById('sortFilter'); if (genreSelect) genreSelect.value = 'all'; if (yearSelect) yearSelect.value = 'all'; if (qualitySelect) qualitySelect.value = 'all'; if (sortSelect) sortSelect.value = 'title'; // Mettre à jour l'URL window.history.pushState({}, '', window.location.pathname); this.loadSeries(); } // Basculer entre vue grille et liste toggleView(viewType) { const gridBtn = document.querySelector('.view-btn:first-child'); const listBtn = document.querySelector('.view-btn:last-child'); const moviesGrid = document.getElementById('moviesGrid'); const moviesList = document.getElementById('moviesList'); if (viewType === 'grid') { gridBtn.classList.add('active'); listBtn.classList.remove('active'); moviesGrid.style.display = 'grid'; moviesList.style.display = 'none'; this.currentView = 'grid'; } else { listBtn.classList.add('active'); gridBtn.classList.remove('active'); moviesList.style.display = 'block'; moviesGrid.style.display = 'none'; this.currentView = 'list'; } this.loadSeries(); } // Charger les séries async loadSeries() { try { const filteredSeries = this.filterSeries( this.currentFilters.genre, this.currentFilters.year, this.currentFilters.quality, this.currentFilters.sort ); const pagination = this.paginateItems(filteredSeries, this.currentPage); // Mettre à jour le compteur const resultsCount = document.getElementById('resultsCount'); if (resultsCount) { resultsCount.textContent = filteredMovies.length; } // Mettre à jour la pagination this.updatePagination(pagination); // Afficher les séries if (this.currentView === 'grid') { this.displaySeriesGrid(pagination.items); } else { this.displaySeriesList(pagination.items); } // Afficher/masquer l'état vide const emptyState = document.getElementById('emptyState'); if (emptyState) { emptyState.style.display = pagination.items.length === 0 ? 'block' : 'none'; } } catch (error) { console.error('Erreur chargement séries:', error); } } // Afficher les séries en grille displaySeriesGrid(series) { const seriesGrid = document.getElementById('seriesGrid'); if (!seriesGrid) return; seriesGrid.innerHTML = ''; series.forEach(series => { const movieCard = document.createElement('div'); movieCard.className = 'movie-card'; movieCard.onclick = () => this.showMovieDetail(movie.id); movieCard.innerHTML = `

${series.quality || 'HD'}

${series.title}

${series.release_year || '2024'}

${series.rating || '4.5'}

${series.languages ? series.languages.split(',').map(lang => `${lang.trim()}`).join('') : 'VF'}

`; seriesGrid.appendChild(movieCard); }); } // Afficher les séries en liste displaySeriesList(series) { const seriesList = document.getElementById('seriesList'); if (!seriesList) return; seriesList.innerHTML = ''; series.forEach(series => { const seriesItem = document.createElement('div'); seriesItem.className = 'movie-list-item'; seriesItem.onclick = () => this.showSeriesDetail(series.id); seriesItem.innerHTML = `

${series.title}

${series.release_year || '2024'} ${series.duration || '120 min'}

${series.rating || '4.5'}

${series.synopsis || 'Synopsis non disponible.'}

${series.languages ? series.languages.split(',').map(lang => `${lang.trim()}`).join('') : 'VF'}

`; seriesList.appendChild(seriesItem); }); } // Mettre à jour la pagination updatePagination(pagination) { const paginationContainer = document.getElementById('paginationContainer'); const paginationInfo = document.getElementById('paginationInfo'); if (!paginationContainer || !paginationInfo) return; // Info pagination paginationInfo.innerHTML = ` Page ${pagination.currentPage} sur ${pagination.totalPages} (${pagination.totalItems} séries au total) `; // Boutons pagination let paginationHTML = '

'; // Précédent if (pagination.currentPage > 1) { paginationHTML += ``; } // Pages for (let i = Math.max(1, pagination.currentPage - 2); i <= Math.min(pagination.totalPages, pagination.currentPage + 2); i++) { paginationHTML += ``; } // Suivant if (pagination.currentPage < pagination.totalPages) { paginationHTML += ``; } paginationHTML += '

'; paginationContainer.innerHTML = paginationHTML; } // Aller à une page spécifique goToPage(page) { this.currentPage = page; this.loadSeries(); } // Afficher le détail d'une série showSeriesDetail(seriesId) { const series = this.series.find(s => s.id === seriesId); if (!series) return; // Mettre à jour le modal document.getElementById('seriesDetailTitle').textContent = series.title; document.getElementById('seriesDetailTitle2').textContent = series.title; document.getElementById('seriesDetailPoster').src = series.poster || 'https://images.unsplash.com/photo-1446776653964-20c1d3a81b06?w=400&h=600&fit=crop'; document.getElementById('seriesDetailPoster').alt = series.title; document.getElementById('seriesDetailYear').textContent = series.release_year || '2024'; document.getElementById('seriesDetailDuration').textContent = series.duration || '120 min'; document.getElementById('seriesDetailRating').innerHTML = ` ${series.rating || '4.5'}`; document.getElementById('seriesDetailSynopsis').textContent = series.synopsis || 'Synopsis non disponible.'; // Genres const genresContainer = document.getElementById('seriesDetailGenres'); genresContainer.innerHTML = series.languages ? series.languages.split(',').map(lang => `${lang.trim()}`).join('') : 'VF'; // Ouvrir le modal openModal('seriesDetailModal'); } } // Initialisation de la page Series const seriesPage = new SeriesPage(); // Fonctions globales pour les événements HTML function toggleView(viewType) { seriesPage.toggleView(viewType); } function applyFilters() { seriesPage.applyFilters(); } function resetFilters() { seriesPage.resetFilters(); } function showSeriesDetail(seriesId) { seriesPage.showSeriesDetail(seriesId); } function addToWatchlist() { // TODO: Implémenter l'ajout à la watchlist xalaFlix.showNotification('Série ajoutée à votre liste!', 'success'); closeModal('seriesDetailModal'); } function openPlayer() { // TODO: Implémenter l'ouverture du lecteur closeModal('seriesDetailModal'); xalaFlix.showNotification('Ouverture du lecteur...', 'info'); }

Toutes les séries

Catalogue des séries

Aucun film trouvé

Connexion

Inscription

Lecteur vidéo

Détail de la série