Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: Herzen einheitlich rot, Admin-Hinweis auf Favoriten-Startseite

Browse Source
This commit is contained in:
Dicken
2026-06-18 18:49:25 +02:00
parent 0c53234a14
commit f60f5669fc
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/tools/media.jsx
View File

@@ -227,7 +227,8 @@ function MovieCard({ movie, favIds, hasXrel, onToggleFav, onOpenModal }) {
position:'absolute', top:5, right:5, background:'rgba(0,0,0,0.65)', position:'absolute', top:5, right:5, background:'rgba(0,0,0,0.65)',
border:'none', borderRadius:'50%', width:30, height:30, cursor:'pointer', border:'none', borderRadius:'50%', width:30, height:30, cursor:'pointer',
fontSize:14, display:'flex', alignItems:'center', justifyContent:'center', fontSize:14, display:'flex', alignItems:'center', justifyContent:'center',
}}>{isFav ? '❤' : '🤍'}</button> color: isFav ? '#f87171' : 'rgba(248,113,113,0.5)',
}}>{isFav ? '❤' : '♡'}</button>
</div> </div>
<div style={{ padding:'8px 10px', flex:1, display:'flex', flexDirection:'column', gap:3 }} <div style={{ padding:'8px 10px', flex:1, display:'flex', flexDirection:'column', gap:3 }}
onClick={() => onOpenModal({ id: movie.id, media_type: movie.media_type || 'movie' })}> onClick={() => onOpenModal({ id: movie.id, media_type: movie.media_type || 'movie' })}>
@@ -741,18 +742,26 @@ function FavoritenKalender({ onOpenModal }) {
return ( return (
<div style={{ display:'flex', flexDirection:'column', gap:24 }}> <div style={{ display:'flex', flexDirection:'column', gap:24 }}>
{isAdmin && ( {isAdmin && (
<div style={{display:'flex',flexDirection:'column',gap:6,marginBottom:4}}>
{allFavs.filter(f=>!f.acknowledged).length > 0 && (
<div style={{background:'rgba(245,158,11,0.1)',border:'1px solid rgba(245,158,11,0.4)',
borderRadius:8,padding:'8px 12px',color:'#f59e0b',fontFamily:'monospace',fontSize:11,
display:'flex',alignItems:'center',gap:8}}>
⚠ {allFavs.filter(f=>!f.acknowledged).length} unquittierte Favoriten
<button onClick={()=>setAdminTab(true)} <button onClick={()=>setAdminTab(true)}
style={{marginBottom:4,background:'rgba(255,255,255,0.05)',border:'1px solid rgba(255,255,255,0.1)', style={{background:'rgba(245,158,11,0.2)',border:'1px solid rgba(245,158,11,0.4)',
borderRadius:6,padding:'2px 10px',color:'#f59e0b',fontFamily:'monospace',fontSize:10,cursor:'pointer'}}>
→ Ansehen
</button>
</div>
)}
<button onClick={()=>setAdminTab(true)}
style={{background:'rgba(255,255,255,0.05)',border:'1px solid rgba(255,255,255,0.1)',
borderRadius:7,padding:'5px 12px',color:'rgba(255,255,255,0.5)',fontFamily:'monospace',fontSize:11,cursor:'pointer', borderRadius:7,padding:'5px 12px',color:'rgba(255,255,255,0.5)',fontFamily:'monospace',fontSize:11,cursor:'pointer',
display:'flex',alignItems:'center',gap:6,width:'fit-content'}}> display:'flex',alignItems:'center',gap:6,width:'fit-content'}}>
👥 Alle Favoriten ({allFavs.length}) 👥 Alle Favoriten ({allFavs.length})
{allFavs.filter(f=>!f.acknowledged).length > 0 && (
<span style={{background:'rgba(245,158,11,0.2)',border:'1px solid rgba(245,158,11,0.4)',
borderRadius:10,padding:'1px 7px',color:'#f59e0b',fontSize:9}}>
{allFavs.filter(f=>!f.acknowledged).length} neu
</span>
)}
</button> </button>
</div>
)} )}
{filmeFavs.length > 0 && ( {filmeFavs.length > 0 && (
<CollapsibleSection label="🎬 FILME" count={filmeFavs.length}> <CollapsibleSection label="🎬 FILME" count={filmeFavs.length}>