EP/Sitzplatzbuchungstool
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Opencalender Timeline eingefügt.

Browse Source
This commit is contained in:
Admin
2026-08-06 11:50:08 +00:00
parent 229967ec5f
commit 5f31b04f5b
6 changed files with 208 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/Sitzplätze/widgets/Terminplanungs_Modal/Custom1.json
+5 -5
View File
@@ -5,7 +5,7 @@
"borderWidth": "1",
"bottomRow": 60,
"boxShadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
"defaultModel": "{\n \"locale\": \"de\",\n \"initialView\": \"dayGridMonth\",\n \"initialDate\": \"2026-08-06\",\n \"firstDay\": 1,\n \"editable\": true,\n \"selectable\": true,\n \"events\": [\n {\n \"id\": \"1\",\n \"title\": \"Keycloak-Workshop\",\n \"start\": \"2026-08-06T09:00:00\",\n \"end\": \"2026-08-06T11:00:00\",\n \"backgroundColor\": \"#2563eb\"\n },\n {\n \"id\": \"2\",\n \"title\": \"n8n Deployment\",\n \"start\": \"2026-08-10\",\n \"allDay\": true,\n \"backgroundColor\": \"#16a34a\"\n }\n ]\n}",
"defaultModel": "",
"dynamicBindingPathList": [
{
"key": "theme"
@@ -35,16 +35,16 @@
"rightColumn": 64,
"srcDoc": {
"css": "",
"html": "<! DOCTYPE html>\n<html>\n\n<head>\n<script src='https://cdn.jsdelivr.net/npm/fullcalendar/index.global.min.js'></script>\n\n</head>\n<body>\n<div id='calendar'></div>\n</body>\n</html>",
"js": "appsmith.onReady(() => {\n const calendarEl = document.getElementById('calendar');\n const calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: 'dayGridMonth'\n });\n calendar.render();\n});"
"html": "<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.css\">\n\n <script src=\"https://cdn.jsdelivr.net/npm/fullcalendar[email protected]/index.global.min.js\"></script>\n\n <style>\n html, body {\n margin: 0;\n padding: 0;\n height: 100%;\n width: 100%;\n }\n\n #calendar {\n width: 100%;\n height: 100vh;\n min-height: 700px;\n }\n </style>\n</head>\n<body>\n <div id=\"calendar\"></div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const calendarEl = document.getElementById(\"calendar\");\n\n const calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"timelineWeek\",\n height: \"100%\",\n nowIndicator: true,\n headerToolbar: {\n left: \"prev,next today\",\n center: \"title\",\n right: \"timelineDay,timelineWeek,timelineMonth,timelineYear\"\n }\n });\n\n calendar.render();\n });\n </script>\n</body>\n</html>",
"js": "appsmith.onReady(() => {\n const calendarEl = document.getElementById(\"calendar\");\n const calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"timelineWeek\"\n });\n calendar.render();\n});"
},
"theme": "{{appsmith.theme}}",
"topRow": 4,
"type": "CUSTOM_WIDGET",
"uncompiledSrcDoc": {
"css": "",
"html": "<! DOCTYPE html>\n<html>\n\n<head>\n<script src='https://cdn.jsdelivr.net/npm/fullcalendar/index.global.min.js'></script>\n\n</head>\n<body>\n<div id='calendar'></div>\n</body>\n</html>",
"js": "appsmith.onReady(()=>{\nconst calendarEl = document.getElementById('calendar')\nconst calendar = new FullCalendar.Calendar(calendarEl, {\ninitialView: 'dayGridMonth'\n})\ncalendar.render()\n})"
"html": "<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.css\">\n\n <script src=\"https://cdn.jsdelivr.net/npm/fullcalendar[email protected]/index.global.min.js\"></script>\n\n <style>\n html, body {\n margin: 0;\n padding: 0;\n height: 100%;\n width: 100%;\n }\n\n #calendar {\n width: 100%;\n height: 100vh;\n min-height: 700px;\n }\n </style>\n</head>\n<body>\n <div id=\"calendar\"></div>\n\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const calendarEl = document.getElementById(\"calendar\");\n\n const calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"timelineWeek\",\n height: \"100%\",\n nowIndicator: true,\n headerToolbar: {\n left: \"prev,next today\",\n center: \"title\",\n right: \"timelineDay,timelineWeek,timelineMonth,timelineYear\"\n }\n });\n\n calendar.render();\n });\n </script>\n</body>\n</html>",
"js": "appsmith.onReady(() => {\n const calendarEl = document.getElementById(\"calendar\");\n\n const calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"timelineWeek\"\n });\n\n calendar.render();\n});"
},
"version": 1,
"widgetId": "opnoz7bq3u",