Initial commit: Gridseed WebGUI implementation

2026-01-20 10:46:00 +00:00
commit ef7dcecea2
13 changed files with 806 additions and 0 deletions
--- a/static/js/dashboard.js
+++ b/static/js/dashboard.js
@@ -0,0 +1,141 @@
+document.addEventListener('DOMContentLoaded', function() {
+    // Initialize Chart
+    const ctx = document.getElementById('hashrateChart').getContext('2d');
+    const hashrateChart = new Chart(ctx, {
+        type: 'line',
+        data: {
+            labels: [],
+            datasets: [{
+                label: 'Hashrate (MH/s)',
+                data: [],
+                borderColor: '#0d6efd',
+                backgroundColor: 'rgba(13, 110, 253, 0.1)',
+                borderWidth: 2,
+                fill: true,
+                tension: 0.4
+            }]
+        },
+        options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            plugins: {
+                legend: {
+                    display: false
+                }
+            },
+            scales: {
+                x: {
+                    grid: { color: '#333' },
+                    ticks: { color: '#aaa' }
+                },
+                y: {
+                    grid: { color: '#333' },
+                    ticks: { color: '#aaa' },
+                    beginAtZero: true
+                }
+            }
+        }
+    });
+
+    // Helper to format large numbers
+    function formatNumber(num) {
+        return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
+    }
+
+    function updateDashboard() {
+        fetch('/api/data')
+            .then(response => response.json())
+            .then(data => {
+                const summary = data.summary;
+                const devs = data.devs;
+                const pools = data.pools;
+
+                // Update Top Stats
+                if (summary) {
+                    // Cgminer returns MHS in different fields depending on version, usually "MHS 5s" or similar
+                    // The API returns dict keys.
+                    // Let's inspect typical cgminer summary keys: "MHS av", "MHS 5s", "Accepted", "Hardware Errors", "Utility"
+                    
+                    const mhs = summary['MHS 5s'] || summary['MHS av'] || 0;
+                    document.getElementById('stat-mhs').innerText = parseFloat(mhs).toFixed(2);
+                    document.getElementById('stat-accepted').innerText = formatNumber(summary['Accepted'] || 0);
+                    document.getElementById('stat-hw').innerText = formatNumber(summary['Hardware Errors'] || 0);
+                }
+
+                // Update Max Temp
+                let maxTemp = 0;
+                if (devs && devs.length > 0) {
+                    devs.forEach(dev => {
+                        if (dev['Temperature'] > maxTemp) maxTemp = dev['Temperature'];
+                    });
+                }
+                document.getElementById('stat-temp').innerText = maxTemp.toFixed(1);
+
+                // Update Chart
+                const now = new Date();
+                const timeLabel = now.getHours() + ':' + String(now.getMinutes()).padStart(2, '0') + ':' + String(now.getSeconds()).padStart(2, '0');
+                
+                if (summary) {
+                    const currentMhs = summary['MHS 5s'] || summary['MHS av'] || 0;
+                    
+                    if (hashrateChart.data.labels.length > 60) { // Keep last 60 points
+                        hashrateChart.data.labels.shift();
+                        hashrateChart.data.datasets[0].data.shift();
+                    }
+                    hashrateChart.data.labels.push(timeLabel);
+                    hashrateChart.data.datasets[0].data.push(currentMhs);
+                    hashrateChart.update();
+                }
+
+                // Update Devs Table
+                const tbody = document.getElementById('devs-table-body');
+                tbody.innerHTML = '';
+                if (devs && devs.length > 0) {
+                    devs.forEach(dev => {
+                        const tr = document.createElement('tr');
+                        tr.innerHTML = `
+                            <td>${dev['ID']}</td>
+                            <td>${dev['Name'] || 'Gridseed'}</td>
+                            <td>${dev['Enabled']}</td>
+                            <td>${dev['Status']}</td>
+                            <td class="${dev['Temperature'] > 50 ? 'text-warning' : 'text-success'}">${dev['Temperature']}</td>
+                            <td>${parseFloat(dev['MHS 5s'] || 0).toFixed(2)}</td>
+                            <td>${parseFloat(dev['MHS av'] || 0).toFixed(2)}</td>
+                            <td>${dev['Accepted']}</td>
+                            <td>${dev['Rejected']}</td>
+                            <td>${dev['Hardware Errors']}</td>
+                        `;
+                        tbody.appendChild(tr);
+                    });
+                } else {
+                    tbody.innerHTML = '<tr><td colspan="10" class="text-center text-muted">Keine Geräte gefunden...</td></tr>';
+                }
+
+                // Update Pools
+                const poolList = document.getElementById('pool-list');
+                poolList.innerHTML = '';
+                if (pools && pools.length > 0) {
+                    pools.forEach(pool => {
+                        const div = document.createElement('div');
+                        div.className = 'list-group-item bg-dark text-white border-secondary d-flex justify-content-between align-items-center';
+                        div.innerHTML = `
+                            <div>
+                                <div class="fw-bold">Pool ${pool['POOL']}</div>
+                                <small class="text-muted">${pool['URL']}</small>
+                            </div>
+                            <span class="badge ${pool['Status'] === 'Alive' ? 'bg-success' : 'bg-danger'} rounded-pill">${pool['Status']}</span>
+                        `;
+                        poolList.appendChild(div);
+                    });
+                } else {
+                    poolList.innerHTML = '<div class="text-center text-muted">Keine Pools konfiguriert...</div>';
+                }
+
+            })
+            .catch(err => console.error('Error fetching data:', err));
+    }
+
+    // Update every 3 seconds
+    setInterval(updateDashboard, 3000);
+    updateDashboard(); // Initial call
+});