// ============================================================ // ELITE RECORDINGS // ------------------------------------------------------------ // Public component: past Elite call recordings grid (10 cards). // Non-elite users see only the first card unlocked; the rest // display a padlock overlay. Last position is a "+N more" card // that links to the full YouTube playlist. // // Admin component: lets admins paste a YouTube URL + title and // inserts a new row; newest row becomes "the first recording". // ============================================================ const ELITE_PLAYLIST_URL = 'https://www.youtube.com/playlist?list=PLnu6--ikU1FTTNts7iWOqIM7FgnpUP8lh'; const MAX_VISIBLE = 10; function extractYouTubeId(url) { if (!url) return null; try { const m = String(url).match( /(?:v=|youtu\.be\/|\/embed\/|\/shorts\/|\/v\/|\/live\/)([\w-]{11})/ ); return m ? m[1] : null; } catch { return null; } } function ytThumb(videoId) { return videoId ? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg` : ''; } function isEliteUser(user) { if (!user) return false; if (user.role === 'admin') return true; // Treat any user with role='elite' as Elite — admins assign this role // manually, so we don't require elite_status='active' here. The status // column is now informational (active/inactive/expired) and updated by // the admin when relevant, but does NOT gate access. return user.role === 'elite'; } // ============================================================ // PUBLIC: ELITE RECORDINGS GRID // ============================================================ const EliteRecordings = ({ user, onNav }) => { const [items, setItems] = React.useState([]); const [loading, setLoading] = React.useState(true); const [err, setErr] = React.useState(''); const [totalCount, setTotalCount] = React.useState(0); React.useEffect(() => { let cancelled = false; (async () => { if (!window.sb) { setLoading(false); return; } try { const { data, error, count } = await window.sb .from('elite_recordings') .select('*', { count: 'exact' }) .order('created_at', { ascending: false }) .limit(MAX_VISIBLE); if (cancelled) return; if (error) throw error; setItems(data || []); setTotalCount(count || 0); } catch (e) { if (!cancelled) setErr(e.message || 'Failed to load recordings'); } finally { if (!cancelled) setLoading(false); } })(); return () => { cancelled = true; }; }, []); const elite = isEliteUser(user); const remaining = Math.max(0, totalCount - items.length); // Skeleton loader cards const skeleton = Array.from({ length: 6 }).map((_, i) => (
)); return (
ELITE CALLS · RECORDINGS

Înregistrările Elite Calls.

{elite ? 'Acces complet la toate live call-urile arhivate. Click pe orice card pentru a deschide înregistrarea.' : 'Un singur call este deschis pentru toată lumea. Restul sunt rezervate membrilor Elite.'}

{err && (
{err}
)}
{loading ? skeleton : items.length === 0 ? (
Niciun call încărcat încă. Reveniți curând.
) : ( items.map((it, i) => { const locked = !elite && i !== 0; const vid = it.video_id || extractYouTubeId(it.youtube_url); const thumb = it.thumbnail || ytThumb(vid); const Wrapper = locked ? 'div' : 'a'; const wrapperProps = locked ? { className: 'rec-card rec-card-locked', role: 'button', 'aria-disabled': true } : { className: 'rec-card', href: it.youtube_url, target: '_blank', rel: 'noopener noreferrer' }; return (
{thumb && {it.title}
{!locked && (
)} {locked && (
Elite Only
)}
#{String(i + 1).padStart(2, '0')}
{it.title || `Elite Call ${i + 1}`}
{it.recorded_at ? new Date(it.recorded_at).toLocaleDateString('ro-RO', { day: '2-digit', month: 'short', year: 'numeric' }) : new Date(it.created_at).toLocaleDateString('ro-RO', { day: '2-digit', month: 'short', year: 'numeric' })} {!locked && Watch } {locked && Locked}
); }) )} {/* +N more card → playlist (only if there are actually more) */} {!loading && items.length > 0 && (
+{remaining > 0 ? remaining : '∞'}
{remaining > 0 ? 'mai multe call-uri' : 'vezi playlist-ul complet'}
Open playlist
)}
{!elite && !loading && items.length > 0 && (

Vrei să le vezi pe toate?

Aplică pentru Elite și deblochezi întreaga arhivă de live calls.

)}
); }; // ============================================================ // ADMIN: ELITE RECORDINGS MANAGEMENT // ============================================================ // Try fetching the public YouTube oEmbed metadata (no API key needed). // Returns { title, author } or null on failure. async function fetchYouTubeMeta(url) { try { const endpoint = `https://www.youtube.com/oembed?url=${encodeURIComponent(url)}&format=json`; const res = await fetch(endpoint); if (!res.ok) return null; const j = await res.json(); return { title: j.title || '', author: j.author_name || '' }; } catch { return null; } } const AdminRecordings = () => { const [items, setItems] = React.useState([]); const [loading, setLoading] = React.useState(true); const [err, setErr] = React.useState(''); const [success, setSuccess] = React.useState(''); const [submitting, setSubmitting] = React.useState(false); const [form, setForm] = React.useState({ title: '', youtube_url: '', recorded_at: '' }); const [bulkOpen, setBulkOpen] = React.useState(false); const [bulkText, setBulkText] = React.useState(''); const [bulkBusy, setBulkBusy] = React.useState(false); const [bulkLog, setBulkLog] = React.useState([]); const load = async () => { if (!window.sb) return; setLoading(true); const { data, error } = await window.sb .from('elite_recordings') .select('*') .order('created_at', { ascending: false }); if (error) setErr(error.message); else setItems(data || []); setLoading(false); }; React.useEffect(() => { load(); }, []); const flashSuccess = (msg) => { setSuccess(msg); setTimeout(() => setSuccess(''), 2400); }; const onSubmit = async (e) => { e.preventDefault(); setErr(''); const url = form.youtube_url.trim(); if (!url) { setErr('YouTube URL is required.'); return; } const vid = extractYouTubeId(url); if (!vid) { setErr('Could not extract a YouTube video ID from that URL.'); return; } setSubmitting(true); // Auto-fetch title from YouTube oEmbed if user didn't provide one let title = form.title.trim(); if (!title) { const meta = await fetchYouTubeMeta(url); title = meta?.title || `Elite Call — ${vid}`; } const payload = { title, youtube_url: url, video_id: vid, thumbnail: ytThumb(vid), recorded_at: form.recorded_at || null, }; const { error } = await window.sb.from('elite_recordings').insert(payload); setSubmitting(false); if (error) { setErr(error.message); return; } setForm({ title: '', youtube_url: '', recorded_at: '' }); flashSuccess(`Added: "${title}" — now the most recent.`); load(); }; // Bulk add: paste many URLs (one per line), auto-fetch title for each. const onBulkSubmit = async (e) => { e.preventDefault(); setErr(''); setBulkLog([]); const urls = bulkText.split('\n').map(s => s.trim()).filter(Boolean); if (urls.length === 0) { setErr('Paste at least one URL.'); return; } setBulkBusy(true); const log = []; // Dedupe by video_id const seen = new Set(); for (const url of urls) { const vid = extractYouTubeId(url); if (!vid) { log.push({ url, status: 'skipped — bad URL' }); continue; } if (seen.has(vid)) { log.push({ url, status: 'skipped — duplicate' }); continue; } seen.add(vid); const meta = await fetchYouTubeMeta(url); const title = meta?.title || `Elite Call — ${vid}`; const { error } = await window.sb.from('elite_recordings').insert({ title, youtube_url: url, video_id: vid, thumbnail: ytThumb(vid), }); log.push({ url, status: error ? `error: ${error.message}` : `added — ${title.slice(0, 60)}` }); setBulkLog([...log]); // live update } setBulkBusy(false); setBulkText(''); flashSuccess(`Bulk add complete — ${log.filter(l => l.status.startsWith('added')).length} new.`); load(); }; const onDelete = async (id) => { if (!confirm('Delete this recording?')) return; const { error } = await window.sb.from('elite_recordings').delete().eq('id', id); if (error) { setErr(error.message); return; } flashSuccess('Deleted.'); load(); }; return (

Elite Recordings

Paste a YouTube URL — title is fetched automatically from the video metadata. Newest entry shows up first in the public grid.

{err &&
{err}
} {success &&
{success}
}
{bulkOpen && (

Bulk add — one URL per line

Each line is one YouTube URL. Titles are fetched automatically. Duplicates are skipped.