@schneideress/dashboardframework 0.0.147 → 0.0.149

package/bundles/schneideress-dashboardframework.umd.js

@@ -898,18 +898,195 @@
         //itemInitCallback: (item) => this.itemInitCallback(item)
     };
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/ra.dashboard.responsive.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @type {?} */
+    var DesktopViewStart = 1367;
+    /** @type {?} */
+    var GridLockViewEnd = 1024;
+    var RADashboardResponsiveService = /** @class */ (function () {
+        function RADashboardResponsiveService() {
+            var _this = this;
+            this.resInfo = [
+                { 'start': 0, 'end': 767, 'minCols': 1, 'maxCols': 1 },
+                { 'start': 768, 'end': GridLockViewEnd, 'minCols': 1, 'maxCols': 2 },
+                { 'start': GridLockViewEnd + 1, 'end': DesktopViewStart - 1, 'minCols': 2, 'maxCols': 6 },
+                { 'start': DesktopViewStart, 'end': 9999999999, 'minCols': 2, 'maxCols': 10 }
+            ];
+            this.setScreenWidth();
+            window.addEventListener('resize', (/**
+             * @return {?}
+             */
+            function () {
+                _this.setScreenWidth();
+            }));
+        }
+        /**
+         * @private
+         * @return {?}
+         */
+        RADashboardResponsiveService.prototype.setScreenWidth = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.screenWidth = screen.width;
+            this.currentResInfo = this.resInfo.filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                return item.end >= _this.screenWidth && item.start <= _this.screenWidth;
+            }))[0];
+        };
+        Object.defineProperty(RADashboardResponsiveService.prototype, "IsDesktopView", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.screenWidth >= DesktopViewStart;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(RADashboardResponsiveService.prototype, "IsGridLocked", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.screenWidth <= GridLockViewEnd;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(RADashboardResponsiveService.prototype, "GridsterConfig", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                /** @type {?} */
+                var config = GridsterConfigDefaultSettings;
+                config.minCols = this.currentResInfo.maxCols;
+                config.maxCols = this.currentResInfo.maxCols;
+                config.minRows = this.currentResInfo.minCols;
+                config.maxItemCols = this.currentResInfo.maxCols;
+                config.minItemCols = this.currentResInfo.minCols;
+                config.minItemRows = this.currentResInfo.minCols;
+                config.minItemArea = this.currentResInfo.minCols * this.currentResInfo.minCols;
+                config.defaultItemCols = this.currentResInfo.minCols;
+                config.defaultItemRows = this.currentResInfo.minCols;
+                if (!this.IsDesktopView) {
+                    config.resizable.enabled = false;
+                    config.swap = false;
+                    config.draggable.enabled = false;
+                }
+                return config;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**To map IwidgetInfo object to gridsterItem */
+        /**
+         * To map IwidgetInfo object to gridsterItem
+         * @param {?} widget
+         * @return {?}
+         */
+        RADashboardResponsiveService.prototype.getGridsterItem = /**
+         * To map IwidgetInfo object to gridsterItem
+         * @param {?} widget
+         * @return {?}
+         */
+        function (widget) {
+            /** @type {?} */
+            var gridsterItem = (/** @type {?} */ ({
+                cols: this.getWidth(widget.width),
+                rows: this.getHeight(widget.height),
+                x: this.IsDesktopView ? widget.position_x : 0,
+                y: this.IsDesktopView ? widget.position_y : 0,
+                isInitialized: widget.isInitialized,
+                widgetInfo: widget
+            }));
+            return gridsterItem;
+        };
+        /**
+         * @private
+         * @param {?} width
+         * @return {?}
+         */
+        RADashboardResponsiveService.prototype.getWidth = /**
+         * @private
+         * @param {?} width
+         * @return {?}
+         */
+        function (width) {
+            if (!this.IsDesktopView) {
+                width = Math.floor(width / 10 * this.currentResInfo.maxCols);
+                if (width < this.currentResInfo.minCols)
+                    width = this.currentResInfo.minCols;
+            }
+            return width;
+        };
+        /**
+         * @private
+         * @param {?} height
+         * @return {?}
+         */
+        RADashboardResponsiveService.prototype.getHeight = /**
+         * @private
+         * @param {?} height
+         * @return {?}
+         */
+        function (height) {
+            if (!this.IsDesktopView) {
+                height = Math.floor(height / 10 * this.currentResInfo.maxCols);
+                if (height < this.currentResInfo.minCols)
+                    height = this.currentResInfo.minCols;
+            }
+            return height;
+        };
+        RADashboardResponsiveService.decorators = [
+            { type: core.Injectable, args: [{ providedIn: 'root' },] }
+        ];
+        /** @nocollapse */
+        RADashboardResponsiveService.ctorParameters = function () { return []; };
+        /** @nocollapse */ RADashboardResponsiveService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function RADashboardResponsiveService_Factory() { return new RADashboardResponsiveService(); }, token: RADashboardResponsiveService, providedIn: "root" });
+        return RADashboardResponsiveService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardResponsiveService.prototype.screenWidth;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardResponsiveService.prototype.resInfo;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardResponsiveService.prototype.currentResInfo;
+    }
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/ra-dashboard-area/ra.dashboard.area.ts
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RADashboardArea = /** @class */ (function () {
-        function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier) {
+        function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier, responsiveService) {
             this.dashboardService = dashboardService;
             this.ngZone = ngZone;
             this.ngxService = ngxService;
             this.translateService = translateService;
             this.notifier = notifier;
+            this.responsiveService = responsiveService;
             this.widgetList = Array();
             this.gridheight = 300;
             this.gridcellHeight = 0;
@@ -927,15 +1104,23 @@
          * @return {?}
          */
         function (event) {
-            /** @type {?} */
-            var areaContext = this;
+            var _this = this;
+            this.widgetList = [];
             setTimeout((/**
              * @return {?}
              */
             function () {
-                areaContext.setAreaHeight();
-                areaContext.domResized = !areaContext.domResized;
-            }), 1000);
+                _this.initiateGridsterConfig();
+                _this.options.api.optionsChanged();
+                if (_this.userWidgets) {
+                    _this.widgetList = _this.mapObjectListToGridsterItemList(_this.userWidgets);
+                    _this.setAreaHeight();
+                }
+                else {
+                    _this.loadWidgets(_this.userDashboardId, _this.areaKey);
+                }
+                _this.domResized = !_this.domResized;
+            }));
         };
         /**
          * @return {?}
@@ -963,46 +1148,44 @@
                 this.inititateEventBusSubscritions();
             }
         };
-        // public invokeResizeEvent() {
-        //   this.widgetContainers.forEach(function(container,i){
-        //     container.invokeWidgetResizedEvent();
-        //   });
-        // }
         /**To set GridsterConfig */
