Neueste Version

pages/Sitzplätze/queries/DeleteBooking/DeleteBooking.txt

@@ -0,0 +1,5 @@
+DELETE FROM `buchungen`
+WHERE id =
+  {{ this.params.bookingId }}
+  AND gebucht_von =
+  {{ this.params.bookedBy }};

pages/Sitzplätze/queries/DeleteBooking/metadata.json

@@ -0,0 +1,35 @@
+{
+  "gitSyncId": "6a6b5b477ebc9edeca96e2f8_766cb29a-c15e-4c36-a828-dda8c3fb28eb",
+  "id": "Sitzplätze_DeleteBooking",
+  "pluginId": "mysql-plugin",
+  "pluginType": "DB",
+  "unpublishedAction": {
+    "actionConfiguration": {
+      "body": "DELETE FROM `buchungen`\nWHERE id =\n  {{ this.params.bookingId }}\n  AND gebucht_von =\n  {{ this.params.bookedBy }};",
+      "encodeParamsToggle": true,
+      "paginationType": "NONE",
+      "pluginSpecifiedTemplates": [
+        {
+          "value": true
+        }
+      ],
+      "timeoutInMillisecond": 10000
+    },
+    "confirmBeforeExecute": false,
+    "datasource": {
+      "id": "MySQL Bürobuchungen",
+      "isAutoGenerated": false,
+      "name": "MySQL Bürobuchungen",
+      "pluginId": "mysql-plugin"
+    },
+    "dynamicBindingPathList": [
+      {
+        "key": "body"
+      }
+    ],
+    "name": "DeleteBooking",
+    "pageId": "Sitzplätze",
+    "runBehaviour": "MANUAL",
+    "userSetOnLoad": false
+  }
+}

pages/Sitzplätze/queries/Query2/metadata.json

