@schneideress/dashboardframework 20.0.16 → 20.0.17

package/fesm2022/schneideress-dashboardframework.mjs

@@ -5087,6 +5087,9 @@ class RADashboardArea {
         let _the = this;
         this.isSiteDetailDashboard = this.dashboardInfo?.templateName === 'Site Detail';
         this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe(widgets => {
+            if (this.isSiteDetailDashboard) {
+                widgets = this.arrangeWidgetsInTwoColumnGrid(widgets);
+            }
             _the.widgetList = [];
             this.userWidgets = widgets;
             this.PAMWidgets = [];
@@ -5125,6 +5128,38 @@ class RADashboardArea {
             this.raDashboardEventBus.publish(RAEvent.UpdateWidgetCount, this.userWidgets.length);
         });
     }
+    /**
+     * Arranges widgets in a 2-column grid layout for Site Detail dashboard
+     * @param widgets - Array of widget objects to be arranged
+     * @returns Modified widgets array with updated positions and dimensions. If more widgets exist than maxWidgetCount, only the last N widgets are positioned in the grid.
+     *
+     * Layout pattern (for last N widgets in 2-column layout):
+     * - Widget n-3: x=0, y=0 (top-left)
+     * - Widget n-2: x=4, y=0 (top-right)
+     * - Widget n-1: x=0, y=2 (second row-left)
+     * - Widget n: x=4, y=2 (second row-right)
+     *
+     * Additional widgets beyond maxWidgetCount are removed from the beginning of the array.
+     */
+    arrangeWidgetsInTwoColumnGrid(widgets) {
+        const colWidth = 4;
+        const rowHeight = 2;
+        const maxWidgets = this.templateConfig?.maxWidgetCount || 4;
+        // If more widgets than allowed, keep only the last N widgets
+        if (widgets.length > maxWidgets) {
+            widgets = widgets.slice(-maxWidgets);
+        }
+        widgets.forEach((widget, index) => {
+            const row = Math.floor(index / 2);
+            const col = index % 2;
+            widget.position_x = col * colWidth; // 0 for left column, 4 for right column
+            widget.position_y = row * rowHeight; // 0, 2, 4, etc.
+            widget.width = colWidth;
+            widget.height = rowHeight;
+        });
+        console.log('Arranged Widgets:', widgets);
+        return widgets;
+    }
     /** To set Area(Gridster) height dynamically as widgets are added/removed */
     setAreaHeight() {
         setTimeout(() => {