@schneideress/dashboardframework 0.0.8 → 0.0.10

package/fesm5/schneideress-dashboardframework.js

@@ -368,6 +368,10 @@ var RAEvent = {
     WidgetLibraryCloseBtnClicked: "WidgetLibraryCloseBtnClicked",
     /** triggers when user clicks on view dashboard*/
     LoadDashboard: "LoadDashboard",
+    /** triggers when user clicks on copywidget */
+    CopyWidget: "CopyWidget",
+    /**triggers when user clicks on Move widget */
+    MoveWidget: "MoveWidget",
 };
 /** @enum {string} */
 var RAEventKey = {
@@ -912,44 +916,29 @@ var RAWidgetContainer = /** @class */ (function () {
     /** To Move or change position if current widget container*/
     /**
      * To Move or change position if current widget container
-     * @param {?} widgetInfo
      * @return {?}
      */
     RAWidgetContainer.prototype.moveWidget = /**
      * To Move or change position if current widget container
-     * @param {?} widgetInfo
      * @return {?}
      */
-    function (widgetInfo) {
-        this.dashboardService.moveWidget(widgetInfo);
+    function () {
+        console.log('in move widget');
+        this.raDashboardEventBus.publish(RAEvent.MoveWidget, this.data.widgetInfo);
+        // this.dashboardService.moveWidget(widgetInfo);
     };
     /** To Copy Current widget with same configuration*/
     /**
      * To Copy Current widget with same configuration
-     * @param {?} widgetInfo
      * @return {?}
      */
     RAWidgetContainer.prototype.copyWidget = /**
      * To Copy Current widget with same configuration
-     * @param {?} widgetInfo
-     * @return {?}
-     */
-    function (widgetInfo) {
-        this.dashboardService.copyWidget(widgetInfo);
-    };
-    /** To Collapse current widget*/
-    /**
-     * To Collapse current widget
-     * @param {?} widgetInfo
-     * @return {?}
-     */
-    RAWidgetContainer.prototype.collapse = /**
-     * To Collapse current widget
-     * @param {?} widgetInfo
      * @return {?}
      */
-    function (widgetInfo) {
-        this.dashboardService.collapse(widgetInfo);
+    function () {
+        this.raDashboardEventBus.publish(RAEvent.CopyWidget, this.data.widgetInfo);
+        //this.dashboardService.copyWidget(widgetInfo);
     };
     /**
      * @param {?} config
@@ -1008,7 +997,13 @@ var RAWidgetContainer = /** @class */ (function () {
                 widgetConfigFilter.appConfig = _this.appConfig;
                 widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
                 widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
-                widgetContainer.widgetElement.loadContent(widgetConfigFilter, _this.appConfig);
+                widgetContainer.widgetElement.loadContent(widgetConfigFilter);
+                widgetContainer.widgetElement.addEventListener('load-data-initiated', (/**
+                 * @param {?} hidePanel
+                 * @return {?}
+                 */
+                function (hidePanel) {
+                }));
             }), 2000);
         }));
     };
@@ -1027,15 +1022,16 @@ var RAWidgetContainer = /** @class */ (function () {
         /** @type {?} */
         var widgetConfigFilter = (/** @type {?} */ ({
             config: widgetInfo.widgetConfigInfo.config,
-            globalFilter: this.globalFilter
+            globalFilter: this.globalFilter,
+            appConfig: this.appConfig
         }));
-        this.widgetElement.loadContent(widgetConfigFilter, this.appConfig);
+        this.widgetElement.loadContent(widgetConfigFilter);
     };
     RAWidgetContainer.decorators = [
         { type: Component, args: [{
                     selector: 'ra-widget-container',
-                    template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.title?data.widgetInfo.title:\"Title\"}}\r\n        </div>\r\n        <div class=\"col-md-1\">\r\n          <div class=\"float-right\">\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn\"> <i class=\"fal fa-cog\"></i></div>\r\n              <div class=\"dropdown-content\">\r\n                <a (click)=\"editWidget()\">Edit</a>\r\n                <a (click)=\"copyWidget(data)\">Copy</a>\r\n                <a (click)=\"moveWidget(data)\">Move</a>\r\n                <a (click)=\"collapse(data)\">Collapse</a>\r\n                <hr class=\"hr\">\r\n                <a (click)=\"deleteWidget()\">Delete</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\">\r\n    <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".wcheader{width:100%;height:26px;background:#fff;color:#3dcd58;padding:7px 7px 0 6px;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px}.wc-mover{cursor:all-scroll}.wcBody{padding:8px}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{display:none;position:relative}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:1;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content,.wc-wrapper:hover .dropdown{display:block}.dropdown:hover .dropbtn{color:#2b7797}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}"]
+                    template: "<div class=\"wc-wrapper\">\r\n  <div class=\"wcheader\">\r\n    <div class=\"col-md-12 wc-mover\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-11 float-left\" style=\"width:96%;\">{{data.widgetInfo.title?data.widgetInfo.title:\"Title\"}}\r\n        </div>\r\n        <div class=\"col-md-1\">\r\n          <div class=\"float-right\">\r\n            <div class=\"dropdown\">\r\n              <div class=\"dropbtn\"> <i class=\"fal fa-cog\"></i></div>\r\n              <div class=\"dropdown-content\">\r\n                <a (click)=\"editWidget()\">Edit</a>\r\n                <a (click)=\"copyWidget()\">Copy</a>\r\n                <a (click)=\"moveWidget()\">Move</a>                \r\n                <hr class=\"hr\">\r\n                <a (click)=\"deleteWidget()\">Delete</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"wcBody\">\r\n    <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".wcheader{width:100%;height:26px;background:#fff;color:#3dcd58;padding:7px 7px 0 6px;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px}.wc-mover{cursor:all-scroll}.wcBody{padding:8px}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{display:none;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:1;font-size:12px;font-family:\"Arial Rounded MT\"}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content,.wc-wrapper:hover .dropdown{display:block}.dropdown:hover .dropbtn{color:#2b7797}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}"]
                 }] }
     ];
     /** @nocollapse */