@schneideress/dashboardframework 0.0.145 → 0.0.147

package/bundles/schneideress-dashboardframework.umd.js

@@ -579,6 +579,8 @@
         ConfigAddClick: "configAddClick",
         /** triggers when a user click on the save button in widget configuration window */
         ConfigChanged: "configChanged",
+        /**To rearrange widgets in a dashboard */
+        RearrangeClicked: "rearrangeClicked",
         /**dashboard customize button click */
         DashboardCustomizeClick: "dashboardCustomizeClick",
         /**triggers when user clicks on the dashboard change icon in header section */
@@ -996,8 +998,11 @@
              * @return {?}
              */
             function (item) {
+                console.log('in  item change clal back');
+                if (item.widgetInfo && item.widgetInfo.widgetInstanceId) {
+                    areaContext.updateWidgetPosition(item.widgetInfo.widgetInstanceId);
+                }
                 areaContext.setAreaHeight();
-                areaContext.updateWidgets();
             });
         };
         /** To initiate eventbus subsctiptions */
@@ -1047,6 +1052,19 @@
                     _this.addWidget(e);
                 }));
             }));
+            this.rearrangeWidgetClick = this.raDashboardEventBus.subscribe(RAEvent.RearrangeClicked).subscribe((/**
+             * @param {?} e
+             * @return {?}
+             */
+            function (e) {
+                _this.ngZone.run((/**
+                 * @return {?}
+                 */
+                function () {
+                    console.log('rearrange event bus triggered');
+                    _this.rearrangeWidgets();
+                }));
+            }));
             this.widgetLibraryDoneClick = this.raDashboardEventBus.subscribe(RAEvent.widgetLibraryDoneClick).subscribe((/**
              * @param {?} widgetList
              * @return {?}
@@ -1123,6 +1141,8 @@
                 this.widgetDeleteEvent.unsubscribe();
             if (this.widgetLibraryDoneClick)
                 this.widgetLibraryDoneClick.unsubscribe();
+            if (this.rearrangeWidgetClick)
+                this.rearrangeWidgetClick.unsubscribe();
         };
         /**To update position/dimention of all widgets in the area */
         /**
@@ -1142,6 +1162,69 @@
             }));
             return true;
         };
+        /**To update widget dimensions */
+        /**
+         * To update widget dimensions
+         * @param {?} widgetInstanceId
+         * @return {?}
+         */
+        RADashboardArea.prototype.updateWidgetPosition = /**
+         * To update widget dimensions
+         * @param {?} widgetInstanceId
+         * @return {?}
+         */
+        function (widgetInstanceId) {
+            /** @type {?} */
+            var widgetFilteredList = [];
+            /** @type {?} */
+            var widget = this.widgetList.filter((/**
+             * @param {?} filtered
+             * @return {?}
+             */
+            function (filtered) { return filtered.widgetInfo && filtered.widgetInfo.widgetInstanceId == widgetInstanceId; }));
+            if (widget && widget.length > 0) {
+                widgetFilteredList.push(widget[0]);
+                /** @type {?} */
+                var widgetList = this.mapGridsterListToObject(widgetFilteredList);
+                this.dashboardService.updateWidgets(this.formatWidgetDataForPositionDetails(widgetList), this.appConfig).subscribe((/**
+                 * @param {?} widgets
+                 * @return {?}
+                 */
+                function (widgets) {
+                }));
+            }
+            return true;
+        };
+        /**To restrict request payload to be of min size (position & size details) */
+        /**
+         * To restrict request payload to be of min size (position & size details)
+         * @param {?} widgetItemList
+         * @return {?}
+         */
+        RADashboardArea.prototype.formatWidgetDataForPositionDetails = /**
+         * To restrict request payload to be of min size (position & size details)
+         * @param {?} widgetItemList
+         * @return {?}
+         */
+        function (widgetItemList) {
+            /** @type {?} */
+            var itemList = [];
+            widgetItemList.forEach((/**
+             * @param {?} widgetItem
+             * @return {?}
+             */
+            function (widgetItem) {
+                /** @type {?} */
+                var item = (/** @type {?} */ ({}));
+                item.widgetInstanceId = widgetItem.widgetInstanceId;
+                item.position_x = widgetItem.position_x;
+                item.position_y = widgetItem.position_y;
+                item.width = widgetItem.width;
+                item.height = widgetItem.height;
+                itemList.push(item);
+            }));
+            return itemList;
+        };
         /** To retrieve widgets based on userDashboardid and area name */
         /**
          * To retrieve widgets based on userDashboardid and area name
@@ -1247,7 +1330,6 @@
          */
         function (widgetInstanceId, isalertDisabled) {
             if (isalertDisabled === void 0) { isalertDisabled = false; }
-            console.log("goCorona");
             /** @type {?} */
             var widget = this.widgetList.filter((/**
              * @param {?} item
@@ -1262,12 +1344,23 @@
                 if (!isalertDisabled) {
                     this.notifier.notify('success', " " + this.translateService.translate('Common.Widgettext') + " " + widget[0].widgetInfo.widgetTitle + " " + this.translateService.translate('Common.deletedSuccesfully') + " ");
                 }
-                this.options.compactType = 'compactLeft&Up';
-                this.options.api.optionsChanged();
-                this.options.compactType = 'none';
-                this.options.api.optionsChanged();
             }
         };
+        /**To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc*/
+        /**
+         * To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc
+         * @return {?}
+         */
+        RADashboardArea.prototype.rearrangeWidgets = /**
+         * To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc
+         * @return {?}
+         */
+        function () {
+            this.options.compactType = 'compactUp&Left';
+            this.options.api.optionsChanged();
+            this.options.compactType = 'none';
+            this.options.api.optionsChanged();
+        };
         /**To add widget instance to the database with the next available position and to make changes in
          * dashboard area.
          */
@@ -1318,13 +1411,18 @@
                         _this.gridcellHeight = curRowHeight;
                     }
                 }
-                /**To save added widget position in db */
-                setTimeout((/**
-                 * @return {?}
-                 */
-                function () {
-                    _this.updateWidgets();
-                }), 1000);
+                /** @type {?} */
+                var widgetInstanceId = 0;
+                if (widget && widget.widgetInstanceId) {
+                    widgetInstanceId = widget.widgetInstanceId;
+                    /**To save added widget position in db */
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    function () {
+                        _this.updateWidgetPosition(widgetInstanceId);
+                    }), 1000);
+                }
                 _this.raDashboardEventBus.publish(RAEvent.WidgetAdded, widget);
             }));
         };
