@schneideress/dashboardframework 0.0.2 → 0.0.4

package/bundles/schneideress-dashboardframework.umd.js

@@ -53,54 +53,6 @@
         function RaDashboardService(injector) {
             var _this = _super.call(this, injector, '') || this;
             _this.loadedScripts = [];
-            _this.widgets = [
-                {
-                    dashboardId: '1',
-                    id: '1',
-                    customTag: 'ra-test-widget',
-                    scriptUrl: './assets/ra-test-widget.bundle.js',
-                    title: 'Test Widget',
-                    widgetInstanceId: 1,
-                    widgetId: 1,
-                    position_x: 0,
-                    position_y: 0,
-                    width: 50,
-                    height: 20,
-                    widgetConfigInfo: {
-                        scriptPath: "./assets/ra-test-widget-config.bundle.js",
-                        configControlTag: "ra-test-widget-config",
-                        config: { country: 'All' }
-                    },
-                    widgetName: '',
-                    widgetTitle: 'Test Widget',
-                    dashboardAreaId: 1,
-                    dashboardAreaKey: '',
-                    dashboardName: ''
-                },
-                {
-                    dashboardId: '2',
-                    id: '2',
-                    customTag: 'ra-test-widget',
-                    scriptUrl: './assets/ra-test-widget.bundle.js',
-                    title: 'Test Widget',
-                    widgetInstanceId: 2,
-                    dashboardAreaKey: '',
-                    widgetId: 1,
-                    position_x: 0,
-                    position_y: 0,
-                    width: 50,
-                    height: 20,
-                    widgetConfigInfo: {
-                        scriptPath: "./assets/ra-test-widget-config.bundle.js",
-                        configControlTag: "ra-test-widget-config",
-                        config: { country: 'All' }
-                    },
-                    widgetName: '',
-                    widgetTitle: 'Test Widget',
-                    dashboardAreaId: 1,
-                    dashboardName: ''
-                },
-            ];
             return _this;
         }
         /*
@@ -167,32 +119,31 @@
             return this.post(url, widgetInfo);
         };
         /**
-         * @param {?} widgetInfo
+         * @param {?} widgetList
+         * @param {?} appConfig
          * @return {?}
          */
-        RaDashboardService.prototype.getWidgetConfigInfo = /**
-         * @param {?} widgetInfo
+        RaDashboardService.prototype.updateWidgets = /**
+         * @param {?} widgetList
+         * @param {?} appConfig
          * @return {?}
          */
-        function (widgetInfo) {
-            return rxjs.of();
+        function (widgetList, appConfig) {
+            this.baseUrl = appConfig.apiBaseUrl;
+            /** @type {?} */
+            var url = 'widget/UpdateAreaWidgets';
+            return this.post(url, widgetList);
         };
         /**
-         * @param {?} widgetId
+         * @param {?} widgetInfo
          * @return {?}
          */
-        RaDashboardService.prototype.getWidgetById = /**
-         * @param {?} widgetId
+        RaDashboardService.prototype.getWidgetConfigInfo = /**
+         * @param {?} widgetInfo
          * @return {?}
          */
-        function (widgetId) {
-            return this.widgets.filter((/**
-             * @param {?} t
-             * @return {?}
-             */
-            function (t) {
-                t.widgetId == widgetId;
-            }));
+        function (widgetInfo) {
+            return rxjs.of();
         };
         /*
           * To update the configuration of a widget.
@@ -592,7 +543,9 @@
              * @return {?}
              */
             function (item) {
+                console.log('in change call back');
                 areaContext.setAreaHeight();
+                areaContext.updateWidgets();
             });
         };
         /**
@@ -632,6 +585,22 @@
         function () {
             this.conifgAddClick.unsubscribe();
         };
+        /**
+         * @return {?}
+         */
+        RADashboardArea.prototype.updateWidgets = /**
+         * @return {?}
+         */
+        function () {
+            console.log('in update widgets');
+            this.dashboardService.updateWidgets(this.mapGridsterListToObject(this.widgetList), this.appConfig).subscribe((/**
+             * @param {?} widgets
+             * @return {?}
+             */
+            function (widgets) {
+            }));
+            return true;
+        };
         /** To retrieve widgets based on userDashboardid and area name */
         /**
          * To retrieve widgets based on userDashboardid and area name
@@ -658,8 +627,10 @@
              * @return {?}
              */
             function (widgets) {
-                if (widgets)
+                if (widgets) {
                     _this.widgetList = _this.mapObjectListToGridsterItemList(widgets);
+                    _this.setAreaHeight();
+                }
             }));
         };
         /** To set Area(Gridster) height dynamically as widgets are added/removed */
@@ -693,49 +664,6 @@
             }
             this.gridheight = areaHeight;
         };
-        /**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 {?}
-         */
-        RADashboardArea.prototype.mapObjectListToGridsterItemList = /**
-         * @param {?} widgetList
-         * @return {?}
-         */
-        function (widgetList) {
-            var _this = this;
-            /** @type {?} */
-            var widgetArray = Array();
-            widgetList.forEach((/**
-             * @param {?} widget
-             * @return {?}
-             */
-            function (widget) {
-                widgetArray.push(_this.mapObjectsToGridsterItem(widget));
-            }));
-            return widgetArray;
-        };
         /** To remove a widget instance from dashboard and to save info in database */
         /**
          * To remove a widget instance from dashboard and to save info in database
@@ -801,6 +729,88 @@
                 _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 {?}
+         */
+        RADashboardArea.prototype.mapObjectListToGridsterItemList = /**
+         * @param {?} widgetList
+         * @return {?}
+         */
+        function (widgetList) {
+            var _this = this;
+            /** @type {?} */
+            var widgetArray = Array();
+            widgetList.forEach((/**
+             * @param {?} widget
+             * @return {?}
+             */
+            function (widget) {
+                widgetArray.push(_this.mapObjectsToGridsterItem(widget));
+            }));
+            return widgetArray;
+        };
+        /**
+         * @param {?} widgetItem
+         * @return {?}
+         */
+        RADashboardArea.prototype.mapGridsterItemToObject = /**
+         * @param {?} widgetItem
+         * @return {?}
+         */
+        function (widgetItem) {
+            /** @type {?} */
+            var widget;
+            widget = widgetItem.widgetInfo;
+            widget.height = widgetItem.rows;
+            widget.width = widgetItem.cols;
+            widget.position_x = widgetItem.x;
+            widget.position_y = widgetItem.y;
+            return widget;
+        };
+        /**
+         * @param {?} widgetItemList
+         * @return {?}
+         */
+        RADashboardArea.prototype.mapGridsterListToObject = /**
+         * @param {?} widgetItemList
+         * @return {?}
+         */
+        function (widgetItemList) {
+            var _this = this;
+            /** @type {?} */
+            var widgetListArray = Array();
+            widgetItemList.forEach((/**
+             * @param {?} widget
+             * @return {?}
+             */
+            function (widget) {
+                widgetListArray.push(_this.mapGridsterItemToObject(widget));
+            }));
+            return widgetListArray;
+        };
         RADashboardArea.decorators = [
             { type: core.Component, args: [{
                         selector: 'ra-dashboard-area',