@schneideress/dashboardframework 0.0.147 → 0.0.148

package/fesm5/schneideress-dashboardframework.js

@@ -687,18 +687,182 @@ var GridsterConfigDefaultSettings = {
     //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;
+var RADashboardResponsiveService = /** @class */ (function () {
+    function RADashboardResponsiveService() {
+        var _this = this;
+        this.resInfo = [
+            { 'start': 0, 'end': 767, 'minCols': 1, 'maxCols': 1 },
+            { 'start': 768, 'end': 1024, 'minCols': 1, 'maxCols': 2 },
+            { 'start': 1025, '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, "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,
+            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: Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    /** @nocollapse */
+    RADashboardResponsiveService.ctorParameters = function () { return []; };
+    /** @nocollapse */ RADashboardResponsiveService.ngInjectableDef = ɵɵ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;
@@ -716,15 +880,23 @@ var RADashboardArea = /** @class */ (function () {
      * @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 {?}
@@ -752,46 +924,30 @@ var RADashboardArea = /** @class */ (function () {
             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 (_this.responsiveService.IsDesktopView) {
+                if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
+                    _this.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+                }
             }
-            areaContext.setAreaHeight();
+            _this.setAreaHeight();
         });
     };
     /** To initiate eventbus subsctiptions */
@@ -850,7 +1006,6 @@ var RADashboardArea = /** @class */ (function () {
              * @return {?}
              */
             function () {
-                console.log('rearrange event bus triggered');
                 _this.rearrangeWidgets();
             }));
         }));
@@ -864,9 +1019,6 @@ var RADashboardArea = /** @class */ (function () {
              */
             function () {
                 if (widgetList) {
-                    // widgetList.forEach(widgetInfo => {
-                    //   this.addWidget(widgetInfo);
-                    // });
                     _this.addWidgetListToGridster(widgetList, 0);
                 }
             }));
@@ -1030,21 +1182,36 @@ var RADashboardArea = /** @class */ (function () {
     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();
             }
         }));
     };
@@ -1102,7 +1269,6 @@ var RADashboardArea = /** @class */ (function () {
             areaHeight = 600;
         }
         this.gridheight = areaHeight;
-        console.log('area height adjusted1');
     };
     /** To remove a widget instance from dashboard and to save info in database */
     /**
@@ -1167,20 +1333,11 @@ var RADashboardArea = /** @class */ (function () {
      */
     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);
         /** 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();
@@ -1189,7 +1346,8 @@ var RADashboardArea = /** @class */ (function () {
          * @return {?}
          */
         function (widget) {
-            gridsterItem = _this.mapObjectsToGridsterItem(widget);
+            /** @type {?} */
+            var gridsterItem = _this.responsiveService.getGridsterItem(widget);
             _this.widgetList.push(gridsterItem);
             _this.setAreaHeight();
             if (_this.options.api) {
@@ -1227,39 +1385,13 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function (data) {
+        data.position_x = 0;
+        data.position_y = 0;
         /** @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 {?}
@@ -1277,7 +1409,7 @@ var RADashboardArea = /** @class */ (function () {
          * @return {?}
          */
         function (widget) {
-            widgetArray.push(_this.mapObjectsToGridsterItem(widget));
+            widgetArray.push(_this.responsiveService.getGridsterItem(widget));
         }));
         return widgetArray;
     };
@@ -1334,7 +1466,8 @@ var RADashboardArea = /** @class */ (function () {
         { type: NgZone },
         { type: NgxUiLoaderService },
         { type: RATranslateService },
-        { type: NotifierService }
+        { type: NotifierService },
+        { type: RADashboardResponsiveService }
     ]; };
     RADashboardArea.propDecorators = {
         userDashboardId: [{ type: Input, args: ['user-dashboard-id',] }],
@@ -1358,6 +1491,11 @@ if (false) {
     RADashboardArea.prototype.gridheight;
     /** @type {?} */
     RADashboardArea.prototype.gridcellHeight;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.userWidgets;
     /**
      * @type {?}
      * @private
@@ -1431,6 +1569,11 @@ if (false) {
      * @private
      */
     RADashboardArea.prototype.notifier;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.responsiveService;
 }
 
 /**
@@ -7653,5 +7796,5 @@ if (false) {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };
+export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RADashboardResponsiveService, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };
 //# sourceMappingURL=schneideress-dashboardframework.js.map