87 lines
1.9 KiB
HTML
Executable File
87 lines
1.9 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>
|
||
|
||
<div class="sections">
|
||
|
||
<!-- AKTIONEN -->
|
||
<div class="section full">
|
||
<h2>Aktionen</h2>
|
||
|
||
<div class="controls">
|
||
<button data-cmd="HOME">HOME</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">Read Position from Markers</button>
|
||
|
||
<button id="btn-foto">Foto</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- AUSGABE / LOG -->
|
||
<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>
|
||
<div class="panel">
|
||
<label>Tree View</label>
|
||
<div id="result-tree"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SNAPSHOT -->
|
||
<div class="section full">
|
||
<h2>Snapshot CSV</h2>
|
||
<div id="snapshot-info"></div>
|
||
<table id="snapshot-table"></table>
|
||
</div>
|
||
|
||
<div class="section full">
|
||
<h2>Snapshots</h2>
|
||
<div id="snapshot-info-picture"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script src="/calculateAngles.js"></script>
|
||
<script src="/client.js"></script>
|
||
|
||
</body>
|
||
</html>
|