-        // public invokeResizeEvent() {
-        //   this.widgetContainers.forEach(function(container,i){
-        //     container.invokeWidgetResizedEvent();
-        //   });
-        // }
         /**
          * To set GridsterConfig
          * @return {?}
          */
-        RADashboardArea.prototype.initiateGridsterConfig = 
-        // public invokeResizeEvent() {
-        //   this.widgetContainers.forEach(function(container,i){
-        //     container.invokeWidgetResizedEvent();
-        //   });
-        // }
-        /**
+        RADashboardArea.prototype.initiateGridsterConfig = /**
          * To set GridsterConfig
          * @return {?}
          */
         function () {
-            /** @type {?} */
-            var areaContext = this;
+            var _this = this;
             /**To override default configuration values to the gridster control */
-            this.options = GridsterConfigDefaultSettings;
+            this.options = this.responsiveService.GridsterConfig;
             this.options.itemChangeCallback = (/**
              * @param {?} item
              * @return {?}
              */
             function (item) {
-                console.log('in  item change clal back');
-                if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
-                    areaContext.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+                if (item.isInitialized) {
+                    if (!_this.responsiveService.IsGridLocked) {
+                        if (!_this.responsiveService.IsDesktopView) {
+                            _this.updateWidgets();
+                        }
+                        else {
+                            if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
+                                _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+                            }
+                        }
+                    }
+                    _this.setAreaHeight();
                 }
-                areaContext.setAreaHeight();
+            });
+            this.options.itemInitCallback = (/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                item.isInitialized = true;
             });
         };
         /** To initiate eventbus subsctiptions */
@@ -1061,7 +1244,6 @@
                  * @return {?}
                  */
                 function () {
-                    console.log('rearrange event bus triggered');
                     _this.rearrangeWidgets();
                 }));
             }));
@@ -1075,9 +1257,6 @@
                  */
                 function () {
                     if (widgetList) {
-                        // widgetList.forEach(widgetInfo => {
-                        //   this.addWidget(widgetInfo);
-                        // });
                         _this.addWidgetListToGridster(widgetList, 0);
                     }
                 }));
