stockcropper/SC-F001
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update main/webpage.html

Browse Source 
get rid of out of distance modal, select only non-read-only items
This commit is contained in:
Tim Tofte
2026-02-17 13:36:06 -06:00
parent 26c3058c23
commit a56d244f3d
1 changed files with 9 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
main/webpage.html
View File

@@ -23,13 +23,14 @@ black: #2f2f2f
font-family: "Noto Sans", "Verdana", sans-serif; font-family: "Noto Sans", "Verdana", sans-serif;
} }
input, button { width: 100%; } input, button { width: 100%; }
input, button { border: 1px solid #ba965b; border-radius: 5px; background-color: #efede9; text-align: right; box-sizing: border-box; } input, button { background-color: #efede9; text-align: right; box-sizing: border-box; border: 1px; border-radius: 5px; margin: 5px;}
input[type="text"], input[type="number"] { font-family: monospace; } input[type="text"], input[type="number"],input[type="time"] { font-family: monospace;border: 1px solid #ba965b; border-radius: 5px; }
input[readonly] { background-color: #e4e4e4; }
button { text-align: center; } input[readonly] { background-color: #e4e4e4; border-radius: 5px;}
button { text-align: center; border: 1px solid #ba965b; border-radius: 5px; }
.changed, #commit_btn { background-color: #2a493d !important; color: #ffffff !important; } .changed, #commit_btn { background-color: #2a493d !important; color: #ffffff !important; }
#cancel_btn { background-color: #723 !important; color: #ffffff !important; } #cancel_btn { background-color: #723 !important; color: #ffffff !important; }
#commit_btn, #cancel_btn { width: 45%; margin-top: 10px; padding: 10px; cursor: pointer; border: none; font-weight: bold; } #commit_btn, #cancel_btn { width: 45%; margin-top: 10px; padding: 10px; cursor: pointer; border: none; font-weight: bold; }
@@ -170,7 +171,7 @@ black: #2f2f2f
<td colspan="3"><input readonly="" id="msg"/></td> <td colspan="3"><input readonly="" id="msg"/></td>
</tr> </tr>
<tr> <tr>
<td colspan="3"><input type="datetime-local" id="UX_TIME" step="1" onchange="markChanged(this)"/> <td colspan="3"><input type="datetime-local" id="UX_TIME" step="1" readonly=""/>
<button id="now_btn" onclick="setTimeToNow()">Sync Time</button></td> <button id="now_btn" onclick="setTimeToNow()">Sync Time</button></td>
</tr> </tr>
<tr> <tr>
@@ -333,7 +334,6 @@ black: #2f2f2f
let paramTableCreated = false; // Track if param table has been created let paramTableCreated = false; // Track if param table has been created
let pollInterval = null; // Store interval ID for polling let pollInterval = null; // Store interval ID for polling
let modalResolve = null; let modalResolve = null;
let modalDismissed = false; // Track if out-of-distance modal was dismissed
const ge = (id) => document.getElementById(id); const ge = (id) => document.getElementById(id);
@@ -835,11 +835,6 @@ black: #2f2f2f
remainingDistInput.value = data.remaining_dist.toFixed(1); remainingDistInput.value = data.remaining_dist.toFixed(1);
} }
// Check if we should show the "out of distance" modal
if (!modalDismissed && (data.remaining_dist === undefined || data.remaining_dist === null || data.remaining_dist <= 0)) {
showOutOfDistanceModal();
}
} }
@@ -873,6 +868,7 @@ black: #2f2f2f
// duh // duh
document.querySelectorAll('input').forEach(input => { document.querySelectorAll('input').forEach(input => {
input.addEventListener('click', function() { input.addEventListener('click', function() {
if (this.readOnly != true)
this.select(); this.select();
}); });
}); });
@@ -1054,7 +1050,7 @@ black: #2f2f2f
// Show dialog and instruct user to press button // Show dialog and instruct user to press button
await modalAlert( await modalAlert(
`Button ${i+1}/4: ${buttonNames[i]}\n\nPress the ${buttonNames[i]} button on your remote now.\n\nPress OK when done (or just press OK to leave unprogrammed).`, `Button ${i+1}/4: ${buttonNames[i]}\n\nPress the ${buttonNames[i]} button on your remote once now.\n\nPress OK when done (or just press OK to leave unprogrammed).`,
'Program Button' 'Program Button'
); );
@@ -1288,34 +1284,6 @@ black: #2f2f2f
} }
} }
async function showOutOfDistanceModal() {
const distance = await modalPrompt(
'Remaining distance is 0 or less. Would you like to add more distance?',
'Add Distance (feet)'
);
if (distance === null || distance === '') {
// User clicked cancel or entered nothing - mark as dismissed
modalDismissed = true;
return;
}
const dist = parseFloat(distance);
if (isNaN(dist) || dist <= 0) {
await modalAlert('Invalid distance. Modal dismissed.');
modalDismissed = true;
return;
}
// Set the remaining distance input and commit
const remainingDistInput = ge('UX_REM_DIST');
if (remainingDistInput) {
remainingDistInput.value = dist.toFixed(1);
markChanged(remainingDistInput);
await commitParams();
}
}
// Start automatic polling // Start automatic polling
function startPolling() { function startPolling() {
// Initial fetch // Initial fetch