48 lines
1.9 KiB
HTML
48 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Kalibrierung – appRobotHoming</title>
|
||
<link rel="stylesheet" href="/styles.css">
|
||
<link rel="stylesheet" href="/calibration.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- HEADER -->
|
||
<div class="calib-topbar">
|
||
<a href="/">← Zurück</a>
|
||
<h1>Kalibrierung</h1>
|
||
</div>
|
||
|
||
<!-- SIDEBAR + CONTENT -->
|
||
<div class="calib-body">
|
||
|
||
<!-- LESEZEICHEN-TABS -->
|
||
<nav class="tab-sidebar" id="tabSidebar">
|
||
<button class="tab-btn active" data-tab="camera-npz" data-src="/calibration_camera.html">Camera NPZ</button>
|
||
<button class="tab-btn" data-tab="board" data-src="/calibration_board.html">Board</button>
|
||
<button class="tab-btn" data-tab="robot-x-axis" data-src="/calibration_xaxis.html">Robot X Axis</button>
|
||
<button class="tab-btn" data-tab="arm1" data-src="/calibration_arm.html">Arm1 – Y</button>
|
||
<button class="tab-btn" data-tab="arm2" data-src="/calibration_arm2.html">Arm2 – Z</button>
|
||
<button class="tab-btn" data-tab="elbow" data-src="/calibration_elbow.html">Elbow</button>
|
||
<button class="tab-btn" data-tab="hand" data-src="/calibration_hand.html">Hand</button>
|
||
</nav>
|
||
|
||
<!-- CONTENT (Panels werden lazy per fetch befüllt) -->
|
||
<div class="tab-content">
|
||
<div class="tab-panel active" id="tab-camera-npz"></div>
|
||
<div class="tab-panel" id="tab-board"></div>
|
||
<div class="tab-panel" id="tab-robot-x-axis"></div>
|
||
<div class="tab-panel" id="tab-arm1"></div>
|
||
<div class="tab-panel" id="tab-arm2"></div>
|
||
<div class="tab-panel" id="tab-elbow"></div>
|
||
<div class="tab-panel" id="tab-hand"></div>
|
||
</div>
|
||
|
||
</div><!-- /.calib-body -->
|
||
|
||
<script src="/calibration.js"></script>
|
||
</body>
|
||
</html>
|