ChK/appRobotDriver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Emergency Stop

Browse Source
This commit is contained in:
chk
2026-06-12 18:16:15 +02:00
parent 6fc6605080
commit 59d4cf7df4
17 changed files with 1098 additions and 540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
public/index.html
View File

@@ -76,6 +76,43 @@
<h2>Robot.json History</h2>
<ul id="robotHistoryList"></ul>
</div>
<div id="emergencyStopPanel" class="section half" data-id="emergencystop">
<h2>Emergency Stop</h2>
<div class="estop-actions">
<!-- E-Stop / Start-Button: Farbe + Text wechseln je nach Strom-Zustand -->
<div class="estop-center">
<div id="emergency-stop" title="Emergency Stop">
<svg width="78" height="78" viewBox="0 0 78 78" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="estopGrad" cx="38%" cy="32%" r="62%">
<stop offset="0%" stop-color="#ff5555"/>
<stop offset="65%" stop-color="#cc0000"/>
<stop offset="100%" stop-color="#880000"/>
</radialGradient>
<path id="estop-textarc" d="M 9,39 A 30,30 0 0,0 69,39"/>
</defs>
<!-- Äusserer Ring -->
<circle cx="39" cy="39" r="36" fill="#FFD700" stroke="#C8960A" stroke-width="1.5"/>
<!-- Knopf -->
<circle cx="39" cy="39" r="21" fill="url(#estopGrad)" stroke="#660000" stroke-width="2"/>
<!-- Gebogener Text -->
<text font-size="7.5" fill="#1a1000" font-weight="bold"
font-family="system-ui,sans-serif" letter-spacing="0.3" word-spacing="5">
<textPath href="#estop-textarc" startOffset="50%" text-anchor="middle">EMERGENCY STOP</textPath>
</text>
</svg>
</div>
<div id="armed-status" class="estop-armed-label"></div>
</div>
<button id="btn-alarm-unlock" class="btn btn-unlock">
Restart — Alarm-Unlock
</button>
<div id="alarm-unlock-status" class="estop-status"></div>
</div>
</div>
</div>
<script src="app.js"></script>