@schneideress/dashboardframework 0.0.2 → 0.0.4

package/fesm5/schneideress-dashboardframework.js

@@ -16,54 +16,6 @@ var RaDashboardService = /** @class */ (function (_super) {
     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;
     }
     /*
@@ -130,32 +82,31 @@ var RaDashboardService = /** @class */ (function (_super) {
         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 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 of();
     };
     /*
       * To update the configuration of a widget.
@@ -555,7 +506,9 @@ var RADashboardArea = /** @class */ (function () {
          * @return {?}
          */
         function (item) {
+            console.log('in change call back');
             areaContext.setAreaHeight();
+            areaContext.updateWidgets();
         });
     };
     /**
@@ -595,6 +548,22 @@ var RADashboardArea = /** @class */ (function () {
     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
@@ -621,8 +590,10 @@ var RADashboardArea = /** @class */ (function () {
          * @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 */
@@ -656,49 +627,6 @@ var RADashboardArea = /** @class */ (function () {
         }
         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
@@ -764,6 +692,88 @@ var RADashboardArea = /** @class */ (function () {
             _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: Component, args: [{
                     selector: 'ra-dashboard-area',