52 lines
5.7 KiB
JSON
52 lines
5.7 KiB
JSON
{
|
|
"backgroundColor": "#ffffff",
|
|
"borderColor": "#ffffff",
|
|
"borderRadius": "0.375rem",
|
|
"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": "",
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "theme"
|
|
}
|
|
],
|
|
"dynamicHeight": "FIXED",
|
|
"dynamicPropertyPathList": [],
|
|
"dynamicTriggerPathList": [],
|
|
"events": [],
|
|
"isCanvas": false,
|
|
"isLoading": false,
|
|
"isSearchWildcard": true,
|
|
"isVisible": true,
|
|
"key": "15menc7fc7",
|
|
"leftColumn": 1,
|
|
"maxDynamicHeight": 9000,
|
|
"minDynamicHeight": 4,
|
|
"mobileBottomRow": 41,
|
|
"mobileLeftColumn": 6,
|
|
"mobileRightColumn": 29,
|
|
"mobileTopRow": 11,
|
|
"needsErrorInfo": false,
|
|
"parentColumnSpace": 16.479687499999997,
|
|
"parentId": "2lnzb8fq0d",
|
|
"parentRowSpace": 10,
|
|
"renderMode": "CANVAS",
|
|
"rightColumn": 64,
|
|
"srcDoc": {
|
|
"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": 9,
|
|
"type": "CUSTOM_WIDGET",
|
|
"uncompiledSrcDoc": {
|
|
"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",
|
|
"widgetName": "Custom1"
|
|
} |