feat: refine scoring with hole info, putts, penalties, bunkers
Co-authored-by: aider (openrouter/thinkingmachines/inkling-small:free) <aider@aider.chat>
This commit is contained in:
Jiří Stachandaider committed
1 parent
9f72bf3a6a
commit
d7c491ec22
3 files changed
+123
-76
No files matched your search
+34
-20
@@ -52,20 +52,27 @@ async function loadRound() {
|
||||
function renderHole(hole) {
|
||||
document.getElementById('hole-score-id').value = hole.hole_score_id;
|
||||
document.getElementById('hole-label').textContent = `Hole ${hole.hole_number}`;
|
||||
document.getElementById('strokes').value = hole.strokes || 0;
|
||||
document.getElementById('fairway').checked = hole.fairway_hit;
|
||||
document.getElementById('skipped').checked = hole.skipped;
|
||||
document.getElementById('completed').checked = hole.completed;
|
||||
document.getElementById('strokes').value = hole.strokes || 1;
|
||||
document.getElementById('unfinished').checked = hole.unfinished || false;
|
||||
document.getElementById('skipped').checked = hole.skipped || false;
|
||||
document.getElementById('completed').checked = hole.completed || false;
|
||||
document.getElementById('fairway').checked = hole.fairway_hit || false;
|
||||
document.getElementById('gir-display').textContent = hole.gir ? 'Yes' : 'No';
|
||||
|
||||
const putts = hole.putts || [];
|
||||
document.getElementById('putts-input').value = putts.map(p => p.location).join(',');
|
||||
document.getElementById('putts-green').value = hole.putts_green || 0;
|
||||
document.getElementById('putts-off-green').value = hole.putts_off_green || 0;
|
||||
|
||||
const pens = (hole.penalties || []).map(p => p.type).join(',');
|
||||
document.getElementById('penalties-input').value = pens;
|
||||
document.getElementById('pen-water').checked = hole.penalty_water || false;
|
||||
document.getElementById('pen-ob').checked = hole.penalty_ob || false;
|
||||
document.getElementById('pen-lost').checked = hole.penalty_lost || false;
|
||||
|
||||
const buns = (hole.bunkers || []).map(b => b.location).join(',');
|
||||
document.getElementById('bunkers-input').value = buns;
|
||||
document.getElementById('bunker-greenside').checked = hole.bunker_greenside || false;
|
||||
document.getElementById('bunker-fairway').checked = hole.bunker_fairway || false;
|
||||
|
||||
const info = hole.hole_info || {};
|
||||
document.getElementById('hole-info').innerHTML = `
|
||||
<strong>Par ${info.par}</strong> | Tee: ${info.tee} | ${info.yardage_meters}m
|
||||
`;
|
||||
}
|
||||
|
||||
function renderNav(holes) {
|
||||
@@ -93,26 +100,30 @@ function nextHole() {
|
||||
|
||||
async function saveHole() {
|
||||
const id = document.getElementById('hole-score-id').value;
|
||||
const strokes = parseInt(document.getElementById('strokes').value) || 0;
|
||||
const fairway = document.getElementById('fairway').checked;
|
||||
const strokes = parseInt(document.getElementById('strokes').value) || 1;
|
||||
const unfinished = document.getElementById('unfinished').checked;
|
||||
const skipped = document.getElementById('skipped').checked;
|
||||
const completed = document.getElementById('completed').checked;
|
||||
const fairway = document.getElementById('fairway').checked;
|
||||
|
||||
const puttsStr = document.getElementById('putts-input').value;
|
||||
const putts = puttsStr.split(',').filter(s => s.trim()).map(s => ({location: s.trim()}));
|
||||
const puttsGreen = parseInt(document.getElementById('putts-green').value) || 0;
|
||||
const puttsOffGreen = parseInt(document.getElementById('putts-off-green').value) || 0;
|
||||
|
||||
const pensStr = document.getElementById('penalties-input').value;
|
||||
const penalties = pensStr.split(',').filter(s => s.trim()).map(s => ({type: s.trim()}));
|
||||
const penWater = document.getElementById('pen-water').checked;
|
||||
const penOb = document.getElementById('pen-ob').checked;
|
||||
const penLost = document.getElementById('pen-lost').checked;
|
||||
|
||||
const bunsStr = document.getElementById('bunkers-input').value;
|
||||
const bunkers = bunsStr.split(',').filter(s => s.trim()).map(s => ({location: s.trim()}));
|
||||
const bunkerGreenside = document.getElementById('bunker-greenside').checked;
|
||||
const bunkerFairway = document.getElementById('bunker-fairway').checked;
|
||||
|
||||
const res = await fetch(`/hole/${id}`, {
|
||||
method: 'POST',
|
||||
headers: {'Content-Type': 'application/json'},
|
||||
body: JSON.stringify({
|
||||
strokes, skipped, completed, fairway_hit: fairway,
|
||||
putts, penalties, bunkers
|
||||
strokes, skipped, completed, fairway_hit: fairway, unfinished,
|
||||
putts_green: puttsGreen, putts_off_green: puttsOffGreen,
|
||||
penalty_water: penWater, penalty_ob: penOb, penalty_lost: penLost,
|
||||
bunker_greenside: bunkerGreenside, bunker_fairway: bunkerFairway
|
||||
})
|
||||
});
|
||||
const result = await res.json();
|
||||
@@ -128,6 +139,9 @@ async function loadStats() {
|
||||
<p><strong>Total Putts:</strong> ${stats.total_putts}</p>
|
||||
<p><strong>Fairways Hit:</strong> ${stats.fairways_hit}</p>
|
||||
<p><strong>GIR:</strong> ${stats.gir}</p>
|
||||
<p><strong>Penalty Strokes:</strong> ${stats.penalty_strokes}</p>
|
||||
<p><strong>Bunker Greenside:</strong> ${stats.bunker_greenside}</p>
|
||||
<p><strong>Bunker Fairway:</strong> ${stats.bunker_fairway}</p>
|
||||
<p><strong>Holes Played:</strong> ${stats.holes_played}</p>
|
||||
`;
|
||||
}
|
||||
+12
-5
@@ -11,6 +11,7 @@ label { display: inline-block; margin: 0.25rem 0; }
|
||||
input, select { padding: 0.25rem; }
|
||||
button { padding: 0.4rem 0.8rem; margin-right: 0.5rem; cursor: pointer; }
|
||||
#stats-display p { margin: 0.2rem 0; }
|
||||
#hole-info { font-size: 0.95rem; color: #555; margin-bottom: 0.5rem; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -36,15 +37,21 @@ button { padding: 0.4rem 0.8rem; margin-right: 0.5rem; cursor: pointer; }
|
||||
<strong id="hole-label">Hole 1</strong>
|
||||
<button id="next-btn" onclick="nextHole()">Next</button>
|
||||
</div>
|
||||
<div id="hole-info"></div>
|
||||
<form id="hole-form" onsubmit="event.preventDefault(); saveHole();">
|
||||
<input type="hidden" id="hole-score-id" />
|
||||
<label>Strokes: <input id="strokes" type="number" value="0" min="0" /></label><br>
|
||||
<label>Fairway Hit: <input id="fairway" type="checkbox" /></label><br>
|
||||
<label>Strokes (1+): <input id="strokes" type="number" value="1" min="1" /></label><br>
|
||||
<label>Unfinished (X): <input id="unfinished" type="checkbox" /></label><br>
|
||||
<label>Skipped: <input id="skipped" type="checkbox" /></label><br>
|
||||
<label>Completed: <input id="completed" type="checkbox" /></label><br>
|
||||
<label>Putts (comma list): <input id="putts-input" type="text" placeholder="green,green" /></label><br>
|
||||
<label>Penalties (comma list): <input id="penalties-input" type="text" placeholder="water" /></label><br>
|
||||
<label>Bunkers (comma list): <input id="bunkers-input" type="text" placeholder="greenside" /></label><br>
|
||||
<label>Fairway Hit: <input id="fairway" type="checkbox" /></label><br>
|
||||
<label>Putts on Green: <input id="putts-green" type="number" value="0" min="0" /></label><br>
|
||||
<label>Putts Off Green: <input id="putts-off-green" type="number" value="0" min="0" /></label><br>
|
||||
<label>Penalty - Water: <input id="pen-water" type="checkbox" /></label><br>
|
||||
<label>Penalty - OB: <input id="pen-ob" type="checkbox" /></label><br>
|
||||
<label>Penalty - Lost Ball: <input id="pen-lost" type="checkbox" /></label><br>
|
||||
<label>Bunker - Greenside: <input id="bunker-greenside" type="checkbox" /></label><br>
|
||||
<label>Bunker - Fairway: <input id="bunker-fairway" type="checkbox" /></label><br>
|
||||
<button type="submit">Save Hole</button>
|
||||
</form>
|
||||
<p>GIR: <strong id="gir-display">No</strong></p>
|
||||
|
||||
Reference in new issue
Block a user