58 lines
1.6 KiB
HTML
58 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Observatory Simulation - Multi-Task System</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<h2>Observatory Simulation - Distributed Tasks</h2>
|
|
|
|
<div class="container">
|
|
<div class="visualization">
|
|
<canvas id="simCanvas" width="700" height="700"></canvas>
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<div class="task-section">
|
|
<h3>🔭 Teleskop-Steuerung</h3>
|
|
<div class="button-group">
|
|
<button onclick="adjustTelescope(-45)">↺ 45° CCW</button>
|
|
<button onclick="adjustTelescope(-15)">↺ 15° CCW</button>
|
|
<button onclick="adjustTelescope(15)">↻ 15° CW</button>
|
|
<button onclick="adjustTelescope(45)">↻ 45° CW</button>
|
|
</div>
|
|
<div class="status" id="telescope-status">
|
|
Position: 0.0° | Speed: 1 U/min
|
|
</div>
|
|
</div>
|
|
|
|
<div class="task-section">
|
|
<h3>🏠 Kuppel-Tracking</h3>
|
|
<div class="status" id="dome-status">
|
|
Position: 0.0° | Tracking: Standby
|
|
</div>
|
|
</div>
|
|
|
|
<div class="task-section">
|
|
<h3>📊 System Status</h3>
|
|
<div class="status" id="system-status">
|
|
WebSocket: Disconnected
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="debug-info">
|
|
<h4>Debug Information</h4>
|
|
<pre id="debug"></pre>
|
|
</div>
|
|
|
|
<!-- WebSocket & Task Scripts -->
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
<script src="telescope.js"></script>
|
|
<script src="dome.js"></script>
|
|
<script src="visualization.js"></script>
|
|
</body>
|
|
</html>
|