81 lines
4.1 KiB
HTML
81 lines
4.1 KiB
HTML
<div class="sections">
|
||
|
||
<!-- ── Info ──────────────────────────────────────────────────────────────── -->
|
||
<div class="section full">
|
||
<h2>Robot X Axis – Board-Erkennung</h2>
|
||
<div class="info-grid" style="margin-top:14px">
|
||
<span class="info-label">Ziel</span>
|
||
<span class="info-value" style="font-family:inherit;font-size:13px;color:var(--muted)">
|
||
X-Achse des Roboters im Weltkoordinatensystem verorten (Richtungsvektor + Nullpunkt).
|
||
Der Roboter fährt entlang der X-Achse, die Kamera beobachtet das Board aus mehreren Positionen.
|
||
</span>
|
||
<span class="info-label">Ablauf</span>
|
||
<span class="info-value" style="font-family:inherit;font-size:13px;color:var(--muted)">
|
||
Board erkennen → ⬅ / ➡ Roboter bewegen → Board erkennen
|
||
→ im Viewer die zwei Runs als Basis + Vergleich wählen → Achse berechnen
|
||
</span>
|
||
<span class="info-label">Letzter Run</span>
|
||
<span class="info-value" id="xaxis-last-run">–</span>
|
||
</div>
|
||
<div class="controls" style="margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap">
|
||
<button id="btn-xaxis-run">Board erkennen</button>
|
||
<label style="display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)">
|
||
Referenz:
|
||
<select id="xaxis-ref-set"
|
||
style="background:#1e293b;border:1px solid #334155;color:#c8cdd8;border-radius:3px;padding:3px 8px;font:inherit;font-size:12px;cursor:pointer">
|
||
<option value="">alle</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Aktionen ───────────────────────────────────────────────────────────── -->
|
||
<div class="section full">
|
||
<h2>Aktionen</h2>
|
||
<div style="margin-top:14px;display:flex;align-items:center;gap:20px;flex-wrap:wrap">
|
||
<button id="btn-xaxis-left" disabled
|
||
style="font-size:15px;padding:6px 20px;opacity:.45;cursor:not-allowed"
|
||
title="Roboter X-Achse nach links – folgt">
|
||
⬅ Links
|
||
</button>
|
||
<span style="color:var(--muted);font-size:11px">Roboter-X-Achse bewegen (Schrittweite folgt)</span>
|
||
<button id="btn-xaxis-right" disabled
|
||
style="font-size:15px;padding:6px 20px;opacity:.45;cursor:not-allowed"
|
||
title="Roboter X-Achse nach rechts – folgt">
|
||
Rechts ➡
|
||
</button>
|
||
</div>
|
||
<div class="controls" style="margin-top:16px">
|
||
<button id="btn-xaxis-adopt" disabled
|
||
title="Gemessene X-Achsen-Richtung in robot.json übernehmen – erst nach einer Messung aktiv">
|
||
X-Achse übernehmen
|
||
</button>
|
||
<span style="font-size:11px;color:var(--muted)">
|
||
Wird aktiv sobald der Viewer eine Bewegungsrichtung berechnet hat.
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Ausgabe / Log ──────────────────────────────────────────────────────── -->
|
||
<div class="section full">
|
||
<h2>Ausgabe / Log</h2>
|
||
<textarea id="log-xaxis" readonly placeholder="(Ausgabe erscheint hier)"></textarea>
|
||
</div>
|
||
|
||
<!-- ── Board-Viewer ───────────────────────────────────────────────────────── -->
|
||
<div class="section full">
|
||
<h2>Board-Viewer</h2>
|
||
<p style="font-size:12px;color:var(--muted);margin-bottom:10px">
|
||
Basis-Dropdown: vollständige Anzeige eines Runs.  
|
||
Vergleich-Dropdown: zeigt nur fremd-triangulierte Punkte (orange) eines anderen Runs.
|
||
</p>
|
||
<iframe
|
||
id="xaxis-viewer-frame"
|
||
src="/boardViewer.html?defaults=ab"
|
||
style="width:100%;height:740px;border:1px solid #334155;border-radius:6px;background:#0d0f13;display:block"
|
||
title="Board-Viewer (X-Achse)"
|
||
></iframe>
|
||
</div>
|
||
|
||
</div>
|