initial commit

dashboard/callbacks/ui_callbacks.py

@@ -0,0 +1,31 @@
+# dashboard/callbacks/ui_callbacks.py
+
+from dash import Input, Output, State, callback
+from components.sidebar import Sidebar
+
+# 1) Toggle-Callback: Umschalten von collapsed = False ↔ True
+@callback(
+    Output("sidebar-state", "data"),
+    Input("btn-toggle-sidebar", "n_clicks"),
+    State("sidebar-state", "data"),
+    prevent_initial_call=True
+)
+def toggle_sidebar(n_clicks, state):
+    # Wenn der Button geklickt wurde, invertiere den collapsed-Wert
+    collapsed = state.get("collapsed", False)
+    return {"collapsed": not collapsed}
+
+
+# 2) Render-Callback: Zeichnet die Sidebar neu und setzt die CSS-Klasse
+@callback(
+    [Output("sidebar", "children"), Output("sidebar", "className")],
+    Input("sidebar-state", "data")
+)
+def render_sidebar(state):
+    collapsed = state.get("collapsed", False)
+    sidebar_class = "sidebar collapsed" if collapsed else "sidebar"
+    
+    # Sidebar() gibt jetzt nur den Inhalt zurück
+    sidebar_content = Sidebar(collapsed=collapsed)
+    
+    return sidebar_content, sidebar_class