@schneideress/dashboardframework 0.0.11 → 0.0.13

package/bundles/schneideress-dashboardframework.umd.js

@@ -395,6 +395,10 @@
         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 = {
@@ -519,6 +523,21 @@
         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
@@ -542,34 +561,53 @@
                 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 {?}
@@ -579,11 +617,16 @@
          */
         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 () {
@@ -670,14 +713,17 @@
         /**
          * 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
@@ -689,7 +735,9 @@
             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
@@ -736,6 +784,29 @@
                 //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
@@ -822,7 +893,7 @@
             { type: core.Component, args: [{
                         selector: 'ra-dashboard-area',
                         template: "<div #gridWrapper class=\"wrap gridster\" [style.height.px]=\"gridheight\">\r\n<!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n  <gridster [options]=\"options\" style=\"height:100%;\">\r\n    <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n      <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\" (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\"\r\n        [global-filter]=\"globalFilter\" [widget-instance-id]=\"item.widgetInstanceId\"></ra-widget-container>\r\n    </gridster-item>\r\n  </gridster>\r\n  <notifier-container></notifier-container>\r\n</div>\r\n\r\n",
-                        styles: ["gridster{width:inherit;resize:height;display:flex;min-height:600px}gridster-item{border:1px solid #ccc;background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]
+                        styles: ["gridster{width:inherit;resize:height;display:flex;min-height:600px}gridster-item{background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]
                     }] }
         ];
         /** @nocollapse */