Cedric/mon-petit-cinema
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualiser js/public.js

Browse Source
This commit is contained in:
Cedric
2026-07-03 08:55:29 +02:00
parent e95aafe628
commit e0c7d9a303
1 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/public.js
+37 -24
View File
@@ -21,6 +21,7 @@ function getStarsHTML(rating) {
function generateStreamingSelect() {
const select = document.getElementById('pub-streaming-select');
if (!select) return;
const platforms = new Set();
films.forEach(f => {
if (f.type === 'critique' && f.streaming &&
@@ -32,6 +33,7 @@ function generateStreamingSelect() {
});
}
});
const sortedPlatforms = Array.from(platforms).sort();
select.innerHTML = '<option value="">Toutes les plateformes</option>';
sortedPlatforms.forEach(platform => {
@@ -40,6 +42,7 @@ function generateStreamingSelect() {
option.textContent = platform;
select.appendChild(option);
});
select.addEventListener('change', (e) => {
activeStreamingFilter = e.target.value;
currentPage = 1;
@@ -52,12 +55,11 @@ async function loadPublicData() {
const response = await fetch(`${API_URL}?action=get_films`, { cache: 'default' });
const data = await response.json();
// ✅ CORRECTION : Fusionner les deux tableaux en un seul
// ✅ CORRECTION : Fusionner les deux tableaux
films = [...(data.critique || []), ...(data.videotheque || [])];
generateStreamingSelect();
// Écouteur pour le filtre physique
const physicalCheckbox = document.getElementById('physical-only-checkbox');
if (physicalCheckbox) {
physicalCheckbox.addEventListener('change', () => {
@@ -77,13 +79,15 @@ function switchPubTab(tabName) {
activeRatingFilter = 0;
activeStreamingFilter = '';
currentPage = 1;
const select = document.getElementById('pub-streaming-select');
if (select) select.value = '';
const ratingBar = document.getElementById('rating-filter-bar');
if (ratingBar) ratingBar.style.display = (tabName === 'critique') ? 'flex' : 'none';
if (select) select.style.display = (tabName === 'critique') ? 'block' : 'none';
// 🔥 Cacher la case physique en mode vidéothèque
const physicalBox = document.querySelector('.physical-filter-box');
if (physicalBox) {
physicalBox.style.display = (tabName === 'critique') ? 'block' : 'none';
@@ -93,15 +97,19 @@ function switchPubTab(tabName) {
btn.classList.remove('active');
btn.querySelectorAll('.rf-star').forEach(s => s.classList.remove('filled'));
});
document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
const activeBtn = document.getElementById(`tab-pub-${tabName}s`);
if (activeBtn) activeBtn.classList.add('active');
renderPublicGrid();
}
function filterByRating(stars) {
if (currentPubTab !== 'critique') return;
activeRatingFilter = (activeRatingFilter === stars) ? 0 : stars;
document.querySelectorAll('.rating-filter-btn').forEach(btn => {
const n = parseInt(btn.dataset.stars);
btn.classList.toggle('active', n === activeRatingFilter);
@@ -109,6 +117,7 @@ function filterByRating(stars) {
s.classList.toggle('filled', i < activeRatingFilter);
});
});
renderPublicGrid();
}
@@ -116,20 +125,18 @@ function renderPublicGrid() {
const grid = document.getElementById('grid');
const emptyState = document.getElementById('empty-state');
const countLabel = document.getElementById('count-label');
if (!grid) return;
grid.innerHTML = '';
let filtered = films.filter(f => f.type === currentPubTab);
// 🔥 FILTRE PHYSIQUE UNIQUEMENT (CORRIGÉ)
const physicalFilter = document.getElementById('physical-only-checkbox');
if (physicalFilter && physicalFilter.checked) {
filtered = filtered.filter(f => {
// Pour les critiques : vérifier le champ streaming
if (f.type === 'critique') {
return f.streaming && f.streaming.toLowerCase().includes('support physique');
}
// Pour la vidéothèque : tout est physique par défaut
return true;
});
}
@@ -140,7 +147,7 @@ function renderPublicGrid() {
return Math.round(rating) === activeRatingFilter;
});
}
if (currentPubTab === 'critique' && activeStreamingFilter) {
const filterLower = activeStreamingFilter.toLowerCase();
filtered = filtered.filter(f => {
@@ -149,7 +156,7 @@ function renderPublicGrid() {
return platforms.includes(filterLower);
});
}
if (searchQuery) {
const q = searchQuery.toLowerCase();
filtered = filtered.filter(f =>
@@ -157,23 +164,24 @@ function renderPublicGrid() {
(f.director && f.director.toLowerCase().includes(q))
);
}
if (countLabel) {
countLabel.textContent = `${filtered.length} ${currentPubTab === 'critique' ? 'critique' : 'œuvre'}${filtered.length > 1 ? 's' : ''}`;
}
if (filtered.length === 0) {
if (emptyState) emptyState.style.display = 'block';
renderPagination(0);
return;
}
if (emptyState) emptyState.style.display = 'none';
const totalPages = Math.ceil(filtered.length / itemsPerPage) || 1;
if (currentPage > totalPages) currentPage = totalPages;
const startIdx = (currentPage - 1) * itemsPerPage;
const pageItems = filtered.slice(startIdx, startIdx + itemsPerPage);
pageItems.forEach(f => {
const card = document.createElement('div');
card.className = 'card';
@@ -182,7 +190,7 @@ function renderPublicGrid() {
let posterHTML = f.poster
? `<div class="card-poster-wrap"><img class="card-poster" src="${f.poster}" alt="${f.title}" loading="lazy"></div>`
: `<div class="card-poster-wrap"><div class="card-poster-placeholder"><i class="ti ti-movie"></i><span>Pas d'affiche</span></div></div>`;
if (f.type === 'critique') {
const starsHTML = getStarsHTML(f.rating) + `<span class="card-rating-badge">${parseFloat(f.rating)}</span>`;
card.innerHTML = `
@@ -206,15 +214,17 @@ function renderPublicGrid() {
</div>
</div>`;
}
grid.appendChild(card);
});
renderPagination(totalPages);
}
function renderPagination(totalPages) {
const container = document.getElementById('pub-pagination');
if (!container) return;
container.innerHTML = '';
if (totalPages <= 1) return;
@@ -222,31 +232,35 @@ function renderPagination(totalPages) {
info.className = 'pub-pagination-info';
info.textContent = `Page ${currentPage} / ${totalPages}`;
container.appendChild(info);
const prevBtn = document.createElement('button');
prevBtn.innerHTML = '<i class="ti ti-chevron-left"></i>';
prevBtn.disabled = currentPage === 1;
prevBtn.onclick = () => { currentPage--; renderPublicGrid(); window.scrollTo({ top: 0, behavior: 'smooth' }); };
container.appendChild(prevBtn);
const maxButtons = 5;
let startPage = Math.max(1, currentPage - Math.floor(maxButtons / 2));
let endPage = Math.min(totalPages, startPage + maxButtons - 1);
if (endPage - startPage + 1 < maxButtons) {
startPage = Math.max(1, endPage - maxButtons + 1);
}
if (startPage > 1) {
container.appendChild(createPubPageBtn(1));
if (startPage > 2) container.appendChild(createPubEllipsis());
}
for (let i = startPage; i <= endPage; i++) {
container.appendChild(createPubPageBtn(i));
}
if (endPage < totalPages) {
if (endPage < totalPages - 1) container.appendChild(createPubEllipsis());
container.appendChild(createPubPageBtn(totalPages));
}
const nextBtn = document.createElement('button');
nextBtn.innerHTML = '<i class="ti ti-chevron-right"></i>';
nextBtn.disabled = currentPage === totalPages;
@@ -273,6 +287,7 @@ function createPubEllipsis() {
function openDetail(id) {
const f = films.find(item => item.id == id);
if (!f) return;
const dPoster = document.getElementById('d-poster');
const dPosterWrap = document.getElementById('d-poster-wrap');
const dTitle = document.getElementById('d-title');
@@ -292,10 +307,10 @@ function openDetail(id) {
if (dPosterWrap) dPosterWrap.style.display = 'none';
if (detailModalLayout) detailModalLayout.classList.add('no-poster');
}
if (dTitle) dTitle.textContent = f.title;
if (dMeta) dMeta.textContent = `${f.year ? f.year + ' | ' : ''}${f.director || 'Réalisateur inconnu'}`;
if (dBody) {
if (f.type === 'critique') {
const stars = getStarsHTML(f.rating) + `<span style="font-size:1rem; color:var(--muted); margin-left:0.5rem;">${parseFloat(f.rating)}/5</span>`;
@@ -308,25 +323,21 @@ function openDetail(id) {
${f.streaming ? `<div class="tech-pill" style="margin-top:1.5rem; width:fit-content;"><i class="ti ti-device-tv"></i> Visionnage : ${f.streaming}</div>` : ''}
`;
} else {
// Modification : Ajout du bloc "Casting & Équipe" avec les réalisateurs et acteurs
dBody.innerHTML = `
<div class="pub-tech-badges">
${f.format ? `<span class="tech-pill format-gold"><i class="ti ti-disc"></i> ${f.format}</span>` : ''}
${f.length ? `<span class="tech-pill"><i class="ti ti-clock"></i> ${f.length} Min</span>` : ''}
${f.number_of_discs ? `<span class="tech-pill"><i class="ti ti-layers-intersect"></i> ${f.number_of_discs} Disque(s)</span>` : ''}
</div>
<div class="pub-cast-crew">
<p><span class="cast-label">Réalisation :</span> <span class="cast-value">${f.director ? f.director : 'Non renseignée'}</span></p>
<p><span class="cast-label">Casting :</span> <span class="cast-value">${f.actors ? f.actors : 'Non renseigné'}</span></p>
</div>
<div class="pub-tech-grid">
<div class="tech-meta-item"><span class="tech-meta-label">Éditeur</span><span class="tech-meta-value">${f.publisher || '—'}</span></div>
<div class="tech-meta-item"><span class="tech-meta-label">Format Image</span><span class="tech-meta-value">${f.aspect_ratio || '—'}</span></div>
<div class="tech-meta-item" style="grid-column: span 2;"><span class="tech-meta-label">Code Barre (EAN)</span><span class="tech-meta-value">${f.ean_isbn13 || '—'}</span></div>
</div>
<div class="pub-synopsis-box">
<h4>Synopsis</h4>
<p>${f.description ? f.description : 'Aucun synopsis disponible pour ce support.'}</p>
@@ -334,6 +345,7 @@ function openDetail(id) {
`;
}
}
if (detailOverlay) detailOverlay.classList.add('open');
}
@@ -344,6 +356,7 @@ function closeDetail() {
document.addEventListener('DOMContentLoaded', () => {
loadPublicData();
const searchInput = document.getElementById('pub-search-input');
if (searchInput) {
searchInput.addEventListener('input', (e) => {