@schneideress/dashboardframework 0.0.147 → 0.0.148

package/bundles/schneideress-dashboardframework.umd.js

@@ -5,18 +5,18 @@
 }(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, common, userControls, commonControls) { 'use strict';
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
 
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
 
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
     ***************************************************************************** */
     /* global Reflect, Promise */
 
@@ -109,13 +109,8 @@
         }
     }
 
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
     function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
     }
 
     function __values(o) {
@@ -898,18 +893,182 @@
         //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: 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 +1086,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 +1130,30 @@
                 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 */
@@ -1061,7 +1212,6 @@
                  * @return {?}
                  */
                 function () {
-                    console.log('rearrange event bus triggered');
                     _this.rearrangeWidgets();
                 }));
             }));
@@ -1075,9 +1225,6 @@
                  */
                 function () {
                     if (widgetList) {
-                        // widgetList.forEach(widgetInfo => {
-                        //   this.addWidget(widgetInfo);
-                        // });
                         _this.addWidgetListToGridster(widgetList, 0);
                     }
                 }));
@@ -1241,21 +1388,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 +1475,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 +1539,11 @@
          */
         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();
@@ -1400,7 +1552,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 +1591,13 @@
          * @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 {?}
@@ -1488,7 +1615,7 @@
              * @return {?}
              */
             function (widget) {
-                widgetArray.push(_this.mapObjectsToGridsterItem(widget));
+                widgetArray.push(_this.responsiveService.getGridsterItem(widget));
             }));
             return widgetArray;
         };
@@ -1545,7 +1672,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 +1697,11 @@
         RADashboardArea.prototype.gridheight;
         /** @type {?} */
         RADashboardArea.prototype.gridcellHeight;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardArea.prototype.userWidgets;
         /**
          * @type {?}
          * @private
@@ -1642,6 +1775,11 @@
          * @private
          */
         RADashboardArea.prototype.notifier;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardArea.prototype.responsiveService;
     }
 
     /**
@@ -7855,6 +7993,7 @@
     exports.DashboardFrameworkModule = DashboardFrameworkModule;
     exports.RADashboardArea = RADashboardArea;
     exports.RADashboardEventBus = RADashboardEventBus;
+    exports.RADashboardResponsiveService = RADashboardResponsiveService;
     exports.RAEvent = RAEvent;
     exports.RAEventKey = RAEventKey;
     exports.RAWidgetContainer = RAWidgetContainer;