@schneideress/dashboardframework 0.0.11 → 0.0.12

package/fesm5/schneideress-dashboardframework.js

@@ -360,6 +360,10 @@ var RAEvent = {
     CopyWidget: "CopyWidget",
     /**triggers when user clicks on Move widget */
     MoveWidget: "MoveWidget",
+    /**triggers when user raise delete widget event */
+    WidgetDelete: "WidgetDelete",
+    /** used to add widget to widgetlist when user copies a widget to current dashboard */
+    AddWidget: "AddWidget",
 };
 /** @enum {string} */
 var RAEventKey = {
@@ -484,6 +488,21 @@ var RADashboardArea = /** @class */ (function () {
     function () {
         this.initiateGridsterConfig();
     };
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    RADashboardArea.prototype.ngOnChanges = /**
+     * @param {?} changes
+     * @return {?}
+     */
+    function (changes) {
+        if (this.raDashboardEventBus && this.userDashboardId && this.areaKey) {
+            this.initiateGridsterConfig();
+            this.loadWidgets(this.userDashboardId, this.areaKey);
+            this.inititateEventBusSubscritions();
+        }
+    };
     /**To set GridsterConfig */
     /**
      * To set GridsterConfig
@@ -507,34 +526,53 @@ var RADashboardArea = /** @class */ (function () {
             areaContext.updateWidgets();
         });
     };
+    /** To initiate eventbus subsctiptions */
     /**
-     * @param {?} changes
+     * To initiate eventbus subsctiptions
      * @return {?}
      */
-    RADashboardArea.prototype.ngOnChanges = /**
-     * @param {?} changes
+    RADashboardArea.prototype.inititateEventBusSubscritions = /**
+     * To initiate eventbus subsctiptions
      * @return {?}
      */
-    function (changes) {
+    function () {
         var _this = this;
-        if (changes.raDashboardEventBus && changes.raDashboardEventBus.currentValue != changes.raDashboardEventBus.previousValue) {
-            this.conifgAddClick = this.raDashboardEventBus.subscribe(RAEvent.ConfigAddClick).subscribe((/**
-             * @param {?} e
+        this.widgetDeleteEvent = this.raDashboardEventBus.subscribe(RAEvent.WidgetDelete).subscribe((/**
+         * @param {?} instanceId
+         * @return {?}
+         */
+        function (instanceId) {
+            _this.ngZone.run((/**
              * @return {?}
              */
-            function (e) {
-                _this.ngZone.run((/**
-                 * @return {?}
-                 */
-                function () {
-                    _this.addWidget(e);
-                }));
+            function () {
+                _this.deleteWidget(instanceId, true);
             }));
-        }
-        if (this.raDashboardEventBus && this.userDashboardId && this.areaKey) {
-            this.initiateGridsterConfig();
-            this.loadWidgets(this.userDashboardId, this.areaKey);
-        }
+        }));
+        this.widgetAddEvent = this.raDashboardEventBus.subscribe(RAEvent.AddWidget).subscribe((/**
+         * @param {?} widgetInfo
+         * @return {?}
+         */
+        function (widgetInfo) {
+            _this.ngZone.run((/**
+             * @return {?}
+             */
+            function () {
+                _this.copyWidget(widgetInfo);
+            }));
+        }));
+        this.conifgAddClick = this.raDashboardEventBus.subscribe(RAEvent.ConfigAddClick).subscribe((/**
+         * @param {?} e
+         * @return {?}
+         */
+        function (e) {
+            _this.ngZone.run((/**
+             * @return {?}
+             */
+            function () {
+                _this.addWidget(e);
+            }));
+        }));
     };
     /**
      * @return {?}
@@ -544,11 +582,16 @@ var RADashboardArea = /** @class */ (function () {
      */
     function () {
         this.conifgAddClick.unsubscribe();
+        this.widgetAddEvent.unsubscribe();
+        this.widgetDeleteEvent.unsubscribe();
     };
+    /**To update position/dimention of all widgets in the area */
     /**
+     * To update position/dimention of all widgets in the area
      * @return {?}
      */
     RADashboardArea.prototype.updateWidgets = /**
+     * To update position/dimention of all widgets in the area
      * @return {?}
      */
     function () {
@@ -635,14 +678,17 @@ var RADashboardArea = /** @class */ (function () {
     /**
      * To remove a widget instance from dashboard and to save info in database
      * @param {?} widgetInstanceId
+     * @param {?=} isalertDisabled
      * @return {?}
      */
     RADashboardArea.prototype.deleteWidget = /**
      * To remove a widget instance from dashboard and to save info in database
      * @param {?} widgetInstanceId
+     * @param {?=} isalertDisabled
      * @return {?}
      */
-    function (widgetInstanceId) {
+    function (widgetInstanceId, isalertDisabled) {
+        if (isalertDisabled === void 0) { isalertDisabled = false; }
         /** @type {?} */
         var widget = this.widgetList.filter((/**
          * @param {?} item
@@ -654,7 +700,9 @@ var RADashboardArea = /** @class */ (function () {
         if (widget.length > 0) {
             this.widgetList.splice(this.widgetList.indexOf(widget[0]), 1);
             this.setAreaHeight();
-            this.notifier.notify('success', "Widget (" + widget[0].widgetInfo.widgetTitle + ") deleted successfully!");
+            if (!isalertDisabled) {
+                this.notifier.notify('success', "Widget (" + widget[0].widgetInfo.widgetTitle + ") deleted successfully!");
+            }
         }
     };
     /**To add widget instance to the database with the next available position and to make changes in
@@ -701,6 +749,29 @@ var RADashboardArea = /** @class */ (function () {
             //this.ngxService.stop();
         }));
     };
+    /** To add widget to current widget list ,invoked from copy widget window*/
+    /**
+     * To add widget to current widget list ,invoked from copy widget window
+     * @param {?} data
+     * @return {?}
+     */
+    RADashboardArea.prototype.copyWidget = /**
+     * To add widget to current widget list ,invoked from copy widget window
+     * @param {?} data
+     * @return {?}
+     */
+    function (data) {
+        /** @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);
+        this.widgetList.push(gridsterItem);
+        this.setAreaHeight();
+    };
     /**To map IwidgetInfo object to gridsterItem */
     /**
      * To map IwidgetInfo object to gridsterItem