@@ -1,6 +1,6 @@
 {
-  "gitSyncId": "6a6b5b477ebc9edeca96e2f8_766cb29a-c15e-4c36-a828-dda8c3fb28eb",
+  "gitSyncId": "6a6b5b477ebc9edeca96e2f8_cdc0389e-ec18-4013-bdb2-a8cefae53fda",
-  "id": "Sitzplätze_Query1",
+  "id": "Sitzplätze_Query2",
   "pluginId": "mysql-plugin",
   "pluginType": "DB",
   "unpublishedAction": {
@@ -22,7 +22,7 @@
       "name": "MySQL Bürobuchungen",
       "pluginId": "mysql-plugin"
     },
-    "name": "Query1",
+    "name": "Query2",
     "pageId": "Sitzplätze",
     "runBehaviour": "MANUAL",
     "userSetOnLoad": false

pages/Sitzplätze/widgets/Custom4.json

@@ -55,7 +55,7 @@
   "parentRowSpace": 10,
   "renderMode": "CANVAS",
   "rightColumn": 64,
-  "seatSelected": "{{\n  showModal(\n    \"SeatCalendar\"\n  )\n}}",
+  "seatSelected": "{{\n  storeValue(\n    \"selectedSeatId\",\n    Custom4.model.seatId ||\n    Custom4.model.selectedSeat?.id ||\n    \"\",\n    false\n  )\n    .then(() =>\n      storeValue(\n        \"selectedSeatName\",\n        Custom4.model.seatName ||\n        Custom4.model.selectedSeat?.name ||\n        \"\",\n        false\n      )\n    )\n    .then(() =>\n      GetSeatBookings.run()\n    )\n    .then(() =>\n      showModal(\n        SeatCalendar.name\n      )\n    )\n}}",
   "srcDoc": {
     "css": "@charset \"UTF-8\";\nhtml,\nbody {\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  font-family: Arial, sans-serif;\n}\n\n/* Bild + Overlay */\n#imgHolder {\n  position: relative;\n  width: 100%;\n  height: 700px; /* feste Höhe, damit sicher nicht 0 */\n  overflow: hidden;\n  border-radius: 6px;\n  background: #f3f4f6;\n}\n\n#floorplanImage {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n#seatLayer {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  pointer-events: none; /* Punkte bekommen später pointer-events:auto */\n}\n\n/* Sitzpunkte */\n.seat {\n  position: absolute;\n  z-index: 3;\n  display: block;\n  width: 18px;\n  height: 18px;\n  padding: 0;\n  transform: translate(-50%, -50%);\n  border: 2px solid #ffffff;\n  border-radius: 50%;\n  background: #22c55e;\n  color: #22c55e;\n  cursor: pointer;\n  pointer-events: auto;\n  appearance: none;\n  box-sizing: border-box;\n  box-shadow: 0 0 5px currentColor, 0 0 10px currentColor;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n\n.seat:hover {\n  z-index: 10;\n  transform: translate(-50%, -50%) scale(1.45);\n  box-shadow: 0 0 8px currentColor, 0 0 16px currentColor;\n}\n\n/* Farben nach Status */\n.seat.frei {\n  background: #22c55e; /* Grün */\n  color: #22c55e;\n}\n\n.seat.belegt {\n  background: #ef4444; /* Rot */\n  color: #ef4444;\n}\n\n.seat.selected {\n  outline: 3px solid #2563eb;\n  outline-offset: 3px;\n}\n\n/* Legende */\n#legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 8px;\n  color: #374151;\n  font-size: 13px;\n}\n\n.legendItem {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.legendColor {\n  display: inline-block;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n}\n\n.legendColor.frei {\n  background: #22c55e;\n}\n\n.legendColor.belegt {\n  background: #ef4444;\n}",
     "html": "<div id=\"seatPlan\">\n\n  <div id=\"imgHolder\">\n    <!-- Kein src hier, das Bild kommt über JavaScript -->\n    <img id=\"floorplanImage\" alt=\"Büroplan\">\n\t\t<div id=\"seatLayer\"></div>\n\t\t\n\t\t\n  </div>\n</div>",

pages/Sitzplätze/widgets/MyBookingDetailsModal/DeleteBookingButton.json

@@ -0,0 +1,56 @@
+{
+  "animateLoading": true,
+  "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+  "bottomRow": 24,
+  "boxShadow": "none",
+  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+  "buttonStyle": "PRIMARY_BUTTON",
+  "buttonVariant": "PRIMARY",
+  "disabledWhenInvalid": false,
+  "dynamicBindingPathList": [
+    {
+      "key": "buttonColor"
+    },
+    {
+      "key": "borderRadius"
+    }
+  ],
+  "dynamicPropertyPathList": [
+    {
+      "key": "onClick"
+    }
+  ],
+  "dynamicTriggerPathList": [
+    {
+      "key": "onClick"
+    }
+  ],
+  "isDefaultClickDisabled": true,
+  "isDisabled": false,
+  "isLoading": false,
+  "isVisible": true,
+  "key": "zb1cmuhe3l",
+  "leftColumn": 41,
+  "minWidth": 120,
+  "mobileBottomRow": 22,
+  "mobileLeftColumn": 47,
+  "mobileRightColumn": 63,
+  "mobileTopRow": 18,
+  "needsErrorInfo": false,
+  "onClick": "{{\n  DeleteBooking\n    .run({\n      bookingId:\n        appsmith.store.selectedBooking?.id,\n\n      bookedBy:\n        appsmith.user.email ||\n        appsmith.user.username\n    })\n    .then((result) => {\n      console.log(\n        \"DeleteBooking Ergebnis:\",\n        result\n      );\n\n      return GetSeatBookings.run();\n    })\n    .then(() => {\n      return GetSeats.run();\n    })\n    .then(() => {\n      return closeModal(\n        MyBookingDetailsModal.name\n      );\n    })\n    .then(() => {\n      return showAlert(\n        \"Die Buchung wurde gelöscht.\",\n        \"success\"\n      );\n    })\n    .catch((error) => {\n      console.error(\n        \"Löschen fehlgeschlagen:\",\n        error\n      );\n\n      showAlert(\n        \"Die Buchung konnte nicht gelöscht werden.\",\n        \"error\"\n      );\n    });\n}}",
+  "originalBottomRow": 24,
+  "originalTopRow": 20,
+  "parentId": "7731jpp9wk",
+  "placement": "CENTER",
+  "recaptchaType": "V3",
+  "renderMode": "CANVAS",
+  "resetFormOnClick": false,
+  "responsiveBehavior": "hug",
+  "rightColumn": 63,
+  "text": "Buchung löschen",
+  "topRow": 20,
+  "type": "BUTTON_WIDGET",
+  "version": 1,
+  "widgetId": "zf6zh6z0sk",
+  "widgetName": "DeleteBookingButton"
+}

pages/Sitzplätze/widgets/MyBookingDetailsModal/IconButton2.json

@@ -0,0 +1,44 @@
+{
+  "animateLoading": true,
+  "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+  "bottomRow": 4,
+  "boxShadow": "none",
+  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+  "buttonVariant": "TERTIARY",
+  "dynamicBindingPathList": [
+    {
+      "key": "buttonColor"
+    },
+    {
+      "key": "borderRadius"
+    }
+  ],
+  "dynamicTriggerPathList": [
+    {
+      "key": "onClick"
+    }
+  ],
+  "iconName": "cross",
+  "iconSize": 24,
+  "isDisabled": false,
+  "isLoading": false,
+  "isVisible": true,
+  "key": "zaccq9na42",
+  "leftColumn": 58,
+  "minWidth": 50,
+  "mobileBottomRow": 4,
+  "mobileLeftColumn": 58,
+  "mobileRightColumn": 64,
+  "mobileTopRow": 0,
+  "needsErrorInfo": false,
+  "onClick": "{{closeModal(MyBookingDetailsModal.name);}}",
+  "parentId": "7731jpp9wk",
+  "renderMode": "CANVAS",
+  "responsiveBehavior": "hug",
+  "rightColumn": 64,
+  "topRow": 0,
+  "type": "ICON_BUTTON_WIDGET",
+  "version": 1,
+  "widgetId": "pcmtvkn5jw",
+  "widgetName": "IconButton2"
+}

pages/Sitzplätze/widgets/MyBookingDetailsModal/MyBookingDetailsModal.json

@@ -0,0 +1,85 @@
+{
+  "animateLoading": true,
+  "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+  "bottomRow": 289,
+  "boxShadow": "none",
+  "canEscapeKeyClose": true,
+  "canOutsideClickClose": true,
+  "children": [
+    {
+      "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+      "bottomRow": 260,
+      "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": "iy86p0btqs",
+      "leftColumn": 0,
+      "maxDynamicHeight": 9000,
+      "minDynamicHeight": 4,
+      "minHeight": 260,
+      "minWidth": 450,
+      "mobileBottomRow": 240,
+      "mobileLeftColumn": 0,
+      "mobileRightColumn": 435.75,
+      "mobileTopRow": 0,
+      "needsErrorInfo": false,
+      "parentColumnSpace": 1,
+      "parentId": "m9c4kqrhxt",
+      "parentRowSpace": 1,
+      "renderMode": "CANVAS",
+      "responsiveBehavior": "fill",
+      "rightColumn": 435.75,
+      "shouldScrollContents": false,
+      "topRow": 0,
+      "type": "CANVAS_WIDGET",
+      "version": 1,
+      "widgetId": "7731jpp9wk",
+      "widgetName": "Canvas9"
+    }
+  ],
+  "detachFromLayout": true,
+  "dynamicBindingPathList": [
+    {
+      "key": "borderRadius"
+    }
+  ],
+  "dynamicHeight": "AUTO_HEIGHT",
+  "height": 260,
+  "isCanvas": true,
+  "isLoading": false,
+  "key": "jc8yhgzuwd",
+  "leftColumn": 20,
+  "maxDynamicHeight": 9000,
+  "minDynamicHeight": 24,
+  "minHeight": 260,
+  "mobileBottomRow": 53,
+  "mobileLeftColumn": 20,
+  "mobileRightColumn": 44,
+  "mobileTopRow": 29,
+  "needsErrorInfo": false,
+  "parentColumnSpace": 18.15625,
+  "parentId": "0",
+  "parentRowSpace": 10,
+  "renderMode": "CANVAS",
+  "rightColumn": 44,
+  "shouldScrollContents": true,
+  "topRow": 29,
+  "type": "MODAL_WIDGET",
+  "version": 2,
+  "widgetId": "m9c4kqrhxt",
+  "widgetName": "MyBookingDetailsModal",
+  "width": 732
+}

pages/Sitzplätze/widgets/MyBookingDetailsModal/Text6.json

@@ -1,7 +1,7 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 92,
+  "bottomRow": 24,
   "dynamicBindingPathList": [
     {
       "key": "truncateButtonColor"
@@ -19,37 +19,35 @@
   "dynamicHeight": "AUTO_HEIGHT",
   "dynamicTriggerPathList": [],
   "fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
-  "fontSize": "1rem",
+  "fontSize": "1.25rem",
   "fontStyle": "BOLD",
   "isLoading": false,
   "isVisible": true,
-  "key": "wb75ugacfs",
+  "key": "wnu3ozrv06",
-  "leftColumn": 39,
+  "leftColumn": 1,
   "maxDynamicHeight": 9000,
   "minDynamicHeight": 4,
   "minWidth": 450,
-  "mobileBottomRow": 56,
+  "mobileBottomRow": 5,
-  "mobileLeftColumn": 43,
+  "mobileLeftColumn": 1,
-  "mobileRightColumn": 59,
+  "mobileRightColumn": 41,
-  "mobileTopRow": 52,
+  "mobileTopRow": 1,
   "needsErrorInfo": false,
-  "originalBottomRow": 92,
+  "originalBottomRow": 24,
-  "originalTopRow": 43,
+  "originalTopRow": 1,
   "overflow": "NONE",
-  "parentColumnSpace": 18.56015625,
+  "parentId": "7731jpp9wk",
-  "parentId": "q44lz1f0e4",
-  "parentRowSpace": 10,
   "renderMode": "CANVAS",
   "responsiveBehavior": "fill",
-  "rightColumn": 48,
+  "rightColumn": 41,
   "shouldTruncate": false,
-  "text": "{{\n  JSON.stringify(\n    appsmith.store.bookingFormData || {},\n    null,\n    2\n  )\n}}",
+  "text": "{{\n  JSON.stringify(\n    appsmith.store.selectedBooking || {},\n    null,\n    2\n  )\n}}",
   "textAlign": "LEFT",
   "textColor": "#231F20",
-  "topRow": 43,
+  "topRow": 1,
   "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
   "type": "TEXT_WIDGET",
   "version": 1,
-  "widgetId": "y723ubcx1i",
+  "widgetId": "uby200a2fb",
-  "widgetName": "Text4"
+  "widgetName": "Text6"
 }

pages/Sitzplätze/widgets/Platzbuchung/BookingEndDate.json

@@ -7,17 +7,32 @@
   "closeOnSelection": true,
   "dateFormat": "D MMMM, YYYY",
   "datePickerType": "DATE_PICKER",
-  "defaultDate": "2026-08-17T09:59:18.715Z",
+  "defaultDate": "{{\n  appsmith.store.bookingFormData?.endDate ||\n  appsmith.store.bookingFormData?.startDate ||\n  appsmith.store.calendarSelection?.start?.slice(0, 10) ||\n  \"\"\n}}",
   "dynamicBindingPathList": [
     {
       "key": "accentColor"
     },
     {
       "key": "borderRadius"
+    },
+    {
+      "key": "defaultDate"
     }
   ],
   "dynamicHeight": "FIXED",
-  "dynamicTriggerPathList": [],
+  "dynamicPropertyPathList": [
+    {
+      "key": "defaultDate"
+    },
+    {
+      "key": "onDateSelected"
+    }
+  ],
+  "dynamicTriggerPathList": [
+    {
+      "key": "onDateSelected"
+    }
+  ],
   "firstDayOfWeek": 0,
   "isDisabled": false,
   "isLoading": false,
@@ -40,6 +55,7 @@
   "mobileRightColumn": 21,
   "mobileTopRow": 11,
   "needsErrorInfo": false,
+  "onDateSelected": "{{\n  storeValue(\n    \"bookingFormData\",\n    {\n      ...(appsmith.store.bookingFormData || {}),\n\n      endDate:\n        BookingEndDate.selectedDate\n    },\n    false\n  )\n}}",
   "parentColumnSpace": 8.875,
   "parentId": "q44lz1f0e4",
   "parentRowSpace": 10,

pages/Sitzplätze/widgets/Platzbuchung/BookingStartDate.json

@@ -7,17 +7,32 @@
   "closeOnSelection": true,
   "dateFormat": "D MMMM, YYYY",
   "datePickerType": "DATE_PICKER",
-  "defaultDate": "2026-08-17T09:59:18.715Z",
+  "defaultDate": "{{\n  appsmith.store.bookingFormData?.startDate ||\n  appsmith.store.calendarSelection?.start?.slice(0, 10) ||\n  \"\"\n}}",
   "dynamicBindingPathList": [
     {
       "key": "accentColor"
     },
     {
       "key": "borderRadius"
+    },
+    {
+      "key": "defaultDate"
     }
   ],
   "dynamicHeight": "FIXED",
-  "dynamicTriggerPathList": [],
+  "dynamicPropertyPathList": [
+    {
+      "key": "defaultDate"
+    },
+    {
+      "key": "onDateSelected"
+    }
+  ],
+  "dynamicTriggerPathList": [
+    {
+      "key": "onDateSelected"
+    }
+  ],
   "firstDayOfWeek": 0,
   "isDisabled": false,
   "isLoading": false,
@@ -40,6 +55,7 @@
   "mobileRightColumn": 21,
   "mobileTopRow": 11,
   "needsErrorInfo": false,
+  "onDateSelected": "{{\n  storeValue(\n    \"bookingFormData\",\n    {\n      ...(appsmith.store.bookingFormData || {}),\n\n      startDate:\n        BookingStartDate.selectedDate,\n\n      endDate:\n        BookingStartDate.selectedDate\n    },\n    false\n  )\n}}",
   "parentColumnSpace": 8.875,
   "parentId": "q44lz1f0e4",
   "parentRowSpace": 10,

pages/Sitzplätze/widgets/Platzbuchung/ConfirmBookingButton.json

@@ -1,7 +1,7 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 79,
+  "bottomRow": 64,
   "boxShadow": "none",
   "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
   "buttonStyle": "PRIMARY_BUTTON",
@@ -34,8 +34,8 @@
   "mobileTopRow": 18,
   "needsErrorInfo": false,
   "onClick": "{{RecurringBooking.prepareRecurringBooking();}}",
-  "originalBottomRow": 78,
+  "originalBottomRow": 79,
-  "originalTopRow": 74,
+  "originalTopRow": 75,
   "parentId": "q44lz1f0e4",
   "placement": "CENTER",
   "recaptchaType": "V3",
@@ -44,7 +44,7 @@
   "responsiveBehavior": "hug",
   "rightColumn": 62,
   "text": "Buchen",
-  "topRow": 75,
+  "topRow": 60,
   "type": "BUTTON_WIDGET",
   "version": 1,
   "widgetId": "iutdgcd629",

pages/Sitzplätze/widgets/Platzbuchung/Platzbuchung.json

@@ -1,14 +1,14 @@
 {
   "animateLoading": true,
   "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 94,
+  "bottomRow": 66,
   "boxShadow": "none",
   "canEscapeKeyClose": true,
   "canOutsideClickClose": true,
   "children": [
     {
       "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-      "bottomRow": 940,
+      "bottomRow": 660,
       "boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
       "canExtend": true,
       "detachFromLayout": true,
@@ -58,14 +58,14 @@
   ],
   "dynamicHeight": "AUTO_HEIGHT",
   "dynamicTriggerPathList": [],
-  "height": 940,
+  "height": 660,
   "isCanvas": true,
   "isLoading": false,
   "key": "tfld9k9m85",
   "leftColumn": 19,
   "maxDynamicHeight": 9000,
   "minDynamicHeight": 10,
-  "minHeight": 940,
+  "minHeight": 660,
   "mobileBottomRow": 39,
   "mobileLeftColumn": 19,
   "mobileRightColumn": 43,

pages/Sitzplätze/widgets/Platzbuchung/Text5.json

@@ -1,55 +0,0 @@
-{
-  "animateLoading": true,
-  "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
-  "bottomRow": 48,
-  "dynamicBindingPathList": [
-    {
-      "key": "truncateButtonColor"
-    },
-    {
-      "key": "fontFamily"
-    },
-    {
-      "key": "borderRadius"
-    },
-    {
-      "key": "text"
-    }
-  ],
-  "dynamicHeight": "AUTO_HEIGHT",
-  "dynamicTriggerPathList": [],
-  "fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
-  "fontSize": "1rem",
-  "fontStyle": "BOLD",
-  "isLoading": false,
-  "isVisible": true,
-  "key": "wb75ugacfs",
-  "leftColumn": 48,
-  "maxDynamicHeight": 9000,
-  "minDynamicHeight": 4,
-  "minWidth": 450,
-  "mobileBottomRow": 47,
-  "mobileLeftColumn": 48,
-  "mobileRightColumn": 64,
-  "mobileTopRow": 43,
-  "needsErrorInfo": false,
-  "originalBottomRow": 47,
-  "originalTopRow": 43,
-  "overflow": "NONE",
-  "parentColumnSpace": 18.56015625,
-  "parentId": "q44lz1f0e4",
-  "parentRowSpace": 10,
-  "renderMode": "CANVAS",
-  "responsiveBehavior": "fill",
-  "rightColumn": 64,
-  "shouldTruncate": false,
-  "text": "{{\n  \"Start: \" +\n  appsmith.store.bookingFormData?.startDate +\n  \" | Ende: \" +\n  appsmith.store.bookingFormData?.endDate\n}}",
-  "textAlign": "LEFT",
-  "textColor": "#231F20",
-  "topRow": 43,
-  "truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
-  "type": "TEXT_WIDGET",
-  "version": 1,
-  "widgetId": "8r5ranska0",
-  "widgetName": "Text5"
-}