gandalf/static/app.js

function updateDiagnostics() {
    fetch('/api/diagnostics')
        .then(response => response.json())
        .then(data => {
            const diagnosticsPanel = document.querySelector('.diagnostics-content');
            diagnosticsPanel.innerHTML = '';
            
            Object.entries(data).forEach(([device, diagnostics]) => {
                const diagElement = document.createElement('div');
                diagElement.className = `diagnostic-item ${diagnostics.type}-diagnostic`;
                diagElement.innerHTML = `
                    <h3>${device}</h3>
                    <pre>${JSON.stringify(diagnostics.results, null, 2)}</pre>
                `;
                diagnosticsPanel.appendChild(diagElement);
            });
        });
}

// Update diagnostics every minute
setInterval(updateDiagnostics, 60000);
// Initial update
updateDeviceStatus();