sorted code

app.py

@@ -1,35 +1,37 @@
-from flask import Flask, render_template, jsonify
+import logging
-import subprocess
-import platform
 import json
+import platform
+import subprocess
 import threading
 import time
+from datetime import datetime
+from flask import Flask, render_template, jsonify
+import requests
+from urllib3.exceptions import InsecureRequestWarning
 
+# Configure logging
+logging.basicConfig(level=logging.DEBUG)
+logger = logging.getLogger(__name__)
+
+# Disable InsecureRequestWarning
+requests.packages.urllib3.disable_warnings(InsecureRequestWarning)
+
+# Initialize Flask app
 app = Flask(__name__)
 
-def ping(host):
+# Global state
-    param = '-n' if platform.system().lower() == 'windows' else '-c'
+device_status = {}
-    command = ['ping', param, '1', host]
-    return subprocess.call(command, stdout=subprocess.DEVNULL) == 0
 
+# Configuration functions
 def load_config():
     with open('config.json') as f:
         return json.load(f)
 
-device_status = {}
+# Network utility functions
-def update_status():
+def ping(host):
-    while True:
+    param = '-n' if platform.system().lower() == 'windows' else '-c'
-        config = load_config()
+    command = ['ping', param, '1', host]
-        for device in config['devices']:
+    return subprocess.call(command, stdout=subprocess.DEVNULL) == 0
-            current_status = ping(device['ip'])
-            previous_status = device_status.get(device['name'], True)
-            
-            if current_status != previous_status:
-                diagnostics = run_diagnostics(device)
-                send_webhook(device, current_status, diagnostics)
-            
-            device_status[device['name']] = current_status
-        time.sleep(config['check_interval'])
 
 def send_webhook(device, status, diagnostics):
     config = load_config()
@@ -41,10 +43,7 @@ def send_webhook(device, status, diagnostics):
     }
     requests.post(config['webhook_url'], json=webhook_data)
 
-import requests
+# UniFi API integration
-from urllib3.exceptions import InsecureRequestWarning
-requests.packages.urllib3.disable_warnings(InsecureRequestWarning)
-
 class UnifiAPI:
     def __init__(self, config):
         self.base_url = config['unifi']['controller']
@@ -88,7 +87,6 @@ class UnifiAPI:
             'interfaces': {}
         }
         
-        # Add interface details
         if 'interfaces' in details:
             diagnostics['interfaces'] = self._parse_interfaces(details['interfaces'])
             
@@ -119,8 +117,7 @@ class UnifiAPI:
             
         return result
 
-    
+# Monitoring functions
-
 def run_diagnostics(device):
     config = load_config()
     unifi = UnifiAPI(config)
@@ -134,6 +131,31 @@ def run_diagnostics(device):
     
     return diagnostics
 
+def update_status():
+    while True:
+        config = load_config()
+        for device in config['devices']:
+            current_status = ping(device['ip'])
+            previous_status = device_status.get(device['name'], True)
+            
+            if current_status != previous_status:
+                diagnostics = run_diagnostics(device)
+                send_webhook(device, current_status, diagnostics)
+            
+            device_status[device['name']] = current_status
+        time.sleep(config['check_interval'])
+
+# Flask routes
+@app.route('/')
+def home():
+    config = load_config()
+    logger.debug(f"Loaded devices: {config['devices']}")
+    return render_template('index.html', devices=config['devices'])
+
+@app.route('/api/status')
+def status():
+    return jsonify(device_status)
+
 @app.route('/api/diagnostics')
 def get_diagnostics():
     config = load_config()
@@ -141,21 +163,10 @@ def get_diagnostics():
     for device in config['devices']:
         if device['device_id']:
             diagnostics[device['name']] = run_diagnostics(device)
-    return jsonify(diagnostics)@app.route('/')
+    return jsonify(diagnostics)
-def home():
-    return render_template('index.html')
-
-@app.route('/api/status')
-def status():
-    return jsonify(device_status)
 
+# Application entry point
 if __name__ == '__main__':
     status_thread = threading.Thread(target=update_status, daemon=True)
     status_thread.start()
     app.run(debug=True)
-
-
-@app.route('/')
-def home():
-    config = load_config()
-    return render_template('index.html', devices=config['devices'])

index.html

@@ -16,21 +16,23 @@
             <div class="metric-card">
                 <h2>Network Overview</h2>
                 <div id="network-health">
-                    {% for device in devices %}
+                    {%- for device in devices %}
-                    <div class="device-status" data-device-id="{{ device.device_id }}">
+                    <div class="device-status" data-device-name="{{ device.name }}">
                         <span class="status-indicator"></span>
                         <div class="device-info">
                             <span class="device-name">{{ device.name }}</span>
                             <span class="device-details">{{ device.ip }}</span>
                             <span class="device-type">{{ device.type }} ({{ device.connection_type }})</span>
+                            {% if device.critical %}
+                            <span class="critical-badge">Critical</span>
+                            {% endif %}
                         </div>
                     </div>
-                    {% endfor %}
+                    {%- endfor %}
                 </div>
             </div>
         </div>
-
     </div>
     <script src="{{ url_for('static', filename='app.js') }}"></script>
 </body>
-</html>
+</html></html>

static/app.js

@@ -1,3 +1,24 @@
+// Initialization
+const UPDATE_INTERVALS = {
+    deviceStatus: 30000,
+    diagnostics: 60000
+};
+
+// Core update functions
+function updateDeviceStatus() {
+    console.log('Updating device status...');
+    fetch('/api/status')
+        .then(response => response.json())
+        .then(data => {
+            console.log('Received status data:', data);
+            Object.entries(data).forEach(([deviceName, status]) => {
+                console.log(`Updating ${deviceName} status to ${status}`);
+                updateDeviceIndicator(deviceName, status);
+            });
+        })
+        .catch(error => console.error('Error updating status:', error));
+}
+
 function updateDiagnostics() {
     fetch('/api/diagnostics')
         .then(response => response.json())
@@ -12,6 +33,7 @@ function updateDiagnostics() {
         });
 }
 
+// Element creation functions
 function createDiagnosticElement(device, diagnostics) {
     const element = document.createElement('div');
     element.className = `diagnostic-item ${diagnostics.connection_type}-diagnostic`;
@@ -63,20 +85,16 @@ function createInterfaceHTML(interfaces) {
     return html;
 }
 
-function updateDeviceStatus() {
+// Initialize updates
-    fetch('/api/status')
+function initializeUpdates() {
-        .then(response => response.json())
+    // Set update intervals
-        .then(data => {
+    setInterval(updateDeviceStatus, UPDATE_INTERVALS.deviceStatus);
-            Object.entries(data).forEach(([deviceName, status]) => {
+    setInterval(updateDiagnostics, UPDATE_INTERVALS.diagnostics);
-                updateDeviceIndicator(deviceName, status);
+
-            });
+    // Initial updates
-        });
+    updateDeviceStatus();
+    updateDiagnostics();
 }
 
-// Update intervals
+// Start the application
-setInterval(updateDeviceStatus, 30000);
+initializeUpdates();
-setInterval(updateDiagnostics, 60000);
-
-// Initial updates
-updateDeviceStatus();
-updateDiagnostics();