@schneideress/dashboardframework 0.0.145 → 0.0.147

package/fesm5/schneideress-dashboardframework.js

@@ -368,6 +368,8 @@ var RAEvent = {
     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 */
@@ -785,8 +787,11 @@ var RADashboardArea = /** @class */ (function () {
          * @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 */
@@ -836,6 +841,19 @@ var RADashboardArea = /** @class */ (function () {
                 _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 {?}
@@ -912,6 +930,8 @@ var RADashboardArea = /** @class */ (function () {
             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 */
     /**
@@ -931,6 +951,69 @@ var RADashboardArea = /** @class */ (function () {
         }));
         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
@@ -1036,7 +1119,6 @@ var RADashboardArea = /** @class */ (function () {
      */
     function (widgetInstanceId, isalertDisabled) {
         if (isalertDisabled === void 0) { isalertDisabled = false; }
-        console.log("goCorona");
         /** @type {?} */
         var widget = this.widgetList.filter((/**
          * @param {?} item
@@ -1051,12 +1133,23 @@ var RADashboardArea = /** @class */ (function () {
             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.
      */
@@ -1107,13 +1200,18 @@ var RADashboardArea = /** @class */ (function () {
                     _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);
         }));
     };
@@ -1265,6 +1363,11 @@ if (false) {
      * @private
      */
     RADashboardArea.prototype.conifgAddClick;
+    /**
+     * @type {?}
+     * @private
+     */
+    RADashboardArea.prototype.rearrangeWidgetClick;
     /**
      * @type {?}
      * @private
@@ -1481,12 +1584,13 @@ var RAWidgetContainer = /** @class */ (function () {
      */
     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();
@@ -1691,8 +1795,6 @@ var RAWidgetContainer = /** @class */ (function () {
                                                  * @return {?}
                                                  */
                                                 function (e) {
-                                                    console.log('in widget default state');
-                                                    console.log(e);
                                                     widgetContainer.setEmptyState(e.detail);
                                                 }));
                                                 titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
@@ -1770,16 +1872,11 @@ var RAWidgetContainer = /** @class */ (function () {
      */
     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 = WidgetViewState.emptyConfig.toString();
         }
         else {
-            console.log('in else');
             this.widgetEmptyState = '';
             this.isWidgetStateApplicable = false;
         }
@@ -1796,24 +1893,19 @@ var RAWidgetContainer = /** @class */ (function () {
      * @return {?}
      */
     function (widgetState) {
-        console.log('in wc contanjiner widget state');
-        console.log(widgetState);
         this.widgetEmptyState = widgetState;
         if (widgetState != WidgetViewState.normal) {
             this.isWidgetStateApplicable = true;
             this.isDownloadIconVisible = false;
         }
         else {
-            console.log('in else case');
             this.isWidgetStateApplicable = false;
         }
         switch (widgetState) {
             case WidgetViewState.emptyConfig:
-                console.log('in case emptyconfig');
                 this.setNotConfiguredState(this.data.widgetInfo, true);
                 break;
             case WidgetViewState.emptyData:
-                console.log('in case empty');
                 break;
             case WidgetViewState.error:
                 break;