@schneideress/dashboardframework 0.0.30 → 0.0.32

package/bundles/schneideress-dashboardframework.umd.js

@@ -960,7 +960,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\" [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\" [widget-width]=\"item.cols\" [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}gridster-item{background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]
                     }] }
         ];
@@ -995,6 +995,7 @@
             this.translateService = translateService;
             this.ngZone = ngZone;
             this.notifier = notifier;
+            this.isWidgetLoaded = false;
             this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
             this.widgetDeleted = new core.EventEmitter();
         }
@@ -1025,6 +1026,11 @@
             if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
                 this.refreshWidget(this.data.widgetInfo);
             }
+            if (changes.widgetWidth && changes.widgetWidth.currentValue != changes.widgetWidth.previousValue) {
+                this.data.widgetInfo.isDimensionUpdate = true;
+                this.refreshWidget(this.data.widgetInfo);
+                this.data.widgetInfo.isDimensionUpdate = false;
+            }
         };
         /**
          * @return {?}
@@ -1160,7 +1166,7 @@
                  * @return {?}
                  */
                 function () {
-                    console.log('widget initialized ' + widgetInfo.widgetInstanceId);
+                    widgetContainer.isWidgetLoaded = true;
                     widgetConfigFilter.appConfig = _this.appConfig;
                     widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                     widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
@@ -1190,7 +1196,9 @@
                 appConfig: this.appConfig,
                 widgetInfo: widgetInfo
             }));
-            widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
+            if (widgetContainerContext.isWidgetLoaded) {
+                widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
+            }
         };
         RAWidgetContainer.decorators = [
             { type: core.Component, args: [{
@@ -1214,6 +1222,7 @@
             data: [{ type: core.Input, args: ['data',] }],
             raDashboardEventBus: [{ type: core.Input, args: ['event-bus',] }],
             appConfig: [{ type: core.Input, args: ['app-config',] }],
+            widgetWidth: [{ type: core.Input, args: ['widget-width',] }],
             widgetDeleted: [{ type: core.Output }]
         };
         return RAWidgetContainer;