@schneideress/dashboardframework 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -632,15 +632,11 @@ var RADashboardArea = /** @class */ (function () {
632
632
  }));
633
633
  if (this.options.api) {
634
634
  areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 2;
635
- if (areaHeight < 300) {
636
- areaHeight = 300;
637
- }
638
- this.gridheight = areaHeight;
639
635
  }
640
- else {
641
- console.log('api not defined');
642
- console.log(this.options);
636
+ if (areaHeight < 600) {
637
+ areaHeight = 600;
643
638
  }
639
+ this.gridheight = areaHeight;
644
640
  };
645
641
  /** To remove a widget instance from dashboard and to save info in database */
646
642
  /**
@@ -797,7 +793,7 @@ var RADashboardArea = /** @class */ (function () {
797
793
  { type: Component, args: [{
798
794
  selector: 'ra-dashboard-area',
799
795
  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",
800
- 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}"]
796
+ 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}"]
801
797
  }] }
802
798
  ];
803
799
  /** @nocollapse */
@@ -899,15 +895,17 @@ var RAWidgetContainer = /** @class */ (function () {
899
895
  */
900
896
  function () {
901
897
  var _this = this;
902
- this.ngxService.start();
903
- this.dashboardService.deleteWidget(this.data.widgetInfo, this.appConfig).subscribe((/**
898
+ /** @type {?} */
899
+ var widgetContainerContext = this;
900
+ widgetContainerContext.ngxService.start();
901
+ widgetContainerContext.dashboardService.deleteWidget(this.data.widgetInfo, this.appConfig).subscribe((/**
904
902
  * @param {?} status
905
903
  * @return {?}
906
904
  */
907
905
  function (status) {
908
- _this.ngxService.stop();
906
+ widgetContainerContext.ngxService.stop();
909
907
  {
910
- _this.widgetDeleted.emit(_this.data.widgetInfo.widgetInstanceId);
908
+ widgetContainerContext.widgetDeleted.emit(_this.data.widgetInfo.widgetInstanceId);
911
909
  }
912
910
  }));
913
911
  };
@@ -1036,7 +1034,7 @@ var RAWidgetContainer = /** @class */ (function () {
1036
1034
  RAWidgetContainer.decorators = [
1037
1035
  { type: Component, args: [{
1038
1036
  selector: 'ra-widget-container',
1039
- 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",
1037
+ 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",
1040
1038
  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)}"]
1041
1039
  }] }
1042
1040
  ];