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

feat: media modal – FSK-Fix, TMDb+IMDb Links, xREL Releases

Browse Source
This commit is contained in:
Dicken
2026-06-06 21:14:41 +02:00
parent 2e206da879
commit e7c9c0f52f
2 changed files with 111 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -531,6 +531,63 @@ function MovieModal({ tmdbId, onClose, mobile }) {
</div>
</div>
)}
{/* Links */}
<div style={{ marginTop:18, display:'flex', gap:8, flexWrap:'wrap' }}>
{detail.tmdb_url && (
<a href={detail.tmdb_url} target="_blank" rel="noopener noreferrer" style={{
display:'inline-flex', alignItems:'center', gap:5,
fontSize:11, color:'#01d277', background:'rgba(1,210,119,0.1)',
border:'1px solid rgba(1,210,119,0.25)', borderRadius:6,
padding:'5px 11px', fontFamily:'monospace', textDecoration:'none',
}}>🎬 TMDb</a>
)}
{detail.imdb_url && (
<a href={detail.imdb_url} target="_blank" rel="noopener noreferrer" style={{
display:'inline-flex', alignItems:'center', gap:5,
fontSize:11, color:'#f5c518', background:'rgba(245,197,24,0.1)',
border:'1px solid rgba(245,197,24,0.25)', borderRadius:6,
padding:'5px 11px', fontFamily:'monospace', textDecoration:'none',
}}>⭐ IMDb</a>
)}
</div>
{/* xREL Releases */}
{detail.xrel?.length > 0 && (
<div style={{ marginTop:18 }}>
<div style={{ ...S.head, marginBottom:8 }}>RELEASES (XREL.TO)</div>
<div style={{ display:'flex', flexDirection:'column', gap:4 }}>
{detail.xrel.map((r, i) => (
<a key={i} href={r.url} target="_blank" rel="noopener noreferrer" style={{
display:'flex', alignItems:'center', gap:8,
background:'rgba(255,255,255,0.03)', border:'1px solid rgba(255,255,255,0.07)',
borderRadius:6, padding:'6px 10px', textDecoration:'none',
}}>
<span style={{ fontSize:9, fontWeight:700, fontFamily:'monospace',
color: r.p2p ? '#4ecdc4' : '#ff6b9d',
background: r.p2p ? 'rgba(78,205,196,0.12)' : 'rgba(255,107,157,0.12)',
borderRadius:3, padding:'1px 5px', flexShrink:0 }}>
{r.p2p ? 'P2P' : 'SCN'}
</span>
<span style={{ fontSize:10, color:'rgba(255,255,255,0.75)', fontFamily:'monospace',
flex:1, overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap' }}>
{r.dirname}
</span>
{r.size && (
<span style={{ fontSize:9, color:'rgba(255,255,255,0.35)', fontFamily:'monospace', flexShrink:0 }}>
{r.size}
</span>
)}
{r.date && (
<span style={{ fontSize:9, color:'rgba(255,255,255,0.25)', fontFamily:'monospace', flexShrink:0 }}>
{r.date}
</span>
)}
</a>
))}
</div>
</div>
)}
</>)}
</div>
</div>