@schneideress/dashboardframework 0.0.51 → 0.0.53

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.
@@ -807,28 +807,28 @@
807
807
  var GridsterConfigDefaultSettings = {
808
808
  gridType: GridType.ScrollVertical,
809
809
  compactType: CompactType.None,
810
- margin: 10,
810
+ margin: 4,
811
811
  outerMargin: true,
812
- outerMarginTop: null,
813
- outerMarginRight: null,
814
- outerMarginBottom: null,
815
- outerMarginLeft: null,
812
+ // outerMarginTop: 10,
813
+ // outerMarginRight: 10,
814
+ // outerMarginBottom: 30,
815
+ // outerMarginLeft: 10,
816
816
  useTransformPositioning: true,
817
817
  mobileBreakpoint: 640,
818
818
  minCols: 100,
819
819
  maxCols: 100,
820
- minRows: 100,
820
+ minRows: 20,
821
821
  maxRows: 2000,
822
- maxItemCols: 150,
823
- minItemCols: 1,
824
- maxItemRows: 150,
825
- minItemRows: 1,
826
- maxItemArea: 2500,
827
- minItemArea: 1,
828
- defaultItemCols: 5,
829
- defaultItemRows: 5,
830
- fixedColWidth: 5,
831
- fixedRowHeight: 5,
822
+ maxItemCols: 100,
823
+ minItemCols: 20,
824
+ maxItemRows: 100,
825
+ minItemRows: 20,
826
+ maxItemArea: 250000,
827
+ minItemArea: 400,
828
+ defaultItemCols: 20,
829
+ defaultItemRows: 20,
830
+ // fixedColWidth: 105,
831
+ // fixedRowHeight: 105,
832
832
  keepFixedHeightInMobile: false,
833
833
  keepFixedWidthInMobile: false,
834
834
  scrollSensitivity: 10,
@@ -1175,6 +1175,10 @@
1175
1175
  if (!isalertDisabled) {
1176
1176
  this.notifier.notify('success', " " + this.translateService.translate('Widget') + " [" + widget[0].widgetInfo.widgetTitle + "] " + this.translateService.translate('DeletedSuccesfully') + " ");
1177
1177
  }
1178
+ this.options.compactType = 'compactLeft&Up';
1179
+ this.options.api.optionsChanged();
1180
+ this.options.compactType = 'none';
1181
+ this.options.api.optionsChanged();
1178
1182
  }
1179
1183
  };
1180
1184
  /**To add widget instance to the database with the next available position and to make changes in
@@ -1338,7 +1342,7 @@
1338
1342
  { type: core.Component, args: [{
1339
1343
  selector: 'ra-dashboard-area',
1340
1344
  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-width]=\"item.cols\" [widget-height]=\"item.rows\" [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",
1341
- 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}"]
1345
+ styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#fcfcfc}.dvheader{width:100%;height:35px;background:#000;color:#fff;padding:7px 3px 5px 6px;text-transform:uppercase}gridster-item{box-sizing:border-box;z-index:1;position:absolute;overflow:hidden;transition:.3s;display:none;background:#fff;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;box-shadow:0 1px 10px rgba(0,0,0,.05)}gridster-item :hover{box-shadow:0 1px 10px rgba(0,0,0,.15)}"]
1342
1346
  }] }
1343
1347
  ];
1344
1348
  /** @nocollapse */
@@ -1769,7 +1773,7 @@
1769
1773
  { type: core.Component, args: [{
1770
1774
  selector: 'ra-widget-container',
1771
1775
  template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;\">\r\n <div style=\"display:flex\">\r\n <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;padding-left: 0px;\">{{data.widgetInfo.widgetTitle}}\r\n </div>\r\n <div class=\"col-md-1\" style=\"cursor:default;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div *ngIf=\"isDownloadIconVisible\"> <i class=\"far fa-download\" (click)=\"downloadClicked\"></i></div>\r\n <div class=\"pr-3\"><i [ngClass]=\"lockClass\"\r\n [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></div>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn gearIcon\"> <i class=\"fal fa-cog\"></i></div>\r\n <div class=\"dropdown-content widget-config-item\">\r\n <a (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Move'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n <span>{{'Delete'|translate}}</span>\r\n </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 <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
1772
- styles: [".wcheader{width:100%;height:26px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";border-bottom:1px solid;border-color:#fff;font-size:16px;position:absolute;left:0;top:0;padding:10px 0 0 1%}.wc-wrapper{height:100%;position:relative;margin:auto 10px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:26px;left:0;bottom:0}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;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:2;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{display:block;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.dropdown:hover .dropbtn{color:#2b7797}.gearIcon{color:#42b4e6}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
1776
+ styles: [".wcheader{width:100%;height:46px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0;padding:15px 0 0}.wc-wrapper{height:100%;position:relative;margin:auto 15px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:0}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;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:2;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{display:block;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.dropdown:hover .dropbtn{color:#2b7797}.gearIcon{color:#42b4e6}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}"]
1773
1777
  }] }
1774
1778
  ];
1775
1779
  /** @nocollapse */