@schneideress/dashboardframework 0.0.4 → 0.0.6

package/fesm2015/schneideress-dashboardframework.js

@@ -55,9 +55,7 @@ class RaDashboardService extends BaseService {
      */
     getWidgetsByDashboardArea(widgetInfo, appConfig) {
         this.baseUrl = appConfig.apiBaseUrl;
-        /** @type {?} */
-        var url = 'widget/GetWidgetByArea';
-        return this.post(url, widgetInfo);
+        return this.post('widget/GetWidgetByArea', widgetInfo);
     }
     /**
      * @param {?} widgetList
@@ -66,9 +64,7 @@ class RaDashboardService extends BaseService {
      */
     updateWidgets(widgetList, appConfig) {
         this.baseUrl = appConfig.apiBaseUrl;
-        /** @type {?} */
-        var url = 'widget/UpdateAreaWidgets';
-        return this.post(url, widgetList);
+        return this.post('widget/UpdateAreaWidgets', widgetList);
     }
     /**
      * @param {?} widgetInfo
@@ -95,9 +91,7 @@ class RaDashboardService extends BaseService {
      */
     addWidget(widgetInfo, appConfig) {
         this.baseUrl = appConfig.apiBaseUrl;
-        /** @type {?} */
-        var url = 'widget/AddWidgetUser';
-        return this.post(url, widgetInfo);
+        return this.post('widget/AddWidgetUser', widgetInfo);
     }
     /**
      * To Delete current widget from DOM
@@ -107,9 +101,7 @@ class RaDashboardService extends BaseService {
      */
     deleteWidget(widgetInfo, appConfig) {
         this.baseUrl = appConfig.apiBaseUrl;
-        /** @type {?} */
-        var url = 'widget/DeleteWidgetUser';
-        return this.post(url, widgetInfo);
+        return this.post('widget/DeleteWidgetUser', widgetInfo);
     }
     /**
      * To Update widgetInfo in database
@@ -119,9 +111,7 @@ class RaDashboardService extends BaseService {
      */
     updateWidget(widgetInfo, appConfig) {
         this.baseUrl = appConfig.apiBaseUrl;
-        /** @type {?} */
-        var url = 'widget/UpdateUserWidget';
-        return this.post(url, widgetInfo);
+        return this.post('widget/UpdateUserWidget', widgetInfo);
     }
     /**
      * To Move or change position if current widget container
@@ -254,6 +244,8 @@ const RAEvent = {
     DashboardChanged: "dashboardChanged",
     /** triggers when user clicks the close button on library */
     WidgetLibraryCloseBtnClicked: "WidgetLibraryCloseBtnClicked",
+    /** triggers when user clicks on view dashboard*/
+    LoadDashboard: "LoadDashboard",
 };
 /** @enum {string} */
 const RAEventKey = {
@@ -445,8 +437,7 @@ class RADashboardArea {
             dashboardId: userDashboarId.toString(),
             dashboardAreaKey: areaKey
         }));
-        /** @type {?} */
-        let widgets = this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe((/**
+        this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe((/**
          * @param {?} widgets
          * @return {?}
          */
@@ -599,7 +590,7 @@ RADashboardArea.decorators = [
     { 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</div>\r\n",
-                styles: ["gridster{width:inherit;background:#f1f1f1;border:1px solid #ccc;resize:height;display:flex;min-height:300px}gridster-item{border:1px solid #ccc;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:300px}gridster-item{border:1px solid #ccc;background:#fff!important}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}"]
             }] }
 ];
 /** @nocollapse */
@@ -741,7 +732,7 @@ class RAWidgetContainer {
             globalFilter: this.globalFilter
         }));
         /** @type {?} */
-        let widgetCOntainer = this;
+        let widgetContainer = this;
         this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
          * @return {?}
          */
@@ -752,7 +743,10 @@ class RAWidgetContainer {
              * @return {?}
              */
             () => {
-                widgetCOntainer.widgetElement.loadContent(widgetConfigFilter, this.appConfig);
+                widgetConfigFilter.appConfig = this.appConfig;
+                widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
+                widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
+                widgetContainer.widgetElement.loadContent(widgetConfigFilter, this.appConfig);
             }), 2000);
         }));
     }
@@ -2501,7 +2495,7 @@ GridsterComponent.decorators = [
                 selector: 'gridster',
                 template: "<div class=\"gridster-column\" *ngFor=\"let column of gridColumns; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridColumnStyle(i)\"></div>\r\n<div class=\"gridster-row\" *ngFor=\"let row of gridRows; let i = index;\"\r\n     [ngStyle]=\"gridRenderer.getGridRowStyle(i)\"></div>\r\n<ng-content></ng-content>\r\n<gridster-preview class=\"gridster-preview\"></gridster-preview>\r\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:grey;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto}gridster.mobile gridster-item{position:relative}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]
+                styles: ["gridster{clear:both;position:relative;box-sizing:border-box;background:#fff;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;overflow:auto}gridster.fit{overflow-x:hidden;overflow-y:hidden}gridster.scrollVertical{overflow-x:hidden;overflow-y:auto}gridster.scrollHorizontal{overflow-x:auto;overflow-y:hidden}gridster.fixed{overflow:auto}gridster.mobile{overflow-x:hidden;overflow-y:auto}gridster.mobile gridster-item{position:relative}gridster .gridster-column,gridster .gridster-row{position:absolute;display:none;transition:.3s;box-sizing:border-box}gridster.display-grid .gridster-column,gridster.display-grid .gridster-row{display:block}gridster .gridster-column{border-left:1px solid #ccc;border-right:1px solid #ccc}gridster .gridster-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc}"]
             }] }
 ];
 /** @nocollapse */