@@ -1154,7 +1333,7 @@
          * @return {?}
          */
         function () {
-            this.dashboardService.updateWidgets(this.mapGridsterListToObject(this.widgetList), this.appConfig).subscribe((/**
+            this.dashboardService.updateWidgets(this.formatWidgetDataForPositionDetails(this.mapGridsterListToObject(this.widgetList)), this.appConfig).subscribe((/**
              * @param {?} widgets
              * @return {?}
              */
@@ -1241,21 +1420,36 @@
         function (userDashboarId, areaKey) {
             var _this = this;
             /** @type {?} */
-            var areaContext = this;
-            /** @type {?} */
             var widgetInfo = (/** @type {?} */ ({
                 dashboardId: userDashboarId.toString(),
                 dashboardAreaKey: areaKey
             }));
-            areaContext.widgetList = [];
+            this.widgetList = [];
             this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe((/**
              * @param {?} widgets
              * @return {?}
              */
             function (widgets) {
+                //sorting the widgets y, x
+                widgets = widgets.sort((/**
+                 * @param {?} a
+                 * @param {?} b
+                 * @return {?}
+                 */
+                function (a, b) {
+                    if (a['position_y'] > b['position_y'])
+                        return 1;
+                    if (a['position_y'] < b['position_y'])
+                        return -1;
+                    if (a['position_x'] > b['position_x'])
+                        return 1;
+                    if (a['position_x'] < b['position_x'])
+                        return -1;
+                }));
+                _this.userWidgets = widgets;
                 if (widgets && widgets.length > 0) {
-                    areaContext.widgetList = _this.mapObjectListToGridsterItemList(widgets);
-                    areaContext.setAreaHeight();
+                    _this.widgetList = _this.mapObjectListToGridsterItemList(widgets);
+                    _this.setAreaHeight();
                 }
             }));
         };
@@ -1313,7 +1507,6 @@
                 areaHeight = 600;
             }
             this.gridheight = areaHeight;
-            console.log('area height adjusted1');
         };
         /** To remove a widget instance from dashboard and to save info in database */
         /**
@@ -1378,20 +1571,12 @@
          */
         function (data) {
             var _this = this;
-            /** @type {?} */
-            var widgetid = data.widgetId;
             data.height = this.widgetHeight;
             data.width = this.widgetWidth;
             data.position_x = 0;
             data.position_y = 0;
-            /** @type {?} */
-            var gridsterItem = this.mapObjectsToGridsterItem(data);
+            data.isInitialized = true;
             /** to find the available position in gridster, temp commenting the code-returning higher y value than normal */
-            // if (this.options.api) {
-            //   gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
-            // }
-            // data.position_x = gridsterItem.x;
-            // data.position_y = gridsterItem.y;
             data.dashboardAreaKey = this.areaKey;
             data.dashboardId = this.userDashboardId;
             this.ngxService.start();
@@ -1400,7 +1585,8 @@
              * @return {?}
              */
             function (widget) {
-                gridsterItem = _this.mapObjectsToGridsterItem(widget);
+                /** @type {?} */
+                var gridsterItem = _this.responsiveService.getGridsterItem(widget);
                 _this.widgetList.push(gridsterItem);
                 _this.setAreaHeight();
                 if (_this.options.api) {
@@ -1438,39 +1624,14 @@
          * @return {?}
          */
         function (data) {
+            data.position_x = 0;
+            data.position_y = 0;
+            data.isInitialized = true;
             /** @type {?} */
-            var gridsterItem = this.mapObjectsToGridsterItem(data);
-            if (this.options.api) {
-                gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
-            }
-            data.position_x = gridsterItem.x;
-            data.position_y = gridsterItem.y;
-            gridsterItem = this.mapObjectsToGridsterItem(data);
+            var gridsterItem = this.responsiveService.getGridsterItem(data);
             this.widgetList.push(gridsterItem);
             this.setAreaHeight();
         };
-        /**To map IwidgetInfo object to gridsterItem */
-        /**
-         * To map IwidgetInfo object to gridsterItem
-         * @param {?} widget
-         * @return {?}
-         */
-        RADashboardArea.prototype.mapObjectsToGridsterItem = /**
-         * To map IwidgetInfo object to gridsterItem
-         * @param {?} widget
-         * @return {?}
-         */
-        function (widget) {
-            /** @type {?} */
-            var gridsterItem = (/** @type {?} */ ({
-                cols: widget.width,
-                rows: widget.height,
-                x: widget.position_x,
-                y: widget.position_y,
-                widgetInfo: widget
-            }));
-            return gridsterItem;
-        };
         /**
          * @param {?} widgetList
          * @return {?}
@@ -1488,7 +1649,7 @@
              * @return {?}
              */
             function (widget) {
-                widgetArray.push(_this.mapObjectsToGridsterItem(widget));
+                widgetArray.push(_this.responsiveService.getGridsterItem(widget));
             }));
             return widgetArray;
         };
@@ -1545,7 +1706,8 @@
             { type: core.NgZone },
             { type: ngxUiLoader.NgxUiLoaderService },
             { type: raCommon.RATranslateService },
-            { type: angularNotifier.NotifierService }
+            { type: angularNotifier.NotifierService },
+            { type: RADashboardResponsiveService }
         ]; };
         RADashboardArea.propDecorators = {
             userDashboardId: [{ type: core.Input, args: ['user-dashboard-id',] }],
@@ -1569,6 +1731,11 @@
         RADashboardArea.prototype.gridheight;
         /** @type {?} */
         RADashboardArea.prototype.gridcellHeight;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardArea.prototype.userWidgets;
         /**
          * @type {?}
          * @private
@@ -1642,6 +1809,11 @@
          * @private
          */
         RADashboardArea.prototype.notifier;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardArea.prototype.responsiveService;
     }
 
     /**
@@ -7855,6 +8027,7 @@
     exports.DashboardFrameworkModule = DashboardFrameworkModule;
     exports.RADashboardArea = RADashboardArea;
     exports.RADashboardEventBus = RADashboardEventBus;
+    exports.RADashboardResponsiveService = RADashboardResponsiveService;
     exports.RAEvent = RAEvent;
     exports.RAEventKey = RAEventKey;
     exports.RAWidgetContainer = RAWidgetContainer;