quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor movie category display to use details element

Browse Source 
Co-authored-by: mathieumoran1 <[email protected]>
This commit is contained in:
Cursor Agent
2025-12-22 22:28:46 +00:00
co-authored by mathieumoran1
parent 6f8b94ea35
commit d98c802a40
2 changed files with 50 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/app_user-stat.js
+17 -8
View File
@@ -502,14 +502,6 @@ window.addEventListener('DOMContentLoaded', async function () {
const meta = document.createElement('div');
meta.className = 'stats-movie-meta';
if (category) {
const cat = document.createElement('div');
cat.className = 'stats-movie-category text-muted small';
cat.title = category;
cat.textContent = category;
meta.appendChild(cat);
}
if (rating !== null && rating > 0) {
const r = document.createElement('span');
r.className = 'text-muted';
@@ -532,6 +524,23 @@ window.addEventListener('DOMContentLoaded', async function () {
main.appendChild(topRow);
if (meta.childNodes.length) main.appendChild(meta);
// Optional: keep long strings (like category) out of the main layout.
if (category) {
const details = document.createElement('details');
details.className = 'stats-movie-details';
const summary = document.createElement('summary');
summary.textContent = 'Détails';
details.appendChild(summary);
const body = document.createElement('div');
body.className = 'stats-movie-details-body text-muted small';
body.textContent = category;
details.appendChild(body);
main.appendChild(details);
}
item.appendChild(poster);
item.appendChild(main);
movieGridEl.appendChild(item);