Samuel Enocsson
45 lines
1.4 KiB
Plaintext
45 lines
1.4 KiB
Plaintext
<%
|
|
const hasPlayer = (typeof player !== 'undefined' && player);
|
|
const chartPdgaNumber = hasPlayer ? player.pdgaNumber : pdgaNumber;
|
|
%>
|
|
<div class="player-detail">
|
|
<% if (hasPlayer) { %>
|
|
<dl class="detail-grid">
|
|
<div>
|
|
<dt>Current rating</dt>
|
|
<dd><%= player.rating ?? '—' %></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Last month</dt>
|
|
<dd><%= player.lastMonthRating ?? '—' %></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Change vs last month</dt>
|
|
<dd>
|
|
<% if (player.ratingChange != null) { %><%- include('delta-pill', { value: player.ratingChange }) %><% } else { %>—<% } %>
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Predicted next update</dt>
|
|
<dd><%= player.predictedRating ?? '—' %></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Gap to predicted</dt>
|
|
<dd>
|
|
<% if (player.deltaPredicted != null) { %><%- include('delta-pill', { value: player.deltaPredicted, extraClass: 'delta-predicted-pill' }) %><% } else { %>—<% } %>
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
<button class="link-btn" onclick="showDebugInfo(<%= player.pdgaNumber %>)" style="margin-top: 4px;">View calculation details →</button>
|
|
<% } %>
|
|
|
|
<% if (history && history.length > 0) { %>
|
|
<div class="player-chart" id="chart-<%= chartPdgaNumber %>"
|
|
data-history="<%= JSON.stringify(history) %>">
|
|
</div>
|
|
<% } else { %>
|
|
<div class="loading-chart">No rating history available</div>
|
|
<% } %>
|
|
</div>
|
|
<div class="chart-tooltip" id="tooltip-<%= chartPdgaNumber %>"></div>
|