73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Robot Driver Info</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Math&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="allApps.css">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<!--<h1>Robot Driver Status</h1>-->
|
||
|
||
<div class="sections">
|
||
<div id="status" class="section half" data-id="clients">
|
||
<h2>WebClients</h2>
|
||
<ul id="clients"></ul>
|
||
</div>
|
||
|
||
<div id="senders" class="section half" data-id="senders">
|
||
<h2>FluidNC-Controller</h2>
|
||
<ul id="senderList"></ul>
|
||
</div>
|
||
|
||
|
||
<div id="driverState" class="section half" data-id="driver">
|
||
<h2>Position Driver</h2>
|
||
<ul class="state-grid">
|
||
<li><span>X</span><span id="state-x">–</span></li>
|
||
<li><span>Y</span><span id="state-y">–</span></li>
|
||
<li><span>Z</span><span id="state-z">–</span></li>
|
||
<li></li>
|
||
</ul>
|
||
<ul class="state-grid">
|
||
<li><span class="math-symbol">ϕ</span><span id="state-phi">–</span></li>
|
||
<li><span class="math-symbol">ϴ</span><span id="state-theta">–</span></li>
|
||
<li><span class="math-symbol">Ψ</span><span id="state-psi">–</span></li>
|
||
<li><span>E</span><span id="state-e">–</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div id="motorState" class="section half" data-id="motors">
|
||
<h2>Postion Motoren</h2>
|
||
<ul class="state-grid">
|
||
<li><span>X</span><span id="motor-x">–</span></li>
|
||
<li><span>Y</span><span id="motor-y">–</span></li>
|
||
<li><span>Z</span><span id="motor-z">–</span></li>
|
||
<li></li>
|
||
</ul>
|
||
<ul class="state-grid">
|
||
<li><span>A</span><span id="motor-a">–</span></li>
|
||
<li><span>B</span><span id="motor-b">–</span></li>
|
||
<li><span>C</span><span id="motor-c">–</span></li>
|
||
<li><span>E</span><span id="motor-e">–</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div id="commands" class="section" data-id="commands">
|
||
<h2>Commands</h2>
|
||
<ul id="commandList"></ul>
|
||
</div>
|
||
|
||
<div id="pings" class="section" data-id="pings">
|
||
<h2>Ping Messages</h2>
|
||
<ul id="pingList"></ul>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html> |