diff --git a/public/css/players.css b/public/css/players.css index ac98cae..ce221a3 100644 --- a/public/css/players.css +++ b/public/css/players.css @@ -94,24 +94,6 @@ box-shadow: var(--shadow-lg); } -/* ── Tooltips ─────────────────────────────────── */ - -.std-dev-tooltip { - position: absolute; - background: var(--navy-900); - color: var(--text-inverse); - padding: 6px 10px; - border-radius: var(--radius-sm); - font-size: 12px; - font-family: var(--font-mono); - pointer-events: none; - z-index: 10000; - display: none; - white-space: nowrap; - box-shadow: var(--shadow-lg); - font-weight: 400; -} - /* ── Debug Icon ───────────────────────────────── */ .debug-icon:hover { diff --git a/public/js/players.js b/public/js/players.js index c46e7b6..45d3841 100644 --- a/public/js/players.js +++ b/public/js/players.js @@ -57,7 +57,6 @@ function setupAfterTableSwap() { document.body.addEventListener('htmx:afterSwap', function(event) { const target = event.detail.target; if (target.id === 'ratings-table') { - initRatingsTooltips(); initChartsIn(target); return; } @@ -67,31 +66,6 @@ function setupAfterTableSwap() { }); } -function initRatingsTooltips() { - document.querySelectorAll('.predicted-value').forEach(span => { - const pdgaNumber = span.dataset.pdga; - const stdDev = span.dataset.stddev; - const tooltip = document.getElementById(`tooltip-stddev-${pdgaNumber}`); - - if (stdDev && tooltip) { - setupTooltip(span, tooltip, () => `Standard Deviation: \u00b1${stdDev}`); - } - }); - - document.querySelectorAll('.rating-value').forEach(span => { - const pdgaNumber = span.dataset.pdga; - const rating = parseInt(span.dataset.rating); - const stdDev = parseInt(span.dataset.stddev); - const tooltip = document.getElementById(`tooltip-rating-${pdgaNumber}`); - - if (rating && stdDev && tooltip) { - const minRating = rating - stdDev; - const maxRating = rating + stdDev; - setupTooltip(span, tooltip, () => `Rating Range: ${minRating} - ${maxRating} (\u00b1${stdDev})`); - } - }); -} - function togglePlayerHistory(pdgaNumber) { const historyRow = document.getElementById('history-' + pdgaNumber); const contentDiv = document.getElementById('history-content-' + pdgaNumber); @@ -191,16 +165,6 @@ async function refreshPlayer(pdgaNumber) { if (ratingValue) { ratingValue.textContent = data.player.rating || 'N/A'; ratingValue.dataset.rating = data.player.rating || ''; - - const stdDev = parseInt(ratingValue.dataset.stddev); - const rating = parseInt(data.player.rating); - const tooltip = document.getElementById(`tooltip-rating-${pdgaNumber}`); - - if (rating && stdDev && tooltip) { - const minRating = rating - stdDev; - const maxRating = rating + stdDev; - replaceWithTooltip(ratingValue, tooltip, () => `Rating Range: ${minRating} - ${maxRating} (\u00b1${stdDev})`); - } } const deltaMonthPill = ratingCell ? ratingCell.querySelector('.delta-pill') : null; @@ -232,11 +196,6 @@ async function refreshRoundHistory(pdgaNumber) { if (predictedValue) { predictedValue.textContent = data.predictedRating || 'N/A'; predictedValue.dataset.stddev = data.stdDev || ''; - - const tooltip = document.getElementById(`tooltip-stddev-${pdgaNumber}`); - if (data.stdDev && tooltip) { - replaceWithTooltip(predictedValue, tooltip, () => `Standard Deviation: \u00b1${data.stdDev}`); - } } } @@ -245,16 +204,6 @@ async function refreshRoundHistory(pdgaNumber) { const ratingValue = ratingCell ? ratingCell.querySelector('.rating-value') : null; if (ratingValue && data.stdDev) { ratingValue.dataset.stddev = data.stdDev; - - const rating = parseInt(ratingValue.dataset.rating); - const stdDev = parseInt(data.stdDev); - const ratingTooltip = document.getElementById(`tooltip-rating-${pdgaNumber}`); - - if (rating && stdDev && ratingTooltip) { - const minRating = rating - stdDev; - const maxRating = rating + stdDev; - replaceWithTooltip(ratingValue, ratingTooltip, () => `Rating Range: ${minRating} - ${maxRating} (\u00b1${stdDev})`); - } } } } catch (error) { diff --git a/views/partials/player-history.ejs b/views/partials/player-history.ejs index 29af37b..7df494a 100644 --- a/views/partials/player-history.ejs +++ b/views/partials/player-history.ejs @@ -26,6 +26,16 @@ const chartPdgaNumber = hasPlayer ? player.pdgaNumber : pdgaNumber;