@schneideress/dashboardframework 0.0.7 → 0.0.9

package/bundles/schneideress-dashboardframework.umd.js

@@ -404,6 +404,8 @@
         WidgetLibraryCloseBtnClicked: "WidgetLibraryCloseBtnClicked",
         /** triggers when user clicks on view dashboard*/
         LoadDashboard: "LoadDashboard",
+        /** triggers when user clicks on copywidget */
+        CopyWidget: "CopyWidget",
     };
     /** @enum {string} */
     var RAEventKey = {
@@ -668,15 +670,11 @@
             }));
             if (this.options.api) {
                 areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
-                if (areaHeight < 300) {
-                    areaHeight = 300;
-                }
-                this.gridheight = areaHeight;
             }
-            else {
-                console.log('api not defined');
-                console.log(this.options);
+            if (areaHeight < 600) {
+                areaHeight = 600;
             }
+            this.gridheight = areaHeight;
         };
         /** To remove a widget instance from dashboard and to save info in database */
         /**
@@ -833,7 +831,7 @@
             { 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</div>\r\n\r\n",
-                        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}"]
+                        styles: ["gridster{width:inherit;resize:height;display:flex;min-height:600px}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 */
@@ -935,15 +933,17 @@
          */
         function () {
             var _this = this;
-            this.ngxService.start();
-            this.dashboardService.deleteWidget(this.data.widgetInfo, this.appConfig).subscribe((/**
+            /** @type {?} */
+            var widgetContainerContext = this;
+            widgetContainerContext.ngxService.start();
+            widgetContainerContext.dashboardService.deleteWidget(this.data.widgetInfo, this.appConfig).subscribe((/**
              * @param {?} status
              * @return {?}
              */
             function (status) {
-                _this.ngxService.stop();
+                widgetContainerContext.ngxService.stop();
                 {
-                    _this.widgetDeleted.emit(_this.data.widgetInfo.widgetInstanceId);
+                    widgetContainerContext.widgetDeleted.emit(_this.data.widgetInfo.widgetInstanceId);
                 }
             }));
         };
@@ -964,16 +964,15 @@
         /** 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);
+        function () {
+            this.raDashboardEventBus.publish(RAEvent.CopyWidget, this.data.widgetInfo);
+            //this.dashboardService.copyWidget(widgetInfo);
         };
         /** To Collapse current widget*/
         /**
@@ -1072,8 +1071,8 @@
         RAWidgetContainer.decorators = [
             { type: core.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\" style=\"\">\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(data)\">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 */