Opencalender Timeline eingefügt.
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
{
|
{
|
||||||
"dsl": {
|
"dsl": {
|
||||||
"backgroundColor": "none",
|
"backgroundColor": "none",
|
||||||
"bottomRow": 720,
|
"bottomRow": 760,
|
||||||
"canExtend": true,
|
"canExtend": true,
|
||||||
"containerStyle": "none",
|
"containerStyle": "none",
|
||||||
"detachFromLayout": true,
|
"detachFromLayout": true,
|
||||||
|
|||||||
@@ -0,0 +1,51 @@
|
|||||||
|
{
|
||||||
|
"animateLoading": true,
|
||||||
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||||
|
"bottomRow": 18,
|
||||||
|
"boxShadow": "none",
|
||||||
|
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
|
||||||
|
"buttonVariant": "PRIMARY",
|
||||||
|
"disabledWhenInvalid": false,
|
||||||
|
"dynamicBindingPathList": [
|
||||||
|
{
|
||||||
|
"key": "buttonColor"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "borderRadius"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dynamicPropertyPathList": [],
|
||||||
|
"dynamicTriggerPathList": [
|
||||||
|
{
|
||||||
|
"key": "onClick"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"isDefaultClickDisabled": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isLoading": false,
|
||||||
|
"isVisible": true,
|
||||||
|
"key": "tm4ganyf72",
|
||||||
|
"leftColumn": 2,
|
||||||
|
"minWidth": 120,
|
||||||
|
"mobileBottomRow": 18,
|
||||||
|
"mobileLeftColumn": 2,
|
||||||
|
"mobileRightColumn": 18,
|
||||||
|
"mobileTopRow": 14,
|
||||||
|
"needsErrorInfo": false,
|
||||||
|
"onClick": "{{showModal(Modal1.name);}}",
|
||||||
|
"parentColumnSpace": 25.390625,
|
||||||
|
"parentId": "0",
|
||||||
|
"parentRowSpace": 10,
|
||||||
|
"placement": "CENTER",
|
||||||
|
"recaptchaType": "V3",
|
||||||
|
"renderMode": "CANVAS",
|
||||||
|
"resetFormOnClick": false,
|
||||||
|
"responsiveBehavior": "hug",
|
||||||
|
"rightColumn": 11,
|
||||||
|
"text": "Platz 1",
|
||||||
|
"topRow": 14,
|
||||||
|
"type": "BUTTON_WIDGET",
|
||||||
|
"version": 1,
|
||||||
|
"widgetId": "erqu29df4w",
|
||||||
|
"widgetName": "Button1"
|
||||||
|
}
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
"borderColor": "{{appsmith.theme.colors.backgroundColor}}",
|
"borderColor": "{{appsmith.theme.colors.backgroundColor}}",
|
||||||
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||||
"borderWidth": "1",
|
"borderWidth": "1",
|
||||||
"bottomRow": 72,
|
"bottomRow": 76,
|
||||||
"boxShadow": "none",
|
"boxShadow": "none",
|
||||||
"defaultModel": "",
|
"defaultModel": "",
|
||||||
"dynamicBindingPathList": [
|
"dynamicBindingPathList": [
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
"js": ""
|
"js": ""
|
||||||
},
|
},
|
||||||
"theme": "{{appsmith.theme}}",
|
"theme": "{{appsmith.theme}}",
|
||||||
"topRow": 14,
|
"topRow": 18,
|
||||||
"type": "CUSTOM_WIDGET",
|
"type": "CUSTOM_WIDGET",
|
||||||
"uncompiledSrcDoc": {
|
"uncompiledSrcDoc": {
|
||||||
"css": "",
|
"css": "",
|
||||||
|
|||||||
@@ -0,0 +1,64 @@
|
|||||||
|
{
|
||||||
|
"backgroundColor": "#FFFFFF",
|
||||||
|
"borderColor": "#E0DEDE",
|
||||||
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||||
|
"borderWidth": "1",
|
||||||
|
"bottomRow": 60,
|
||||||
|
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
|
||||||
|
"defaultModel": "",
|
||||||
|
"dynamicBindingPathList": [
|
||||||
|
{
|
||||||
|
"key": "theme"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "borderRadius"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "boxShadow"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dynamicHeight": "FIXED",
|
||||||
|
"dynamicTriggerPathList": [
|
||||||
|
{
|
||||||
|
"key": "onResetClick"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"events": [
|
||||||
|
"onResetClick"
|
||||||
|
],
|
||||||
|
"isCanvas": false,
|
||||||
|
"isLoading": false,
|
||||||
|
"isSearchWildcard": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"key": "m02i2p2i1e",
|
||||||
|
"leftColumn": 0,
|
||||||
|
"maxDynamicHeight": 9000,
|
||||||
|
"minDynamicHeight": 4,
|
||||||
|
"mobileBottomRow": 30,
|
||||||
|
"mobileLeftColumn": 0,
|
||||||
|
"mobileRightColumn": 23,
|
||||||
|
"mobileTopRow": 0,
|
||||||
|
"needsErrorInfo": false,
|
||||||
|
"onResetClick": "{{showAlert('Successfully reset!!', '');}}",
|
||||||
|
"parentColumnSpace": 21.40625,
|
||||||
|
"parentId": "q2rxwqtggc",
|
||||||
|
"parentRowSpace": 10,
|
||||||
|
"renderMode": "CANVAS",
|
||||||
|
"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});"
|
||||||
|
},
|
||||||
|
"theme": "{{appsmith.theme}}",
|
||||||
|
"topRow": 0,
|
||||||
|
"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})"
|
||||||
|
},
|
||||||
|
"version": 1,
|
||||||
|
"widgetId": "5pq6xcyg78",
|
||||||
|
"widgetName": "Custom3"
|
||||||
|
}
|
||||||
@@ -0,0 +1,85 @@
|
|||||||
|
{
|
||||||
|
"animateLoading": true,
|
||||||
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||||
|
"bottomRow": 271,
|
||||||
|
"boxShadow": "none",
|
||||||
|
"canEscapeKeyClose": true,
|
||||||
|
"canOutsideClickClose": true,
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
|
||||||
|
"bottomRow": 700,
|
||||||
|
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
|
||||||
|
"canExtend": true,
|
||||||
|
"detachFromLayout": true,
|
||||||
|
"dynamicBindingPathList": [
|
||||||
|
{
|
||||||
|
"key": "borderRadius"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "boxShadow"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dynamicHeight": "AUTO_HEIGHT",
|
||||||
|
"flexLayers": [],
|
||||||
|
"isDisabled": false,
|
||||||
|
"isLoading": false,
|
||||||
|
"isVisible": true,
|
||||||
|
"key": "h3ezoy44rt",
|
||||||
|
"leftColumn": 0,
|
||||||
|
"maxDynamicHeight": 9000,
|
||||||
|
"minDynamicHeight": 4,
|
||||||
|
"minHeight": 700,
|
||||||
|
"minWidth": 450,
|
||||||
|
"mobileBottomRow": 240,
|
||||||
|
"mobileLeftColumn": 0,
|
||||||
|
"mobileRightColumn": 609.375,
|
||||||
|
"mobileTopRow": 0,
|
||||||
|
"needsErrorInfo": false,
|
||||||
|
"parentColumnSpace": 1,
|
||||||
|
"parentId": "8lajbnb6nu",
|
||||||
|
"parentRowSpace": 1,
|
||||||
|
"renderMode": "CANVAS",
|
||||||
|
"responsiveBehavior": "fill",
|
||||||
|
"rightColumn": 609.375,
|
||||||
|
"shouldScrollContents": false,
|
||||||
|
"topRow": 0,
|
||||||
|
"type": "CANVAS_WIDGET",
|
||||||
|
"version": 1,
|
||||||
|
"widgetId": "q2rxwqtggc",
|
||||||
|
"widgetName": "Canvas5"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"detachFromLayout": true,
|
||||||
|
"dynamicBindingPathList": [
|
||||||
|
{
|
||||||
|
"key": "borderRadius"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dynamicHeight": "FIXED",
|
||||||
|
"dynamicTriggerPathList": [],
|
||||||
|
"height": 700,
|
||||||
|
"isCanvas": true,
|
||||||
|
"isLoading": false,
|
||||||
|
"key": "gatb3mw95x",
|
||||||
|
"leftColumn": 15,
|
||||||
|
"maxDynamicHeight": 9000,
|
||||||
|
"minDynamicHeight": 24,
|
||||||
|
"mobileBottomRow": 55,
|
||||||
|
"mobileLeftColumn": 15,
|
||||||
|
"mobileRightColumn": 39,
|
||||||
|
"mobileTopRow": 31,
|
||||||
|
"needsErrorInfo": false,
|
||||||
|
"parentColumnSpace": 25.390625,
|
||||||
|
"parentId": "0",
|
||||||
|
"parentRowSpace": 10,
|
||||||
|
"renderMode": "CANVAS",
|
||||||
|
"rightColumn": 39,
|
||||||
|
"shouldScrollContents": false,
|
||||||
|
"topRow": 31,
|
||||||
|
"type": "MODAL_WIDGET",
|
||||||
|
"version": 2,
|
||||||
|
"widgetId": "8lajbnb6nu",
|
||||||
|
"widgetName": "Modal1",
|
||||||
|
"width": 1360
|
||||||
|
}
|
||||||
@@ -5,7 +5,7 @@
|
|||||||
"borderWidth": "1",
|
"borderWidth": "1",
|
||||||
"bottomRow": 60,
|
"bottomRow": 60,
|
||||||
"boxShadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
"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": [
|
"dynamicBindingPathList": [
|
||||||
{
|
{
|
||||||
"key": "theme"
|
"key": "theme"
|
||||||
@@ -35,16 +35,16 @@
|
|||||||
"rightColumn": 64,
|
"rightColumn": 64,
|
||||||
"srcDoc": {
|
"srcDoc": {
|
||||||
"css": "",
|
"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>",
|
"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: 'dayGridMonth'\n });\n calendar.render();\n});"
|
"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}}",
|
"theme": "{{appsmith.theme}}",
|
||||||
"topRow": 4,
|
"topRow": 4,
|
||||||
"type": "CUSTOM_WIDGET",
|
"type": "CUSTOM_WIDGET",
|
||||||
"uncompiledSrcDoc": {
|
"uncompiledSrcDoc": {
|
||||||
"css": "",
|
"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>",
|
"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(()=>{\nconst calendarEl = document.getElementById('calendar')\nconst calendar = new FullCalendar.Calendar(calendarEl, {\ninitialView: 'dayGridMonth'\n})\ncalendar.render()\n})"
|
"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,
|
"version": 1,
|
||||||
"widgetId": "opnoz7bq3u",
|
"widgetId": "opnoz7bq3u",
|
||||||
|
|||||||
Reference in New Issue
Block a user