feat: add target rating calculator (#2)

This commit is contained in:
Samuel Enocsson
2026-05-22 13:15:16 +02:00
parent c6ac174921
commit 1e66b9f94f
6 changed files with 343 additions and 0 deletions
+25
View File
@@ -102,6 +102,31 @@
</div>
</div>
</div>
<!-- Target Rating Modal -->
<div id="target-rating-modal" class="modal" onclick="closeTargetRatingModal(event)">
<div class="modal-content" onclick="event.stopPropagation()">
<button class="modal-close" onclick="closeTargetRatingModal()">&times;</button>
<div class="modal-header" id="target-rating-modal-header">Calculate Target Rating</div>
<div class="modal-body" id="target-rating-modal-body">
<form id="target-rating-form" onsubmit="calculateTargetRating(event)">
<input type="hidden" id="target-rating-pdga" value="">
<div class="form-row">
<label for="target-rating-input">Target predicted rating</label>
<input type="number" id="target-rating-input" min="400" max="1200" step="1" required>
</div>
<div class="form-row">
<label for="target-rounds-input">Number of rounds</label>
<input type="number" id="target-rounds-input" min="1" max="20" step="1" value="4" required>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-confirm" id="target-rating-submit">Calculate</button>
</div>
</form>
<div id="target-rating-result" class="target-rating-result" style="display:none;"></div>
</div>
</div>
</div>
`; %>
<%- include('../partials/layout', {
+3
View File
@@ -82,6 +82,9 @@ function renderSparkline(values) {
<button class="icon-btn refresh-icon" onclick="refreshPlayerData(<%= player.pdgaNumber %>)" title="Refresh rating + prediction" aria-label="Refresh rating and prediction">
<i class="fas fa-sync-alt"></i>
</button>
<button class="icon-btn target-rating-icon" onclick="openTargetRatingModal(<%= player.pdgaNumber %>)" title="Calculate target rating" aria-label="Calculate target rating">
<i class="fas fa-bullseye"></i>
</button>
<button class="icon-btn icon-chev" onclick="togglePlayerHistory(<%= player.pdgaNumber %>)" title="Expand row" aria-label="Expand">
<i class="fas fa-chevron-down"></i>
</button>