96 lines
2.4 KiB
HTML
Executable File
96 lines
2.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>appRobotHoming</title>
|
||
|
||
<link rel="stylesheet" href="/styles.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Optionaler Titel (bewusst neutral, leicht ausblendbar) -->
|
||
<!--<h1 class="app-title">appRobotHoming</h1>-->
|
||
|
||
<div class="sections">
|
||
|
||
<!-- ACTIONS -->
|
||
<div class="section full">
|
||
<h2>Aktionen</h2>
|
||
|
||
<div class="controls">
|
||
<button data-cmd="HOME">HOME</button>
|
||
<button data-cmd="STOP">STOP</button>
|
||
<button data-cmd="STATUS">STATUS</button>
|
||
<button data-cmd="RESET">RESET</button>
|
||
<button data-cmd="PING">PING</button>
|
||
|
||
<input
|
||
id="gcodePayload"
|
||
type="text"
|
||
placeholder="G-Code / Motorbefehl"
|
||
/>
|
||
|
||
<button data-cmd="GCODEMOTOR" data-payload="#gcodePayload">
|
||
GCodeMotor
|
||
</button>
|
||
|
||
<button id="btn-calculate" onclick="fetchAndCalculate()">Calculate Actions</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- AUSGABE / LOG (default collapsed) -->
|
||
<div class="section full">
|
||
<h2>Ausgabe</h2>
|
||
<textarea id="log" readonly></textarea>
|
||
</div>
|
||
|
||
<!-- ANALYSE -->
|
||
<div class="section full">
|
||
<h2>Analysis & Reasoning</h2>
|
||
<textarea id="analysis-log" readonly></textarea>
|
||
</div>
|
||
|
||
<!-- RESULT RAW JSON -->
|
||
<div class="section half">
|
||
<h2>Result – Raw JSON</h2>
|
||
|
||
<div class="panel">
|
||
<label>Raw JSON</label>
|
||
<textarea id="result-json" readonly></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- RESULT TREE VIEW -->
|
||
<div class="section half">
|
||
<h2>Result – Tree View</h2>
|
||
|
||
<!-- bewusst alte Struktur beibehalten -->
|
||
<div class="panel">
|
||
<label>Tree View</label>
|
||
<div id="result-tree"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SNAPSHOT (vorbereitet, aber leer) -->
|
||
<div class="section full">
|
||
<h2>Snapshot CSV</h2>
|
||
<div id="snapshot-info"></div>
|
||
<table id="snapshot-table"></table>
|
||
</div>
|
||
|
||
<div class="section full">
|
||
<h2>Snapshot</h2>
|
||
<div id="snapshot-info-picture"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script src="/calculateActions.js"></script>
|
||
<script type="module" src="/calculateAnglesBrowser.js"></script>
|
||
<script src="/client.js"></script>
|
||
|
||
<script> window.calculateAngles.fetchAndCalculate(); </script>
|
||
|
||
</body>
|
||
</html> |