@schneideress/dashboardframework 0.0.23 → 0.0.24

package/fesm5/schneideress-dashboardframework.js

@@ -5,6 +5,7 @@ import { BaseService } from '@schneideress/ess-util';
 import { filter, map } from 'rxjs/operators';
 import { NgxUiLoaderService, NgxUiLoaderModule } from 'ngx-ui-loader';
 import { NotifierService, NotifierModule } from 'angular-notifier';
+import { TranslateService } from '@schneideress/ess-base';
 import { BrowserModule } from '@angular/platform-browser';
 import { HttpClientModule } from '@angular/common/http';
 import { CommonModule } from '@angular/common';
@@ -176,6 +177,7 @@ var RaDashboardService = /** @class */ (function (_super) {
      */
     function (widgetInfo, appConfig) {
         this.baseUrl = appConfig.apiBaseUrl;
+        console.log('in update widget service');
         return this.post('widget/UpdateUserWidget', widgetInfo);
     };
     /** To Move or change position if current widget container*/
@@ -471,10 +473,11 @@ var GridsterConfigDefaultSettings = {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RADashboardArea = /** @class */ (function () {
-    function RADashboardArea(dashboardService, ngZone, ngxService, notifier) {
+    function RADashboardArea(dashboardService, ngZone, ngxService, translateService, notifier) {
         this.dashboardService = dashboardService;
         this.ngZone = ngZone;
         this.ngxService = ngxService;
+        this.translateService = translateService;
         this.notifier = notifier;
         this.widgetList = Array();
         this.gridheight = 300;
@@ -606,10 +609,14 @@ var RADashboardArea = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.conifgAddClick.unsubscribe();
-        this.widgetAddEvent.unsubscribe();
-        this.widgetDeleteEvent.unsubscribe();
-        this.widgetLibraryDoneClick.unsubscribe();
+        if (this.conifgAddClick)
+            this.conifgAddClick.unsubscribe();
+        if (this.widgetAddEvent)
+            this.widgetAddEvent.unsubscribe();
+        if (this.widgetDeleteEvent)
+            this.widgetDeleteEvent.unsubscribe();
+        if (this.widgetLibraryDoneClick)
+            this.widgetLibraryDoneClick.unsubscribe();
     };
     /**To update position/dimention of all widgets in the area */
     /**
@@ -722,7 +729,7 @@ var RADashboardArea = /** @class */ (function () {
             this.widgetList.splice(this.widgetList.indexOf(widget[0]), 1);
             this.setAreaHeight();
             if (!isalertDisabled) {
-                this.notifier.notify('success', "Widget (" + widget[0].widgetInfo.widgetTitle + ") deleted successfully!");
+                this.notifier.notify('success', " " + this.translateService.translate('DeletedSuccesfully') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('Widget') + " ");
             }
         }
     };
@@ -879,7 +886,7 @@ var RADashboardArea = /** @class */ (function () {
         { type: 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}gridster-item{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 */
@@ -887,6 +894,7 @@ var RADashboardArea = /** @class */ (function () {
         { type: RaDashboardService },
         { type: NgZone },
         { type: NgxUiLoaderService },
+        { type: TranslateService },
         { type: NotifierService }
     ]; };
     RADashboardArea.propDecorators = {
@@ -906,9 +914,11 @@ var RADashboardArea = /** @class */ (function () {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var RAWidgetContainer = /** @class */ (function () {
-    function RAWidgetContainer(dashboardService, ngxService, notifier) {
+    function RAWidgetContainer(dashboardService, ngxService, translateService, ngZone, notifier) {
         this.dashboardService = dashboardService;
         this.ngxService = ngxService;
+        this.translateService = translateService;
+        this.ngZone = ngZone;
         this.notifier = notifier;
         this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
         this.widgetDeleted = new EventEmitter();
@@ -929,7 +939,13 @@ var RAWidgetContainer = /** @class */ (function () {
              * @return {?}
              */
             function (e) {
-                _this.configChangeEventHandler(e);
+                console.log('in config changed subscription');
+                _this.ngZone.run((/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.configChangeEventHandler(e);
+                }));
             }));
         }
         if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
@@ -958,7 +974,8 @@ var RAWidgetContainer = /** @class */ (function () {
      * @return {?}
      */
     function () {
-        this.configChanged.unsubscribe();
+        if (this.configChanged)
+            this.configChanged.unsubscribe();
     };
     /** To Edit current widget configuration*/
     /**
@@ -996,7 +1013,7 @@ var RAWidgetContainer = /** @class */ (function () {
                 widgetContainerContext.widgetDeleted.emit(_this.data.widgetInfo.widgetInstanceId);
             }
             else {
-                widgetContainerContext.notifier.notify('error', "Failed to remove widget (" + _this.data.widgetInfo.widgetTitle + ")!");
+                widgetContainerContext.notifier.notify('error', " " + _this.translateService.translate('FailedToRemoveWidget') + "  (" + _this.data.widgetInfo.widgetTitle + ")!");
             }
         }));
     };
@@ -1027,15 +1044,16 @@ var RAWidgetContainer = /** @class */ (function () {
         //this.dashboardService.copyWidget(widgetInfo);
     };
     /**
-     * @param {?} config
+     * @param {?} widgetInfo
      * @return {?}
      */
     RAWidgetContainer.prototype.configChangeEventHandler = /**
-     * @param {?} config
+     * @param {?} widgetInfo
      * @return {?}
      */
-    function (config) {
-        this.data.widgetInfo.widgetConfigInfo.config = config;
+    function (widgetInfo) {
+        this.data.widgetInfo = widgetInfo;
+        // this.data.widgetInfo.widgetConfigInfo.config = config;    
         this.refreshWidget(this.data.widgetInfo);
         this.updateWidget(this.data.widgetInfo);
     };
@@ -1106,7 +1124,8 @@ var RAWidgetContainer = /** @class */ (function () {
         var widgetConfigFilter = (/** @type {?} */ ({
             config: widgetInfo.widgetConfigInfo.config,
             globalFilter: this.globalFilter,
-            appConfig: this.appConfig
+            appConfig: this.appConfig,
+            widgetInfo: widgetInfo
         }));
         widgetContainerContext.widgetElement.loadContent(widgetConfigFilter);
     };
@@ -1121,6 +1140,8 @@ var RAWidgetContainer = /** @class */ (function () {
     RAWidgetContainer.ctorParameters = function () { return [
         { type: RaDashboardService },
         { type: NgxUiLoaderService },
+        { type: TranslateService },
+        { type: NgZone },
         { type: NotifierService }
     ]; };
     RAWidgetContainer.propDecorators = {
@@ -5764,15 +5785,5 @@ var RaBaseDashboardFilter = /** @class */ (function () {
     return RaBaseDashboardFilter;
 }());
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
 export { DashboardFrameworkModule, RADashboardArea, RADashboardEventBus, RAEvent, RAEventKey, RAWidgetContainer, RaBaseDashboardFilter, RaBaseDashboardTemplate, RaDashboardService, GridsterModule as ɵa, GridsterComponent as ɵb, GridsterItemComponent as ɵc, GridsterPreviewComponent as ɵd, customNotifierOptions as ɵe };
 //# sourceMappingURL=schneideress-dashboardframework.js.map