Räume in Timeline Eingefügt
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
||||
"animateLoading": true,
|
||||
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||
"bottomRow": 11,
|
||||
"bottomRow": 9,
|
||||
"boxShadow": "none",
|
||||
"defaultOptionValue": "[\n \"GREEN\",\n \"RED\"\n]",
|
||||
"dynamicBindingPathList": [
|
||||
@@ -23,10 +23,10 @@
|
||||
"isVisible": true,
|
||||
"key": "vrep3jc9l1",
|
||||
"labelAlignment": "left",
|
||||
"labelPosition": "Top",
|
||||
"labelPosition": "Left",
|
||||
"labelText": "Büro",
|
||||
"labelTextSize": "0.875rem",
|
||||
"labelWidth": "3",
|
||||
"labelWidth": "2",
|
||||
"leftColumn": 1,
|
||||
"maxDynamicHeight": 9000,
|
||||
"minDynamicHeight": 4,
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
"isSearchWildcard": true,
|
||||
"isVisible": true,
|
||||
"key": "15menc7fc7",
|
||||
"leftColumn": 12,
|
||||
"leftColumn": 1,
|
||||
"maxDynamicHeight": 9000,
|
||||
"minDynamicHeight": 4,
|
||||
"mobileBottomRow": 41,
|
||||
@@ -34,17 +34,17 @@
|
||||
"renderMode": "CANVAS",
|
||||
"rightColumn": 64,
|
||||
"srcDoc": {
|
||||
"css": "",
|
||||
"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/[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});"
|
||||
"css": "#calendar {\n width: 100%;\n min-height: 700px;\n}",
|
||||
"html": "<div id=\"calendar\"></div>",
|
||||
"js": "let calendar;\nfunction loadCalendar() {\n const calendarEl = document.getElementById(\"calendar\");\n if (!calendarEl || typeof FullCalendar === \"undefined\") return;\n const resources = [{\n id: \"a\",\n title: \"Raum A\"\n }, {\n id: \"b\",\n title: \"Raum B\"\n }, {\n id: \"c\",\n title: \"Raum C\"\n }, {\n id: \"d\",\n title: \"Raum D\"\n }, {\n id: \"e\",\n title: \"Raum E\"\n }, {\n id: \"f\",\n title: \"Raum F\"\n }, {\n id: \"g\",\n title: \"Raum G\"\n }, {\n id: \"h\",\n title: \"Raum H\"\n }, {\n id: \"i\",\n title: \"Raum I\"\n }, {\n id: \"j\",\n title: \"Raum J\"\n }, {\n id: \"k\",\n title: \"Raum K\"\n }, {\n id: \"l\",\n title: \"Raum L\"\n }, {\n id: \"m\",\n title: \"Raum M\"\n }, {\n id: \"n\",\n title: \"Raum N\"\n }, {\n id: \"o\",\n title: \"Raum O\"\n }, {\n id: \"p\",\n title: \"Raum P\"\n }, {\n id: \"q\",\n title: \"Raum Q\"\n }, {\n id: \"r\",\n title: \"Raum R\"\n }, {\n id: \"s\",\n title: \"Raum S\"\n }, {\n id: \"t\",\n title: \"Raum T\"\n }, {\n id: \"u\",\n title: \"Raum U\"\n }];\n const events = [{\n id: \"1\",\n resourceId: \"a\",\n title: \"Termin A1\",\n start: \"2026-08-06T09:00:00\",\n end: \"2026-08-06T11:00:00\"\n }, {\n id: \"2\",\n resourceId: \"b\",\n title: \"Termin B1\",\n start: \"2026-08-06T10:00:00\",\n end: \"2026-08-06T12:00:00\"\n }, {\n id: \"3\",\n resourceId: \"c\",\n title: \"Termin C1\",\n start: \"2026-08-07T13:00:00\",\n end: \"2026-08-07T15:00:00\"\n }];\n calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"resourceTimelineWeek\",\n height: \"100%\",\n nowIndicator: true,\n slotMinWidth: 80,\n resourceAreaWidth: 220,\n headerToolbar: {\n left: \"prev,next today\",\n center: \"title\",\n right: \"resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth\"\n },\n resources,\n events\n });\n calendar.render();\n}\nappsmith.onReady(() => {\n const script = document.createElement(\"script\");\n script.src = \"https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.js\";\n script.onload = loadCalendar;\n document.head.appendChild(script);\n});"
|
||||
},
|
||||
"theme": "{{appsmith.theme}}",
|
||||
"topRow": 4,
|
||||
"topRow": 9,
|
||||
"type": "CUSTOM_WIDGET",
|
||||
"uncompiledSrcDoc": {
|
||||
"css": "",
|
||||
"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/[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});"
|
||||
"css": "#calendar {\n width: 100%;\n min-height: 700px;\n}",
|
||||
"html": "<div id=\"calendar\"></div>",
|
||||
"js": "let calendar;\n\nfunction loadCalendar() {\n const calendarEl = document.getElementById(\"calendar\");\n if (!calendarEl || typeof FullCalendar === \"undefined\") return;\n\n const resources = [\n { id: \"a\", title: \"Raum A\" },\n { id: \"b\", title: \"Raum B\" },\n { id: \"c\", title: \"Raum C\" },\n { id: \"d\", title: \"Raum D\" },\n { id: \"e\", title: \"Raum E\" },\n { id: \"f\", title: \"Raum F\" },\n { id: \"g\", title: \"Raum G\" },\n { id: \"h\", title: \"Raum H\" },\n { id: \"i\", title: \"Raum I\" },\n { id: \"j\", title: \"Raum J\" },\n { id: \"k\", title: \"Raum K\" },\n { id: \"l\", title: \"Raum L\" },\n { id: \"m\", title: \"Raum M\" },\n { id: \"n\", title: \"Raum N\" },\n { id: \"o\", title: \"Raum O\" },\n { id: \"p\", title: \"Raum P\" },\n { id: \"q\", title: \"Raum Q\" },\n { id: \"r\", title: \"Raum R\" },\n { id: \"s\", title: \"Raum S\" },\n { id: \"t\", title: \"Raum T\" },\n { id: \"u\", title: \"Raum U\" }\n ];\n\n const events = [\n {\n id: \"1\",\n resourceId: \"a\",\n title: \"Termin A1\",\n start: \"2026-08-06T09:00:00\",\n end: \"2026-08-06T11:00:00\"\n },\n {\n id: \"2\",\n resourceId: \"b\",\n title: \"Termin B1\",\n start: \"2026-08-06T10:00:00\",\n end: \"2026-08-06T12:00:00\"\n },\n {\n id: \"3\",\n resourceId: \"c\",\n title: \"Termin C1\",\n start: \"2026-08-07T13:00:00\",\n end: \"2026-08-07T15:00:00\"\n }\n ];\n\n calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"resourceTimelineWeek\",\n height: \"100%\",\n nowIndicator: true,\n slotMinWidth: 80,\n resourceAreaWidth: 220,\n headerToolbar: {\n left: \"prev,next today\",\n center: \"title\",\n right: \"resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth\"\n },\n resources,\n events\n });\n\n calendar.render();\n}\n\nappsmith.onReady(() => {\n const script = document.createElement(\"script\");\n script.src = \"https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.js\";\n script.onload = loadCalendar;\n document.head.appendChild(script);\n});"
|
||||
},
|
||||
"version": 1,
|
||||
"widgetId": "opnoz7bq3u",
|
||||
|
||||
Reference in New Issue
Block a user