mirror of
https://github.com/cjfranko/NTP-Timeturner.git
synced 2025-11-08 18:32:02 +00:00
John Rogers
c712014bb9
Co-authored-by: aider (gemini/gemini-2.5-pro-preview-05-06) <aider@aider.chat>
87 lines
3.3 KiB
HTML
87 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NTP TimeTurner</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>NTP TimeTurner</h1>
|
|
<div class="grid">
|
|
<!-- LTC Status -->
|
|
<div class="card">
|
|
<h2>LTC Status</h2>
|
|
<p id="ltc-status">--</p>
|
|
<p id="ltc-timecode">--:--:--:--</p>
|
|
<p id="frame-rate">-- fps</p>
|
|
<p>Lock Ratio: <span id="lock-ratio">--</span>%</p>
|
|
</div>
|
|
|
|
<!-- System Clock & Sync -->
|
|
<div class="card">
|
|
<h2>System Clock</h2>
|
|
<p id="system-clock">--:--:--.---</p>
|
|
<p>NTP Service: <span id="ntp-active">--</span></p>
|
|
<p>Sync Status: <span id="sync-status">--</span></p>
|
|
</div>
|
|
|
|
<!-- Delta & Jitter -->
|
|
<div class="card">
|
|
<h2>Clock Offset</h2>
|
|
<p>Delta: <span id="delta-ms">--</span> ms (<span id="delta-frames">--</span> frames)</p>
|
|
<p>Jitter: <span id="jitter-status">--</span></p>
|
|
</div>
|
|
|
|
<!-- Network Interfaces -->
|
|
<div class="card">
|
|
<h2>Network</h2>
|
|
<ul id="interfaces">
|
|
<li>--</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Controls -->
|
|
<div class="card full-width">
|
|
<h2>Controls</h2>
|
|
<div class="control-group">
|
|
<label for="hw-offset">Hardware Offset (ms):</label>
|
|
<input type="number" id="hw-offset" name="hw-offset">
|
|
</div>
|
|
<div class="control-group">
|
|
<label>Timeturner Offset: HH:MM:SS:f.ms</label>
|
|
<input type="number" id="offset-h" placeholder="H">
|
|
<label>:</label>
|
|
<input type="number" id="offset-m" placeholder="M">
|
|
<label>:</label>
|
|
<input type="number" id="offset-s" placeholder="S">
|
|
<label>.</label>
|
|
<input type="number" id="offset-f" placeholder="F">
|
|
<label>.</label>
|
|
<input type="number" id="offset-ms" placeholder="ms">
|
|
</div>
|
|
<div class="control-group">
|
|
<button id="save-config">Save Config</button>
|
|
<button id="manual-sync">Manual Sync</button>
|
|
<span id="sync-message"></span>
|
|
</div>
|
|
<div class="control-group">
|
|
<label>Nudge Clock (ms):</label>
|
|
<button id="nudge-down">-</button>
|
|
<input type="number" id="nudge-value" style="width: 60px;">
|
|
<button id="nudge-up">+</button>
|
|
<span id="nudge-message"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Logs -->
|
|
<div class="card full-width">
|
|
<h2>Logs</h2>
|
|
<pre id="logs" class="log-box"></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|