(() => { 'use strict'; const API = window.YAA_JURY_API || 'https://jury.artcor.md'; const root = document.getElementById('yaa-jury'); if (!root || root.dataset.live === 'true') return; root.dataset.live = 'true'; const $ = id => root.querySelector('#yaa-jury-' + id); const valid = new Set(['yes','no','maybe']); const state = { artists: [], votes: {}, savedVotes: {}, juror: null, role: 'juror', language: 'ro', round: 'yaa_2026_preselection', artist: 0, filter: 'all', mode: 'grid', focus: 0, image: null, imageIndex: 0, mediaPositions: {}, undo: null, saving: false, screen: 'voting', monitor: null }; const tr = (ro, en) => state.language === 'en' ? en : ro; function setLanguage(language, persist = false) { state.language = language === 'en' ? 'en' : 'ro'; root.setAttribute('lang', state.language); $('language').value = state.language; if (persist && state.juror) try { localStorage.setItem('yaa-jury-language:' + state.juror, state.language); } catch {} const set = (selector, ro, en) => { const node = root.querySelector(selector); if (node) node.textContent = tr(ro, en); }; const labels = [ ['.edition span','PRESELECȚIE','JURY REVIEW'],['.intro .eyebrow','MASA JURIULUI','JURY REVIEW'], ['.stat-yes .stat-label','DA','YES'],['.stat-no .stat-label','NU','NO'],['.stat-maybe .stat-label','POATE','MAYBE'],['.stat-unrated .stat-label','NEEVALUATE','NOT RATED'], ['.completion div span','PROGRESUL MEU','MY PROGRESS'],['#yaa-jury-save-state','Voturile se salvează pentru fiecare artist.','Votes are saved for each artist.'], ['#yaa-jury-view-grid','Compară','Compare'],['#yaa-jury-view-focus','Pe rând','One by one'],['#yaa-jury-all-no','Nu la toate lucrările','No to all artworks'],['#yaa-jury-undo-all-no','Anulează acțiunea','Undo'], ['.artist-actions > p','Aplică Nu tuturor lucrărilor acestui artist.','Mark all artworks by this artist as No.'],['.work-section-heading p:last-child','MAI MULTE FIȘIERE ALE UNEI LUCRĂRI AU UN SINGUR VOT','MULTIPLE FILES OF ONE ARTWORK SHARE A SINGLE VOTE'], ['#yaa-jury-prev-work','← Lucrarea anterioară','← Previous artwork'],['#yaa-jury-next-work','Lucrarea următoare →','Next artwork →'],['#yaa-jury-empty-state h3','Nicio lucrare în acest filtru.','No artworks match this filter.'],['#yaa-jury-clear-filter','Vezi toate lucrările','Show all artworks'], ['.footnote span:nth-child(2)','Voturile altor jurați sunt ascunse în timpul evaluării.','Other jurors’ votes are hidden during your review.'],['.footnote span:last-child','PRESELECȚIE','JURY REVIEW'], ['.yaa-access .eyebrow','ACCES PROTEJAT','PROTECTED ACCESS'],['.yaa-access p:not(.eyebrow)','Introdu adresa de e-mail sau numele de utilizator și parola. Vei putea relua evaluarea de unde ai rămas.','Enter your email or username and password. You can resume where you left off.'], ['#yaa-jury-open-login','Conectare ca jurat →','Sign in →'],['#yaa-jury-login-title','Conectare','Sign in'],['#yaa-jury-close-login','Închide ×','Close ×'],['#yaa-jury-login-submit','Conectare →','Sign in →'], ]; labels.forEach(args => set(...args)); const intro = root.querySelector('.intro h1'); if (intro) intro.innerHTML = tr('Preselecția
lucrărilor.','Reviewing
the artworks.'); const introCopy = root.querySelector('.intro-copy'); if (introCopy) introCopy.innerHTML = tr('Fiecare lucrare, o decizie.
Cel mult 2 voturi Da / artist.
Lucrările sunt salvate după fiecare artist.','One artwork, one decision.
Up to 2 Yes votes per artist.
Votes are saved after each artist.'); const accessTitle = root.querySelector('.yaa-access h1'); if (accessTitle) accessTitle.innerHTML = tr('Evaluarea
juriului.','Jury
review.'); const budget = root.querySelector('.artist-budget p'); if (budget) budget.innerHTML = tr('lucrări alese
de tine','artworks selected
by you'); const opts = $('filter').options; if (opts && opts.length >= 5) { const values = [tr('Toate lucrările','All artworks'),tr('Neevaluate','Not rated'),tr('Alegerile mele: Da','My choices: Yes'),tr('Alegerile mele: Poate','My choices: Maybe'),tr('Alegerile mele: Nu','My choices: No')]; Array.from(opts).forEach((option, index) => { option.textContent = values[index]; }); } const fields = root.querySelectorAll ? root.querySelectorAll('.yaa-field') : []; if (fields.length >= 2) { fields[0].firstChild.textContent = tr('E-mail sau nume de utilizator','Email or username'); fields[1].firstChild.textContent = tr('Parolă','Password'); } $('account').textContent = state.juror ? tr('Deconectare','Sign out') : tr('Conectare','Sign in'); if (state.role === 'monitor' && state.juror) $('juror-label').textContent = tr('ARTCOR / ADMIN','ARTCOR / ADMIN'); else if (state.juror && state.jurorName) $('juror-label').textContent = tr('CONECTAT: ','SIGNED IN: ') + state.jurorName.toUpperCase(); if (root.dispatchEvent && typeof CustomEvent !== 'undefined') root.dispatchEvent(new CustomEvent('yaa-language-change')); if (state.role === 'monitor' && state.monitor) renderMonitor(); else if (state.artists.length) render(); } function chooseAccountLanguage(defaultLanguage) { let saved = null; try { saved = localStorage.getItem('yaa-jury-language:' + state.juror); } catch {} setLanguage(saved === 'ro' || saved === 'en' ? saved : defaultLanguage || 'ro'); } const mediaStyles = document.createElement('style'); mediaStyles.textContent = '#yaa-jury .art-stage .media-nav{position:absolute;z-index:2;bottom:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#f2f1ec;padding:3px}#yaa-jury .art-stage .media-nav button{padding:4px 10px;min-width:34px}#yaa-jury .art-stage .media-nav span{font-size:11px;white-space:nowrap}#yaa-jury .art-stage .media-zoom{position:absolute;right:8px;top:8px;z-index:2;background:#f2f1ec;padding:6px 10px;font-size:11px}'; root.append(mediaStyles); mediaStyles.textContent += '#yaa-jury .work-title-ro{font-family:YAA_Spot_Mono,"Courier New",monospace;font-weight:500}#yaa-jury .work-title-divider{color:var(--muted)}#yaa-jury .work-title-en{font-family:Arial,sans-serif;font-weight:400;font-size:.9em;color:var(--muted)}'; mediaStyles.textContent += '#yaa-jury .media-frame{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}#yaa-jury .media-frame img{display:block;width:100%;height:100%;object-fit:contain}#yaa-jury .media-frame.is-loading img,#yaa-jury .media-frame.is-error img{visibility:hidden}#yaa-jury .media-loading,#yaa-jury .media-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:20px;text-align:center;font:11px YAA_Spot_Mono,"Courier New",monospace;color:var(--muted)}#yaa-jury .media-loading::before{content:"";width:27px;height:27px;border:3px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:yaa-media-spin .8s linear infinite}#yaa-jury .media-frame:not(.is-loading) .media-loading,#yaa-jury .media-frame:not(.is-error) .media-error{display:none}@keyframes yaa-media-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#yaa-jury .media-loading::before{animation:none;border-top-color:var(--ink)}}'; const text = (node, value) => { node.textContent = value ?? ''; }; const el = (tag, props = {}, children = []) => { const node = document.createElement(tag); Object.entries(props).forEach(([key,value]) => { if (value === null || value === false || value === undefined) return; if (key === 'className') node.className = value; else if (key.startsWith('on')) node.addEventListener(key.slice(2).toLowerCase(), value); else node.setAttribute(key, value === true ? '' : value); }); for (const child of children) node.append(child); return node; }; function displayTitle(artwork) { const original = artwork.title_ro || artwork.title; return artwork.title_ro && artwork.title_en ? `${original} / ${artwork.title_en}` : original; } function setArtworkTitle(node, artwork) { if (artwork.title_ro && artwork.title_en) node.replaceChildren( el('span', { className: 'work-title-ro' }, [document.createTextNode(artwork.title_ro)]), el('span', { className: 'work-title-divider', 'aria-hidden': 'true' }, [document.createTextNode(' / ')]), el('span', { className: 'work-title-en', lang: 'en' }, [document.createTextNode(artwork.title_en)]), ); else text(node, artwork.title_ro || artwork.title); } async function request(path, options = {}) { const result = await fetch(API + path, { credentials: 'include', headers: { 'Content-Type': 'application/json', ...(options.headers || {}) }, ...options }); const data = await result.json().catch(() => ({})); if (!result.ok) { const message = state.language === 'en' ? (result.status === 401 ? 'Please check your sign-in details or sign in again.' : 'The request could not be completed. Please try again.') : (data.error || 'Cererea nu a reușit.'); const error = new Error(message); error.status = result.status; throw error; } return data; } function notice(message, error = false) { const node = $('notice'); node.classList.toggle('error', error); text(node, message); node.hidden = false; clearTimeout(notice.timer); notice.timer = setTimeout(() => node.hidden = true, error ? 6000 : 2800); } function current() { return state.artists[state.artist]; } function vote(id) { return state.votes[id] || null; } function artistVotes(artist = current()) { return artist.artworks.filter(item => vote(item.id) === 'yes').length; } function remaining(artist = current()) { return artist.artworks.filter(item => !vote(item.id)).length; } function reachable() { const index = state.artists.findIndex(item => remaining(item)); return index < 0 ? state.artists.length - 1 : index; } function progressKey() { return ['yaa-jury-progress-v1', API, state.round, state.juror].join(':'); } function rememberProgress() { if (!state.juror || !current()) return; const drafts = {}; state.artists.forEach(artist => artist.artworks.forEach(artwork => { const choice = vote(artwork.id); const base = state.savedVotes[artwork.id] || null; if (choice !== base) drafts[artwork.id] = { vote: choice, base }; })); try { localStorage.setItem(progressKey(), JSON.stringify({ artistId: current().id, drafts })); } catch {} } function restoreProgress() { let saved = null; try { saved = JSON.parse(localStorage.getItem(progressKey()) || 'null'); } catch {} let restored = 0; state.artists.forEach(artist => { const changes = artist.artworks.map(artwork => ({ artwork, draft: saved?.drafts?.[artwork.id] })).filter(({ artwork, draft }) => draft && (draft.vote === null || valid.has(draft.vote)) && (draft.base === null || valid.has(draft.base)) && draft.base === (state.savedVotes[artwork.id] || null)); // Apply removed/negative choices before positive choices, so a changed // pair of selected works can be restored without exceeding two Da. changes.sort((a, b) => Number(a.draft.vote === 'yes') - Number(b.draft.vote === 'yes')).forEach(({ artwork, draft }) => { if (draft.vote === 'yes' && vote(artwork.id) !== 'yes' && artistVotes(artist) >= 2) return; if (draft.vote) state.votes[artwork.id] = draft.vote; else delete state.votes[artwork.id]; restored++; }); }); const remembered = state.artists.findIndex(artist => artist.id === saved?.artistId); const available = Math.max(0, reachable()); state.artist = remembered >= 0 && remembered <= available ? remembered : available; return restored; } function visible() { const artist = current(); return artist.artworks.filter(item => state.filter === 'all' || (state.filter === 'unrated' ? !vote(item.id) : vote(item.id) === state.filter)); } function imageNode(media, full = false) { const url = API + (full ? media.full_url : media.preview_url); if (media.kind === 'video') return el('video', { controls: '', preload: 'metadata', src: API + media.full_url }); if (media.kind === 'pdf') return el('a', { href: API + media.full_url, target: '_blank', rel: 'noopener' }, [document.createTextNode(tr('Deschide documentul PDF ↗','Open PDF ↗'))]); const frame = el('span', { className: 'media-frame is-loading' }); const image = el('img', { alt: media.title || 'Lucrare', loading: full ? 'eager' : 'lazy', decoding: 'async' }); const loaded = () => { frame.classList.remove('is-loading', 'is-error'); }; const failed = () => { frame.classList.remove('is-loading'); frame.classList.add('is-error'); }; image.addEventListener('load', loaded); image.addEventListener('error', failed); const loading = el('span', { className: 'media-loading', role: 'status' }, [document.createTextNode(tr('Se încarcă imaginea…','Loading image…'))]); const error = el('span', { className: 'media-error', role: 'status' }, [document.createTextNode(tr('Imaginea nu s-a încărcat. Reîncearcă mai târziu.','Image could not be loaded. Please try again later.'))]); frame.append(image, loading, error); image.src = url; if (image.complete) image.naturalWidth ? loaded() : failed(); return frame; } function card(artwork, index) { const article = el('article', { className: 'work-card' }); const stage = el('div', { className: 'art-stage' }); const primary = artwork.media.findIndex(item => item.primary); const position = Math.min(state.mediaPositions[artwork.id] ?? Math.max(0, primary), artwork.media.length - 1); const file = artwork.media[position]; const open = el('button', { className: 'art-open', type: 'button', 'aria-label': state.mode === 'grid' ? tr('Vezi pe rând ', 'View individually ') + displayTitle(artwork) : tr('Mărește ', 'Enlarge ') + displayTitle(artwork), onClick: () => { if (state.mode === 'grid') { state.mode = 'focus'; state.focus = visible().findIndex(item => item.id === artwork.id); render(); } else openMedia(artwork, position); } }); if (file.kind === 'image') open.append(imageNode(file)); else open.append(document.createTextNode(file.kind === 'video' ? '▶ Video' : '▤ Document PDF')); stage.append(open, el('button', { className: 'media-zoom', type: 'button', onClick: () => openMedia(artwork, position) }, [document.createTextNode(tr('Mărește ↗', 'Enlarge ↗'))])); if (artwork.media.length > 1) { const nav = el('div', { className: 'media-nav', 'aria-label': tr('Navigare fișiere', 'Media navigation') }); nav.append(el('button', { type: 'button', 'aria-label': tr('Fișierul anterior', 'Previous media'), disabled: position === 0, onClick: () => { state.mediaPositions[artwork.id] = position - 1; render(); } }, [document.createTextNode('←')]), el('span', {}, [document.createTextNode(`${position + 1} / ${artwork.media.length}`)]), el('button', { type: 'button', 'aria-label': tr('Fișierul următor', 'Next media'), disabled: position === artwork.media.length - 1, onClick: () => { state.mediaPositions[artwork.id] = position + 1; render(); } }, [document.createTextNode('→')])); stage.append(nav); } const title = el('h3'); setArtworkTitle(title, artwork); const heading = el('div', { className: 'work-heading' }, [title, el('span', { className: 'work-number' }, [document.createTextNode('ARTWORK ' + String(index + 1).padStart(2, '0'))])]); const choose = el('div', { className: 'vote-buttons', role: 'group', 'aria-label': tr('Vot pentru ','Vote for ') + displayTitle(artwork) }); const labels = { yes: tr('Da','Yes'), no: tr('Nu','No'), maybe: tr('Poate','Maybe') }; ['yes','no','maybe'].forEach(choice => { choose.append(el('button', { type: 'button', 'data-vote': choice, 'aria-pressed': String(vote(artwork.id) === choice), onClick: () => setVote(artwork.id, choice) }, [document.createTextNode(labels[choice])])); }); const bottom = el('div', { className: 'card-bottom' }, [el('span', {}, [document.createTextNode(vote(artwork.id) ? tr('Alegerea ta: ','Your choice: ') + labels[vote(artwork.id)] : tr('Fără vot','Not rated'))])]); if (vote(artwork.id)) bottom.append(el('button', { className: 'clear-vote', type: 'button', onClick: () => { delete state.votes[artwork.id]; state.undo = null; render(); } }, [document.createTextNode(tr('Șterge votul','Clear vote'))])); const lang = state.language; const story = artwork['story_' + lang] || artwork.story; const technique = artwork['technique_' + lang] || artwork.technique; const description = artwork['description_' + lang] || artwork.description; article.append(stage, heading); if (story) article.append(el('p', { className: 'work-description' }, [document.createTextNode(story)])); article.append(el('p', { className: 'work-meta' }, [document.createTextNode(technique || tr('Tehnică nespecificată','Technique not specified'))]), el('p', { className: 'work-description' }, [document.createTextNode(description || '')]), el('div', { className: 'vote-zone' }, [choose, bottom])); return article; } function setVote(artworkId, choice) { const artist = current(); if (choice === 'yes' && vote(artworkId) !== 'yes' && artistVotes(artist) >= 2) return notice(tr('Poți alege cel mult 2 lucrări pentru acest artist.','You may select at most 2 artworks per artist.'), true); state.votes[artworkId] = choice; state.undo = null; render(); } function renderStats() { const counts = { yes: 0, no: 0, maybe: 0, unrated: 0 }; state.artists.forEach(artist => artist.artworks.forEach(artwork => vote(artwork.id) ? counts[vote(artwork.id)]++ : counts.unrated++)); ['yes','no','maybe','unrated'].forEach(name => text($('count-' + name), counts[name])); const done = counts.yes + counts.no + counts.maybe; text($('progress-label'), `${done} / ${done + counts.unrated}`); $('progress').max = done + counts.unrated || 1; $('progress').value = done; } function allSaved() { return state.artists.length > 0 && state.artists.every(artist => artist.artworks.every(item => valid.has(state.savedVotes[item.id]) && vote(item.id) === state.savedVotes[item.id])); } function render() { state.artist = Math.max(0, Math.min(state.artist, reachable())); const artist = current(); if (!artist) return; $('voting').hidden = state.screen === 'summary'; $('summary').hidden = state.screen !== 'summary'; if (state.screen === 'summary') { renderSummary(); return; } $('batch').replaceChildren(...state.artists.map((item, index) => el('option', { value: index, disabled: index > reachable() ? '' : null }, [document.createTextNode('#' + (index + 1) + ' ' + item.name)

Preselecțialucrărilor.

Nicio lucrare în acest filtru.

Evaluareajuriului.

Preselecția
lucrărilor.

Evaluarea
juriului.