-
-
-
-
- | Unit ID |
- Host / IP |
- TCP Port |
- FTP Port |
- TCP |
- FTP |
- Polling |
- Status |
- Actions |
-
-
-
-
- |
- Loading...
- |
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ | Unit ID |
+ Host / IP |
+ TCP Port |
+ FTP Port |
+ TCP |
+ FTP |
+ Polling |
+ Status |
+ Actions |
+
+
+
+
+ |
+ Loading...
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Pool Configuration
+
+
+
Active Connections
+
+
@@ -619,6 +743,159 @@
closeModal();
}
});
+
+ // ========== Tab Switching ==========
+
+ function switchTab(tabName) {
+ document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));
+ document.querySelectorAll('.tab-panel').forEach(panel => panel.classList.remove('active'));
+
+ document.querySelector(`.tab-btn[onclick="switchTab('${tabName}')"]`).classList.add('active');
+ document.getElementById(`tab-${tabName}`).classList.add('active');
+
+ if (tabName === 'connections') {
+ loadConnections();
+ }
+ }
+
+ // ========== Connection Pool ==========
+
+ let connectionsRefreshTimer = null;
+
+ async function loadConnections() {
+ try {
+ const res = await fetch('/api/nl43/_connections/status');
+ const data = await res.json();
+
+ if (!res.ok) {
+ showToast('Failed to load connection pool status', 'error');
+ return;
+ }
+
+ const pool = data.pool;
+ renderPoolConfig(pool);
+ renderConnections(pool.connections);
+
+ // Auto-refresh while tab is active
+ clearTimeout(connectionsRefreshTimer);
+ if (document.getElementById('tab-connections').classList.contains('active')) {
+ connectionsRefreshTimer = setTimeout(loadConnections, 5000);
+ }
+ } catch (err) {
+ showToast('Error loading connections: ' + err.message, 'error');
+ console.error('Load connections error:', err);
+ }
+ }
+
+ function renderPoolConfig(pool) {
+ document.getElementById('poolConfig').innerHTML = `
+
+
Persistent
+
${pool.enabled ? 'Enabled' : 'Disabled'}
+
+
+
Active
+
${pool.active_connections}
+
+
+
Idle TTL
+
${pool.idle_ttl}s
+
+
+
Max Age
+
${pool.max_age}s
+
+
+
KA Idle
+
${pool.keepalive_idle}s
+
+
+
KA Interval
+
${pool.keepalive_interval}s
+
+
+
KA Probes
+
${pool.keepalive_count}
+
+ `;
+ }
+
+ function renderConnections(connections) {
+ const container = document.getElementById('connectionsList');
+ const keys = Object.keys(connections);
+
+ if (keys.length === 0) {
+ container.innerHTML = `
+
+
~
+
No active connections
+
+ Connections appear here when devices are actively being polled and the connection is cached between commands.
+
+
+ `;
+ return;
+ }
+
+ container.innerHTML = keys.map(key => {
+ const conn = connections[key];
+ const aliveColor = conn.alive ? '#1a7f37' : '#cf222e';
+ const aliveText = conn.alive ? 'Alive' : 'Stale';
+ return `
+
+
+
+
+
Host
+
${escapeHtml(conn.host)}
+
+
+
+
Age
+
${formatSeconds(conn.age_seconds)}
+
+
+
Idle
+
${formatSeconds(conn.idle_seconds)}
+
+
+
+ `;
+ }).join('');
+ }
+
+ function formatSeconds(s) {
+ if (s < 60) return Math.round(s) + 's';
+ if (s < 3600) return Math.floor(s / 60) + 'm ' + Math.round(s % 60) + 's';
+ return Math.floor(s / 3600) + 'h ' + Math.floor((s % 3600) / 60) + 'm';
+ }
+
+ async function flushConnections() {
+ if (!confirm('Close all cached TCP connections?\n\nDevices will reconnect on the next poll cycle.')) {
+ return;
+ }
+
+ try {
+ const res = await fetch('/api/nl43/_connections/flush', { method: 'POST' });
+ const data = await res.json();
+
+ if (!res.ok) {
+ showToast(data.detail || 'Failed to flush connections', 'error');
+ return;
+ }
+
+ showToast('All connections flushed', 'success');
+ await loadConnections();
+ } catch (err) {
+ showToast('Error flushing connections: ' + err.message, 'error');
+ }
+ }