@@ -1476,6 +1574,11 @@
          * @private
          */
         RADashboardArea.prototype.conifgAddClick;
+        /**
+         * @type {?}
+         * @private
+         */
+        RADashboardArea.prototype.rearrangeWidgetClick;
         /**
          * @type {?}
          * @private
@@ -1692,12 +1795,13 @@
          */
         function (isHover) {
             if (isHover === void 0) { isHover = true; }
-            console.log('in mousehover value');
-            console.log(isHover);
             if (this.widgetElement) {
-                console.log(1);
-                this.widgetElement.hoverStatus(isHover);
-                console.log(2);
+                if (typeof this.widgetElement.hoverStatus === "function") {
+                    this.widgetElement.hoverStatus(isHover);
+                }
+                else {
+                    console.warn('widget framework outdated, please update to version 0.0.96');
+                }
             }
             if (!isHover) {
                 this.hideDropDown();
@@ -1902,8 +2006,6 @@
                                                      * @return {?}
                                                      */
                                                     function (e) {
-                                                        console.log('in widget default state');
-                                                        console.log(e);
                                                         widgetContainer.setEmptyState(e.detail);
                                                     }));
                                                     titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
@@ -1981,16 +2083,11 @@
          */
         function (widgetInfo, forceEnable) {
             if (forceEnable === void 0) { forceEnable = false; }
-            console.log('in set no configured');
-            console.log(widgetInfo);
-            console.log(forceEnable);
             if ((widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) || (forceEnable)) {
-                console.log('ininf');
                 this.isWidgetStateApplicable = true;
                 this.widgetEmptyState = widgetframework.WidgetViewState.emptyConfig.toString();
             }
             else {
-                console.log('in else');
                 this.widgetEmptyState = '';
                 this.isWidgetStateApplicable = false;
             }
@@ -2007,24 +2104,19 @@
          * @return {?}
          */
         function (widgetState) {
-            console.log('in wc contanjiner widget state');
-            console.log(widgetState);
             this.widgetEmptyState = widgetState;
             if (widgetState != widgetframework.WidgetViewState.normal) {
                 this.isWidgetStateApplicable = true;
                 this.isDownloadIconVisible = false;
             }
             else {
-                console.log('in else case');
                 this.isWidgetStateApplicable = false;
             }
             switch (widgetState) {
                 case widgetframework.WidgetViewState.emptyConfig:
-                    console.log('in case emptyconfig');
                     this.setNotConfiguredState(this.data.widgetInfo, true);
                     break;
                 case widgetframework.WidgetViewState.emptyData:
-                    console.log('in case empty');
                     break;
                 case widgetframework.WidgetViewState.error:
                     break;