Gridstack Layout changes

Author: jacquesbach

routes.py

@@ -1052,16 +1052,14 @@ def shap_summary():
 
 @api_bp.route('/api/layout', methods=['GET'])
 def get_layout():
-    # Jeder darf das Layout sehen (auch nicht angemeldete)
-    conn = sqlite3.connect('solar_data.db')
+    conn = get_db_connection()
     c = conn.cursor()
     c.execute("SELECT value FROM user_settings WHERE key = 'dashboard_layout'")
     row = c.fetchone()
     conn.close()
-    
     if row:
         return jsonify({"layout": json.loads(row[0])}), 200
-    return jsonify({"layout": None}), 404
+    return jsonify({"layout": None}), 200
 
 @api_bp.route('/api/layout', methods=['POST'])
 def save_layout():
@@ -1076,7 +1074,7 @@ def save_layout():
     if not layout_json:
         return jsonify({"error": "Kein Layout gesendet"}), 400
 
-    conn = sqlite3.connect('solar_data.db')
+    conn = get_db_connection()
     c = conn.cursor()
     # Speichern oder Überschreiben
     c.execute("INSERT OR REPLACE INTO user_settings (key, value) VALUES (?, ?)", 

static/js/layout.js

@@ -1,4 +1,5 @@
 let dashboardGrid;
+let currentPw = sessionStorage.getItem('admin_pw') || "";
 
 // 1. Grid initialisieren
 function initGridstack() {
@@ -63,26 +64,28 @@ async function loadLayout() {
     let savedLayout = null;
 
     try {
-        // Zuerst versuchen, aus der Datenbank zu laden
-        const authResponse = await fetch('/api/auth');
-        if (authResponse.ok) {
-            const layoutResponse = await fetch('/api/layout');
-            if (layoutResponse.ok) {
-                const data = await layoutResponse.json();
-                if (data.layout) savedLayout = data.layout;
+        // Wir versuchen es direkt beim API-Endpunkt
+        const response = await fetch('/api/layout');
+        if (response.ok) {
+            const data = await response.json();
+            if (data && data.layout) {
+                savedLayout = data.layout;
+                console.log("Layout aus DB geladen");
             }
-        } else {
-            throw new Error("Nicht angemeldet");
         }
     } catch (error) {
-        // Fallback: Aus dem LocalStorage laden
+        console.warn("API Layout nicht verfügbar, versuche LocalStorage...");
+    }
+
+    // Wenn DB nicht ging oder leer war, schau im LocalStorage nach
+    if (!savedLayout) {
         const localData = localStorage.getItem('balkonkraftwerk_layout');
         if (localData) {
             savedLayout = JSON.parse(localData);
+            console.log("Layout aus LocalStorage geladen");
         }
     }
 
-    // Wenn ein Layout gefunden wurde, anwenden
     if (savedLayout && dashboardGrid) {
         dashboardGrid.load(savedLayout);
     }

static/js/script.js

@@ -2,7 +2,6 @@ let myChart;
 let panelChart;
 let dcDonutChart;
 let activeDonutIndex = null; // null = Gesamtansicht, 0 = Panel 1, 1 = Panel 2
-let currentPw = "";
 
 const ROI_DEBUG_FORCE_COMPLETE = false;
 
@@ -585,8 +584,12 @@ async function updateROI() {
            roiCard.classList.remove('roi-complete');
            badgeContainer.innerHTML = '';
        }
-       updateROIForecast();
-   } catch (e) {
+       if (typeof updateROIForecast === "function") {
+            updateROIForecast();
+        } else {
+            console.log("updateROIForecast ist noch nicht implementiert.");
+        }
+    } catch (e) {
        console.error("ROI Fehler", e);
    }