Scores – Test Discipline  <div class="print-only" id="printView" style="display:none;"></div> <style> /* ── PRINT SCORES ── */ @media print { .no-print, .navbar, .footer, .edit-hint, .dup-banner { display: none !important; } .print-only { display: block !important; } .scores-table { display: none !important; } body { background: white !important; font-family: Arial, sans-serif; } .main-content { padding: 0 !important; max-width: 100% !important; } .page-header { margin-bottom: 0.5rem !important; } .page-title { font-size: 1.4rem !important; color: #1a2e55 !important; } .page-sub { font-size: 0.85rem !important; color: #555 !important; } .print-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; margin-top: 0.75rem; } .print-table th { background: #1a2e55; color: white; padding: 6px 10px; text-align: left; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; } .print-table td { padding: 5px 10px; border-bottom: 1px solid #ddd; } .print-table tr:nth-child(even) td { background: #f5f7f9; } .print-rank { font-weight: 700; color: #1a2e55; text-align: center; width: 36px; } .print-total { font-weight: 700; text-align: right; color: #1a2e55; } .print-footer { margin-top: 0.75rem; font-size: 0.7rem; color: #888; text-align: right; } .medal-1 td { background: #fffbe6 !important; } .medal-2 td { background: #f5f5f5 !important; } .medal-3 td { background: #fff3ec !important; } } </style> <script> function printScores() { // Collect all rows with their totals const rows = []; document.querySelectorAll('tr[data-eid]').forEach(tr => { const eid = tr.dataset.eid; const name = tr.querySelector('.td-name')?.textContent.trim() || ''; const club = tr.querySelector('.muted')?.textContent.trim() || ''; const totalEl = document.getElementById('total-' + eid); const totalTxt = totalEl?.textContent.trim() || '–'; const total = totalTxt === '–' ? -Infinity : parseFloat(totalTxt); const avgEl = document.getElementById('avg-' + eid); const avg = avgEl?.textContent.trim() || '–'; // Collect shot values for this row const shots = []; tr.querySelectorAll('.shot-cell').forEach(cell => { shots.push(cell.dataset.score !== '' ? parseFloat(cell.dataset.score).toFixed(1) : '–'); }); rows.push({ eid, name, club, total, totalTxt, avg, shots }); }); // Sort best to worst rows.sort((a, b) => b.total - a.total); // Deduplicate: if a competitor name appears multiple times keep the best (already sorted) const seen = new Set(); const unique = rows.filter(r => { if (seen.has(r.name)) return false; seen.add(r.name); return true; }); // Build print table const numShots = 5; const numTest = 0; const medals = ['🥇', '🥈', '🥉']; let shotHeaders = ''; for (let i = 1; i <= numShots; i++) { shotHeaders += `<th>S${i}</th>`; } let rows_html = unique.map((r, i) => { const rank = i + 1; const medal = medals[i] || rank; const cls = i < 3 ? `medal-${i+1}` : ''; const shotCells = r.shots.map(s => `<td style="text-align:center;font-family:monospace;">${s}</td>`).join(''); return `<tr class="${cls}"> <td class="print-rank">${medal}</td> <td><strong>${r.name}</strong></td> <td style="color:#555;">${r.club}</td> ${shotCells} <td class="print-total">${r.totalTxt}</td> <td style="text-align:right;color:#555;">${r.avg}</td> </tr>`; }).join(''); const countingLabel = numTest > 0 ? `${numShots - numTest} counting shots (${numTest} test shots excluded)` : `${numShots} shots`; const now = new Date().toLocaleDateString('en', {year:'numeric',month:'long',day:'numeric'}); document.getElementById('printView').innerHTML = ` <table class="print-table"> <thead> <tr> <th>#</th> <th>Competitor</th> <th>Club / Team</th> ${shotHeaders} <th style="text-align:right;">Total</th> <th style="text-align:right;">Average</th> </tr> </thead> <tbody>${rows_html}</tbody> </table> <div class="print-footer"> Test Discipline · Demonstratie Wedstrijd Gelderland · ${countingLabel} · max 10.0 pts/shot · Printed ${now} </div>`; document.getElementById('printView').style.display = 'block'; window.print(); document.getElementById('printView').style.display = 'none'; } </script>