modalbox for appoiments

dashboard/app.py

@@ -5,11 +5,13 @@ sys.path.append('/workspace')
 from dash import Dash, html, dcc, page_container
 from flask import Flask
 import dash_bootstrap_components as dbc
+import dash_mantine_components as dmc
 from components.header import Header
 # from components.sidebar import Sidebar
 import callbacks.ui_callbacks  # wichtig!
 import dashboard.callbacks.overview_callbacks  # <-- Das registriert die Callbacks
 import dashboard.callbacks.appointments_callbacks
+import dashboard.callbacks.appointment_modal_callbacks
 from config import SECRET_KEY, ENV
 
 server = Flask(__name__)
@@ -19,21 +21,19 @@ app = Dash(
     __name__,
     server=server,
     use_pages=True,
-    # external_stylesheets=[dbc.themes.BOOTSTRAP],
+    external_stylesheets=[dbc.themes.BOOTSTRAP],
     suppress_callback_exceptions=True,
     serve_locally=True
 )
 
-app.layout = html.Div([
+app.layout = dmc.MantineProvider([
     Header(),
-    dcc.Store(id="sidebar-state", data={"collapsed": False}),
-    # dcc.Store(id="calendar-click-store"),
-    # dcc.Store(id="calendar-event-store"),
-    html.Div(id="sidebar"),  # Sidebar wird dynamisch gerendert
-    html.Div(page_container, className="page-content"),
-    html.Div("TEST", id="test-div"),
+    html.Div([
+        html.Div(id="sidebar", className="sidebar"),
+        html.Div(page_container, className="page-content"),
+        dcc.Store(id="sidebar-state", data={"collapsed": False}),
+    ], style={"display": "flex"}),
 ])
 
-
 if __name__ == "__main__":
     app.run(host="0.0.0.0", port=8050, debug=(ENV=="development"))