+
SCADA/Hardware Configuration
+
+
+
+
Modbus TCP Configuration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
OPC UA Configuration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Device Mapping
+
+
+
+
+
+
+
+
Current SCADA Status
+
+
+
+
+
+
+
+
+
+
+
System Logs
diff --git a/static/dashboard.js b/static/dashboard.js
index 26085d5..b39f189 100644
--- a/static/dashboard.js
+++ b/static/dashboard.js
@@ -17,6 +17,8 @@ function showTab(tabName) {
// Load data for the tab
if (tabName === 'status') {
loadStatus();
+ } else if (tabName === 'scada') {
+ loadSCADAStatus();
} else if (tabName === 'logs') {
loadLogs();
}
@@ -284,6 +286,144 @@ function viewMetrics() {
window.open('/metrics', '_blank');
}
+// SCADA/Hardware functions
+function showSCADAAlert(message, type) {
+ const alertsDiv = document.getElementById('scada-alerts');
+ const alertDiv = document.createElement('div');
+ alertDiv.className = `alert ${type}`;
+ alertDiv.textContent = message;
+ alertsDiv.appendChild(alertDiv);
+
+ // Auto-remove after 5 seconds
+ setTimeout(() => {
+ alertDiv.remove();
+ }, 5000);
+}
+
+async function loadSCADAConfig() {
+ try {
+ // Load current SCADA configuration
+ const response = await fetch('/api/v1/dashboard/scada-config');
+ const config = await response.json();
+
+ // Populate SCADA form fields
+ document.getElementById('modbus_enabled_scada').checked = config.modbus.enabled;
+ document.getElementById('modbus_port_scada').value = config.modbus.port;
+ document.getElementById('modbus_slave_id').value = config.modbus.slave_id;
+ document.getElementById('modbus_baud_rate').value = config.modbus.baud_rate;
+
+ document.getElementById('opcua_enabled_scada').checked = config.opcua.enabled;
+ document.getElementById('opcua_port_scada').value = config.opcua.port;
+ document.getElementById('opcua_security_mode').value = config.opcua.security_mode;
+
+ document.getElementById('device_mapping').value = config.device_mapping;
+
+ showSCADAAlert('SCADA configuration loaded successfully', 'success');
+ } catch (error) {
+ console.error('Error loading SCADA configuration:', error);
+ showSCADAAlert('Failed to load SCADA configuration', 'error');
+ }
+}
+
+async function saveSCADAConfig() {
+ try {
+ const config = {
+ modbus: {
+ enabled: document.getElementById('modbus_enabled_scada').checked,
+ port: parseInt(document.getElementById('modbus_port_scada').value),
+ slave_id: parseInt(document.getElementById('modbus_slave_id').value),
+ baud_rate: parseInt(document.getElementById('modbus_baud_rate').value)
+ },
+ opcua: {
+ enabled: document.getElementById('opcua_enabled_scada').checked,
+ port: parseInt(document.getElementById('opcua_port_scada').value),
+ security_mode: document.getElementById('opcua_security_mode').value
+ },
+ device_mapping: document.getElementById('device_mapping').value
+ };
+
+ const response = await fetch('/api/v1/dashboard/scada-config', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(config)
+ });
+
+ const result = await response.json();
+
+ if (result.success) {
+ showSCADAAlert('SCADA configuration saved successfully', 'success');
+ } else {
+ showSCADAAlert('Failed to save SCADA configuration: ' + result.error, 'error');
+ }
+ } catch (error) {
+ console.error('Error saving SCADA configuration:', error);
+ showSCADAAlert('Failed to save SCADA configuration', 'error');
+ }
+}
+
+async function testSCADAConnection() {
+ try {
+ const response = await fetch('/api/v1/dashboard/test-scada');
+ const result = await response.json();
+
+ if (result.success) {
+ showSCADAAlert('SCADA connection test successful', 'success');
+ } else {
+ showSCADAAlert('SCADA connection test failed: ' + result.error, 'error');
+ }
+ } catch (error) {
+ console.error('Error testing SCADA connection:', error);
+ showSCADAAlert('Failed to test SCADA connection', 'error');
+ }
+}
+
+async function loadSCADAStatus() {
+ try {
+ const response = await fetch('/api/v1/dashboard/scada-status');
+ const status = await response.json();
+
+ const statusGrid = document.getElementById('scada-status-grid');
+ statusGrid.innerHTML = '';
+
+ const scadaStatus = [
+ { name: 'Modbus Server', status: status.modbus_enabled ? 'running' : 'stopped' },
+ { name: 'OPC UA Server', status: status.opcua_enabled ? 'running' : 'stopped' },
+ { name: 'Device Connections', status: status.device_connections > 0 ? 'running' : 'stopped' },
+ { name: 'Data Acquisition', status: status.data_acquisition ? 'running' : 'stopped' }
+ ];
+
+ scadaStatus.forEach(item => {
+ const statusCard = document.createElement('div');
+ statusCard.className = `status-card ${item.status}`;
+ statusCard.innerHTML = `
+
${item.name}
+
${item.status.toUpperCase()}
+ `;
+ statusGrid.appendChild(statusCard);
+ });
+
+ // Add connection details
+ const detailsDiv = document.createElement('div');
+ detailsDiv.style.gridColumn = '1 / -1';
+ detailsDiv.innerHTML = `
+
+
Connection Details:
+
Modbus Port: ${status.modbus_port || 'Not configured'}
+
OPC UA Port: ${status.opcua_port || 'Not configured'}
+
Connected Devices: ${status.device_connections || 0}
+
Last Data Update: ${status.last_update || 'Never'}
+
+ `;
+ statusGrid.appendChild(detailsDiv);
+
+ } catch (error) {
+ console.error('Error loading SCADA status:', error);
+ showSCADAAlert('Failed to load SCADA status', 'error');
+ }
+}
+
// Initialize dashboard on load
document.addEventListener('DOMContentLoaded', function() {
// Load initial status