Räume in Timeline Eingefügt
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
|
||||||
"animateLoading": true,
|
"animateLoading": true,
|
||||||
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||||
"bottomRow": 11,
|
"bottomRow": 9,
|
||||||
"boxShadow": "none",
|
"boxShadow": "none",
|
||||||
"defaultOptionValue": "[\n \"GREEN\",\n \"RED\"\n]",
|
"defaultOptionValue": "[\n \"GREEN\",\n \"RED\"\n]",
|
||||||
"dynamicBindingPathList": [
|
"dynamicBindingPathList": [
|
||||||
@@ -23,10 +23,10 @@
|
|||||||
"isVisible": true,
|
"isVisible": true,
|
||||||
"key": "vrep3jc9l1",
|
"key": "vrep3jc9l1",
|
||||||
"labelAlignment": "left",
|
"labelAlignment": "left",
|
||||||
"labelPosition": "Top",
|
"labelPosition": "Left",
|
||||||
"labelText": "Büro",
|
"labelText": "Büro",
|
||||||
"labelTextSize": "0.875rem",
|
"labelTextSize": "0.875rem",
|
||||||
"labelWidth": "3",
|
"labelWidth": "2",
|
||||||
"leftColumn": 1,
|
"leftColumn": 1,
|
||||||
"maxDynamicHeight": 9000,
|
"maxDynamicHeight": 9000,
|
||||||
"minDynamicHeight": 4,
|
"minDynamicHeight": 4,
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
"isSearchWildcard": true,
|
"isSearchWildcard": true,
|
||||||
"isVisible": true,
|
"isVisible": true,
|
||||||
"key": "15menc7fc7",
|
"key": "15menc7fc7",
|
||||||
"leftColumn": 12,
|
"leftColumn": 1,
|
||||||
"maxDynamicHeight": 9000,
|
"maxDynamicHeight": 9000,
|
||||||
"minDynamicHeight": 4,
|
"minDynamicHeight": 4,
|
||||||
"mobileBottomRow": 41,
|
"mobileBottomRow": 41,
|
||||||
@@ -34,17 +34,17 @@
|
|||||||
"renderMode": "CANVAS",
|
"renderMode": "CANVAS",
|
||||||
"rightColumn": 64,
|
"rightColumn": 64,
|
||||||
"srcDoc": {
|
"srcDoc": {
|
||||||
"css": "",
|
"css": "#calendar {\n width: 100%;\n min-height: 700px;\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/[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>",
|
"html": "<div id=\"calendar\"></div>",
|
||||||
"js": "appsmith.onReady(() => {\n const calendarEl = document.getElementById(\"calendar\");\n const calendar = new FullCalendar.Calendar(calendarEl, {\n initialView: \"timelineWeek\"\n });\n calendar.render();\n});"
|
"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}}",
|
"theme": "{{appsmith.theme}}",
|
||||||
"topRow": 4,
|
"topRow": 9,
|
||||||
"type": "CUSTOM_WIDGET",
|
"type": "CUSTOM_WIDGET",
|
||||||
"uncompiledSrcDoc": {
|
"uncompiledSrcDoc": {
|
||||||
"css": "",
|
"css": "#calendar {\n width: 100%;\n min-height: 700px;\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/[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>",
|
"html": "<div id=\"calendar\"></div>",
|
||||||
"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});"
|
"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,
|
"version": 1,
|
||||||
"widgetId": "opnoz7bq3u",
|
"widgetId": "opnoz7bq3u",
|
||||||
|
|||||||
Reference in New Issue
Block a user