feat: display clock delta history in UI

Co-authored-by: aider (gemini/gemini-2.5-pro-preview-05-06) <aider@aider.chat>
This commit is contained in:
Chaos Rogers 2025-07-28 23:14:31 +01:00
parent 7738d14097
commit b803de93de
3 changed files with 9 additions and 0 deletions

View file

@ -32,6 +32,7 @@
<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>
<p>History (ms): <span id="delta-history">--</span></p>
</div>
<!-- Network Interfaces -->

View file

@ -10,6 +10,7 @@ document.addEventListener('DOMContentLoaded', () => {
deltaMs: document.getElementById('delta-ms'),
deltaFrames: document.getElementById('delta-frames'),
jitterStatus: document.getElementById('jitter-status'),
deltaHistory: document.getElementById('delta-history'),
interfaces: document.getElementById('interfaces'),
};
@ -43,6 +44,8 @@ document.addEventListener('DOMContentLoaded', () => {
statusElements.jitterStatus.textContent = data.jitter_status;
statusElements.jitterStatus.className = data.jitter_status.toLowerCase();
statusElements.deltaHistory.textContent = data.clock_delta_history.join(', ');
statusElements.interfaces.innerHTML = '';
if (data.interfaces.length > 0) {
data.interfaces.forEach(ip => {