Samuel Enocsson
3dcd3131a0
Add getMonthlyHistory() to models/player for single-player use and getAllMonthlyHistoriesFromDB() for bulk fetches (one query, grouped in memory). Wire monthlyHistory into all player objects returned by getPlayerDataFromDB and getAllRatingsFromDB. Bulk path pre-fetches in one query to avoid N extra per-player queries.
70 lines
4.6 KiB
Plaintext
70 lines
4.6 KiB
Plaintext
<% if (ratings.length === 0) { %>
|
|
<p style="text-align: center; color: var(--text-muted); padding: 40px 0;">No ratings found.</p>
|
|
<% } else { %>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th class="mobile-hide">Rank</th>
|
|
<th>Player Name</th>
|
|
<th class="mobile-hide">PDGA #</th>
|
|
<th>Rating</th>
|
|
<th class="mobile-hide">Predicted<span class="th-hint">next official update</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% ratings.forEach(function(player, index) {
|
|
var ratingChange = player.ratingChange;
|
|
var ratingChangePillText = ratingChange != null ? (ratingChange > 0 ? '+' + ratingChange : ratingChange.toString()) : null;
|
|
var ratingChangePillClass = ratingChange > 0 ? 'up' : ratingChange < 0 ? 'down' : 'flat';
|
|
|
|
var deltaPredicted = player.deltaPredicted ?? null;
|
|
var deltaPredictedPillText = deltaPredicted != null ? (deltaPredicted > 0 ? '+' + deltaPredicted : deltaPredicted.toString()) : null;
|
|
var deltaPredictedPillClass = deltaPredicted > 0 ? 'up' : deltaPredicted < 0 ? 'down' : 'flat';
|
|
%>
|
|
<tr id="row-<%= player.pdgaNumber %>" class="expandable-row" onclick="togglePlayerHistory(<%= player.pdgaNumber %>)">
|
|
<td class="mobile-hide"><%= index + 1 %></td>
|
|
<td class="player-name">
|
|
<a href="https://www.pdga.com/player/<%= player.pdgaNumber %>" target="_blank" onclick="event.stopPropagation()"><%= player.name %></a>
|
|
<div class="mobile-only pdga-number" style="font-size: 11px; margin-top: 2px;">PDGA #<%= player.pdgaNumber %></div>
|
|
</td>
|
|
<td class="pdga-number mobile-hide">#<%= player.pdgaNumber %></td>
|
|
<td class="rating">
|
|
<div class="refresh-section">
|
|
<span class="rating-value" data-rating="<%= player.rating || '' %>" data-stddev="<%= player.stdDev || '' %>" data-pdga="<%= player.pdgaNumber %>" style="cursor: help;"><%- player.rating || '<span style="color: var(--text-muted); font-style: italic;">Click refresh</span>' %></span>
|
|
<i class="fas fa-sync-alt refresh-icon" onclick="refreshPlayer(<%= player.pdgaNumber %>)" title="Refresh player data"></i>
|
|
</div>
|
|
<% if (ratingChangePillText) { %>
|
|
<span class="delta-pill <%= ratingChangePillClass %>"><%= ratingChangePillText %></span>
|
|
<% } %>
|
|
<div class="std-dev-tooltip" id="tooltip-rating-<%= player.pdgaNumber %>"></div>
|
|
</td>
|
|
<td class="predicted-rating mobile-hide" id="predicted-<%= player.pdgaNumber %>">
|
|
<div class="refresh-section">
|
|
<span class="predicted-value" data-stddev="<%= player.stdDev || '' %>" data-pdga="<%= player.pdgaNumber %>" style="cursor: help;"><%= player.predictedRating || 'N/A' %></span>
|
|
<i class="fas fa-question-circle debug-icon" onclick="showDebugInfo(<%= player.pdgaNumber %>)" title="Show calculation details" style="margin-left: 5px; color: var(--text-muted); cursor: pointer; opacity: 0.6;"></i>
|
|
<i class="fas fa-sync-alt refresh-icon" onclick="refreshRoundHistory(<%= player.pdgaNumber %>)" title="Refresh prediction data"></i>
|
|
</div>
|
|
<% if (deltaPredictedPillText) { %>
|
|
<span class="delta-pill delta-predicted-pill <%= deltaPredictedPillClass %>"><%= deltaPredictedPillText %></span>
|
|
<% } %>
|
|
<div class="std-dev-tooltip" id="tooltip-stddev-<%= player.pdgaNumber %>"></div>
|
|
</td>
|
|
</tr>
|
|
<tr id="history-<%= player.pdgaNumber %>" class="expanded-content">
|
|
<td colspan="5" class="expanded-cell">
|
|
<div class="chart-title">
|
|
<div class="refresh-section">
|
|
Rating History for <%= player.name %>
|
|
<i class="fas fa-sync-alt refresh-icon" onclick="refreshRatingHistory(<%= player.pdgaNumber %>)" title="Refresh rating history"></i>
|
|
</div>
|
|
</div>
|
|
<div id="history-content-<%= player.pdgaNumber %>">
|
|
<div class="loading-chart">Click to load rating history...</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<% }); %>
|
|
</tbody>
|
|
</table>
|
|
<% } %>
|