stsL/argo
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Redesign touch controls and engagement interaction

Browse Source
This commit is contained in:
PitresAli
2026-08-26 19:29:39 +02:00
parent 7a9ab0e553
commit 3d47f479e6
4 changed files with 142 additions and 455 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SUB Control/web/index.html
+7 -7
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Sub Control</title>
<link rel="stylesheet" href="styles.css?v=20260826-stage2-fix1">
<link rel="stylesheet" href="styles.css?v=20260826-controls-v2">
</head>
<body>
<main class="app-shell">
@@ -97,9 +97,9 @@
<div class="engage-header-zone">
<span class="zone-label">vehicle control</span>
<button id="engage" class="button subtle engage-button" aria-label="Engage" title="Engage (F2)">
<span class="arm-copy">
<span id="engage-label" class="arm-label">Engage</span>
<span class="arm-holding-label">Engaging…</span>
<span class="engage-face">
<span id="engage-label" class="engage-label">ENGAGE</span>
<span class="engage-progress-label" aria-hidden="true">ENGAGE</span>
</span>
</button>
</div>
@@ -156,8 +156,8 @@
<dialog id="battery-modal" class="modal"><button class="modal-close" data-close>×</button><small>Power</small><h2>Battery Settings</h2><form id="battery-form" class="form-grid three"><label><span>Cells (S)</span><div class="number-pill"><button type="button" class="num-step down" tabindex="-1">‹</button><input name="cells" type="number" min="1" step="1"><button type="button" class="num-step up" tabindex="-1">›</button></div></label><label><span>Capacity (mAh)</span><div class="number-pill"><button type="button" class="num-step down" tabindex="-1">‹</button><input name="capacity_mah" type="number" min="1" step="50"><button type="button" class="num-step up" tabindex="-1">›</button></div></label><label><span>C rating</span><div class="number-pill"><button type="button" class="num-step down" tabindex="-1">‹</button><input name="c_rating" type="number" min="1" step=".1"><button type="button" class="num-step up" tabindex="-1">›</button></div></label><label><span>Full V / cell</span><div class="number-pill"><button type="button" class="num-step down" tabindex="-1">‹</button><input name="full_v_per_cell" type="number" step=".01"><button type="button" class="num-step up" tabindex="-1">›</button></div></label><label><span>Empty V / cell</span><div class="number-pill"><button type="button" class="num-step down" tabindex="-1">‹</button><input name="empty_v_per_cell" type="number" step=".01"><button type="button" class="num-step up" tabindex="-1">›</button></div></label><label><span>Warning %</span><div class="number-pill"><button type="button" class="num-step down" tabindex="-1">‹</button><input name="warning_percent" type="number" min="0" max="100" step="1"><button type="button" class="num-step up" tabindex="-1">›</button></div></label><div class="modal-actions wide"><button type="button" class="button subtle" data-close>Cancel</button><button class="button connect-button">Save Settings</button></div></form></dialog>
<dialog id="motors-modal" class="modal motor-modal"><button class="modal-close" data-close>×</button><small>configuration</small><h2>Motor Outputs</h2><p class="note">Function and direction are read one parameter at a time to protect the low-bandwidth link.</p><div class="motor-head"><span>Output</span><span>Function</span><span>Direction</span><span></span></div><div id="motor-list" class="motor-list"></div></dialog>
<script src="model-viewer.js?v=20260826-stage2-fix1"></script>
<script src="joystick-3d.js?v=20260826-stage2-fix1"></script>
<script src="app.js?v=20260826-stage2-fix1"></script>
<script src="model-viewer.js?v=20260826-controls-v2"></script>
<script src="joystick-3d.js?v=20260826-controls-v2"></script>
<script src="app.js?v=20260826-controls-v2"></script>
</body>
</html>