dynamic appointments loading

This commit is contained in:
2025-06-14 15:08:43 +00:00
parent 4738740292
commit 2e8c852ee6
10 changed files with 187 additions and 52 deletions

View File

@@ -2,36 +2,24 @@
from dash import html, dcc
import dash
from dash_using_fullcalendar import DashUsingFullcalendar
# dash.register_page(__name__, path="/appointments", name="Termine")
# def layout(): # Als Funktion definieren
# return html.Div([
# dcc.Store(id="calendar-click-store"),
# dcc.Store(id="calendar-event-store"),
# dcc.Input(id="test-input"),
# html.Div("TEST")
# ])
import dash_bootstrap_components as dbc
dash.register_page(__name__, path="/appointments", name="Termine")
layout = dbc.Container([
dbc.Row([
dbc.Col(html.H2("Dash FullCalendar mit Bootstrap 5"))
dbc.Col(html.H2("Dash FullCalendar"))
]),
dbc.Row([
dbc.Col(
DashUsingFullcalendar(
id='calendar',
events=[
{"id": "1", "title": "Meeting", "date": "2025-06-13T09:00:00"},
{"id": "2", "title": "Workshop", "date": "2025-06-15T14:30:00"}
],
events=[],
initialView="timeGridWeek",
headerToolbar={
"left": "prev,next today",
"center": "title",
"right": "dayGridMonth,timeGridWeek,timeGridDay"
# "right": "dayGridMonth,timeGridWeek,timeGridDay"
},
height=600,
locale="de",
@@ -43,7 +31,7 @@ layout = dbc.Container([
allDaySlot=False,
firstDay=1,
# themeSystem kann auf "bootstrap5" gesetzt werden, wenn das Plugin eingebunden ist
themeSystem="bootstrap5"
# themeSystem="bootstrap5"
)
)
]),