@schneideress/dashboardframework 0.0.99 → 0.0.100

package/bundles/schneideress-dashboardframework.umd.js

@@ -887,6 +887,7 @@
             this.widgetList = Array();
             this.gridheight = 300;
             this.isWidgetLoaded = false;
+            this.domResized = false;
             this.widgetHeight = 3;
             this.widgetWidth = 5;
         }
@@ -906,6 +907,7 @@
              */
             function () {
                 areaContext.setAreaHeight();
+                areaContext.domResized = !areaContext.domResized;
             }), 1000);
         };
         /**
@@ -934,12 +936,28 @@
                 this.inititateEventBusSubscritions();
             }
         };
+        // public invokeResizeEvent() {
+        //   this.widgetContainers.forEach(function(container,i){
+        //     container.invokeWidgetResizedEvent();
+        //   });
+        // }
         /**To set GridsterConfig */
+        // public invokeResizeEvent() {
+        //   this.widgetContainers.forEach(function(container,i){
+        //     container.invokeWidgetResizedEvent();
+        //   });
+        // }
         /**
          * To set GridsterConfig
          * @return {?}
          */
-        RADashboardArea.prototype.initiateGridsterConfig = /**
+        RADashboardArea.prototype.initiateGridsterConfig = 
+        // public invokeResizeEvent() {
+        //   this.widgetContainers.forEach(function(container,i){
+        //     container.invokeWidgetResizedEvent();
+        //   });
+        // }
+        /**
          * To set GridsterConfig
          * @return {?}
          */
@@ -1186,7 +1204,7 @@
                 areaHeight = 600;
             }
             this.gridheight = areaHeight;
-            console.log('area height adjusted');
+            console.log('area height adjusted1');
         };
         /** To remove a widget instance from dashboard and to save info in database */
         /**
@@ -1384,7 +1402,7 @@
         RADashboardArea.decorators = [
             { 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\" [grid-cell-height]=\"item.widgetInfo.rowHeight\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [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",
+                        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\" [grid-cell-height]=\"item.widgetInfo.rowHeight\" [widget-width]=\"item.cols\" [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"></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;background-color:#ededed;overflow-y:hidden!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item:hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
                     }] }
         ];
@@ -1442,6 +1460,8 @@
          */
         RADashboardArea.prototype.isWidgetLoaded;
         /** @type {?} */
+        RADashboardArea.prototype.domResized;
+        /** @type {?} */
         RADashboardArea.prototype.userDashboardId;
         /** @type {?} */
         RADashboardArea.prototype.areaKey;
@@ -1529,6 +1549,17 @@
                 }
             }));
         }
+        Object.defineProperty(RAWidgetContainer.prototype, "setResized", {
+            set: /**
+             * @param {?} resized
+             * @return {?}
+             */
+            function (resized) {
+                this.invokeWidgetResizedEvent();
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @param {?} changes
          * @return {?}
@@ -1558,14 +1589,23 @@
             }
             if (changes.width && changes.width.currentValue != changes.width.previousValue ||
                 (changes.height && changes.height.currentValue != changes.height.previousValue)) {
-                if (this.widgetElement) {
-                    /** @type {?} */
-                    var size = {};
-                    size.height = this.height;
-                    size.width = this.width;
-                    size.cellHeight = this.gridCellHeight;
-                    this.widgetElement.widgetResized(size);
-                }
+                this.invokeWidgetResizedEvent();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        RAWidgetContainer.prototype.invokeWidgetResizedEvent = /**
+         * @return {?}
+         */
+        function () {
+            if (this.widgetElement) {
+                /** @type {?} */
+                var size = {};
+                size.height = this.height;
+                size.width = this.width;
+                size.cellHeight = this.gridCellHeight;
+                this.widgetElement.widgetResized(size);
             }
         };
         /**
@@ -1992,7 +2032,8 @@
             width: [{ type: core.Input, args: ['widget-width',] }],
             height: [{ type: core.Input, args: ['widget-height',] }],
             gridCellHeight: [{ type: core.Input, args: ['grid-cell-height',] }],
-            widgetDeleted: [{ type: core.Output }]
+            widgetDeleted: [{ type: core.Output }],
+            setResized: [{ type: core.Input, args: ['dom-resized',] }]
         };
         return RAWidgetContainer;
     }());
@@ -2067,6 +2108,8 @@
         RAWidgetContainer.prototype.widgetDeleted;
         /** @type {?} */
         RAWidgetContainer.prototype.lockTitle;
+        /** @type {?} */
+        RAWidgetContainer.prototype.domResized;
         /**
          * @type {?}
          * @private