initial feature/react-migration commit

dashboard-dash-backup/pages/appointments.py

@@ -0,0 +1,63 @@
+# dashboard/pages/appointments.py
+from dash import html, dcc
+import dash
+from dash_using_fullcalendar import DashUsingFullcalendar
+import dash_bootstrap_components as dbc
+from dashboard.components.appointment_modal import get_appointment_modal
+
+dash.register_page(__name__, path="/appointments", name="Termine")
+
+layout = dbc.Container([
+    dbc.Row([
+        dbc.Col(html.H2("Dash FullCalendar"))
+    ]),
+    # Button zum Öffnen der Modalbox
+    dbc.Row([
+        dbc.Col(
+            dbc.Button(
+                "Neuen Termin anlegen",
+                id="open-appointment-modal-btn",
+                color="primary",
+                className="mb-3"
+            )
+        )
+    ]),
+    dbc.Row([
+        dbc.Col(
+            DashUsingFullcalendar(
+                id='calendar',
+                events=[],
+                initialView="timeGridWeek",
+                headerToolbar={
+                    "left": "prev,next today",
+                    "center": "title",
+                    # "right": "dayGridMonth,timeGridWeek,timeGridDay"
+                },
+                height=600,
+                locale="de",
+                slotDuration="00:30:00",
+                slotMinTime="00:00:00",
+                slotMaxTime="24:00:00",
+                scrollTime="07:00:00",
+                weekends=True,
+                allDaySlot=False,
+                firstDay=1,
+                # themeSystem kann auf "bootstrap5" gesetzt werden, wenn das Plugin eingebunden ist
+                # themeSystem="bootstrap5"
+            )
+        )
+    ]),
+    dbc.Row([
+        dbc.Col(html.Div(id='output'))
+    ]),
+    dbc.Row([
+        dbc.Col(html.Div(id='event-output'))
+    ]),
+    dbc.Row([
+        dbc.Col(html.Div(id='select-output'))
+    ]),
+    dbc.Row([
+        dbc.Col(html.Div(id='modal-output', children=get_appointment_modal()))
+    ])
+], fluid=True)
+

dashboard-dash-backup/pages/clients.py

@@ -0,0 +1,12 @@
+# dashboard/pages/clients.py
+from dash import html, dcc
+import dash
+
+dash.register_page(__name__, path="/clients", name="Bildschirme")
+
+layout = html.Div(
+    className="clients-page",
+    children=[
+        html.H3("Bildschirme"),
+    ]
+)

dashboard-dash-backup/pages/login.py

@@ -0,0 +1,16 @@
+# dashboard/pages/login.py
+from dash import html, dcc
+import dash
+
+dash.register_page(__name__, path="/login", name="Login")
+
+layout = html.Div(
+    className="login-page",
+    children=[
+        html.H2("Bitte einloggen"),
+        dcc.Input(id="input-user", type="text", placeholder="Benutzername"),
+        dcc.Input(id="input-pass", type="password", placeholder="Passwort"),
+        html.Button("Einloggen", id="btn-login"),
+        html.Div(id="login-feedback", className="text-danger")
+    ]
+)

dashboard-dash-backup/pages/overview.py

@@ -0,0 +1,13 @@
+# dashboard/pages/overview.py
+from dash import html, dcc
+import dash
+
+dash.register_page(__name__, path="/overview", name="Übersicht")
+
+layout = html.Div(
+    className="overview-page",
+    children=[
+        dcc.Interval(id="interval-update", interval=10_000, n_intervals=0),
+        html.Div(id="clients-cards-container")
+    ]
+)

dashboard-dash-backup/pages/settings.py

@@ -0,0 +1,13 @@
+# dashboard/pages/settings.py
+from dash import html
+import dash
+
+dash.register_page(__name__, path="/settings", name="Einstellungen")
+
+layout = html.Div(
+    className="settings-page",
+    children=[
+        html.H3("Allgemeine Einstellungen"),
+        # Formularfelder / Tabs für globale Optionen
+    ]
+)

dashboard-dash-backup/pages/test.py

@@ -0,0 +1,5 @@
+import dash
+from dash import html
+
+dash.register_page(__name__, path="/test", name="Testseite")
+layout = html.Div("Testseite funktioniert!")

dashboard-dash-backup/pages/users.py

@@ -0,0 +1,15 @@
+# dashboard/pages/users.py
+from dash import html, dash_table, dcc
+import dash
+
+dash.register_page(__name__, path="/users", name="Benutzer")
+
+layout = html.Div(
+    className="users-page",
+    children=[
+        html.H3("Benutzerverwaltung"),
+        html.Button("Neuen Benutzer anlegen", id="btn-new-user"),
+        html.Div(id="users-table-container"),
+        html.Div(id="users-feedback")
+    ]
+)