@schneideress/dashboardframework 0.0.39 → 0.0.41

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.
@@ -875,8 +875,8 @@
875
875
  this.widgetList = Array();
876
876
  this.gridheight = 300;
877
877
  this.isWidgetLoaded = false;
878
- this.widgetHeight = 50;
879
- this.widgetWidth = 60;
878
+ this.widgetHeight = 30;
879
+ this.widgetWidth = 50;
880
880
  }
881
881
  /**
882
882
  * @return {?}
@@ -1091,6 +1091,7 @@
1091
1091
  dashboardId: userDashboarId.toString(),
1092
1092
  dashboardAreaKey: areaKey
1093
1093
  }));
1094
+ areaContext.widgetList = [];
1094
1095
  this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe((/**
1095
1096
  * @param {?} widgets
1096
1097
  * @return {?}
@@ -1201,11 +1202,12 @@
1201
1202
  data.position_y = 0;
1202
1203
  /** @type {?} */
1203
1204
  var gridsterItem = this.mapObjectsToGridsterItem(data);
1204
- if (this.options.api) {
1205
- gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
1206
- }
1207
- data.position_x = gridsterItem.x;
1208
- data.position_y = gridsterItem.y;
1205
+ /** to find the available position in gridster, temp commenting the code-returning higher y value than normal */
1206
+ // if (this.options.api) {
1207
+ // gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
1208
+ // }
1209
+ // data.position_x = gridsterItem.x;
1210
+ // data.position_y = gridsterItem.y;
1209
1211
  data.dashboardAreaKey = this.areaKey;
1210
1212
  data.dashboardId = this.userDashboardId;
1211
1213
  this.ngxService.start();
@@ -1217,7 +1219,13 @@
1217
1219
  gridsterItem = _this.mapObjectsToGridsterItem(widget);
1218
1220
  _this.widgetList.push(gridsterItem);
1219
1221
  _this.setAreaHeight();
1220
- //this.ngxService.stop();
1222
+ /**To save added widget position in db */
1223
+ setTimeout((/**
1224
+ * @return {?}
1225
+ */
1226
+ function () {
1227
+ _this.updateWidgets();
1228
+ }), 1000);
1221
1229
  }));
1222
1230
  };
1223
1231
  /** To add widget to current widget list ,invoked from copy widget window*/
@@ -1625,7 +1633,7 @@
1625
1633
  return __generator(this, function (_a) {
1626
1634
  switch (_a.label) {
1627
1635
  case 0:
1628
- console.log('widget initiate' + widgetInfo.widgetInstanceId);
1636
+ console.log('widget initiated' + widgetInfo.widgetInstanceId);
1629
1637
  widgetContainer.isWidgetLoaded = true;
1630
1638
  widgetConfigFilter.appConfig = this.appConfig;
1631
1639
  widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
@@ -1728,7 +1736,7 @@
1728
1736
  RAWidgetContainer.decorators = [
1729
1737
  { type: core.Component, args: [{
1730
1738
  selector: 'ra-widget-container',
1731
- template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\">\r\n <div style=\"display:flex\">\r\n <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;\">{{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 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\" [style.height.px]=\"widgetHeight\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div class=\"wcBodyBorder\" #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
1739
+ template: "<div class=\"wc-wrapper\">\r\n <div class=\"wcheader\">\r\n <div class=\"col-md-12 wc-mover\">\r\n <div style=\"display:flex\">\r\n <div class=\"col-md-11 float-left widget-move\" style=\"width:96%;\">{{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 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\" [style.height.px]=\"widgetHeight\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
1732
1740
  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{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: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{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}"]
1733
1741
  }] }
1734
1742
  ];