@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.
- package/bundles/schneideress-dashboardframework.umd.js +18 -10
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
- package/esm2015/lib/ra-dashboard-area/ra.dashboard.area.js +17 -9
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +3 -3
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +17 -9
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +3 -3
- package/fesm2015/schneideress-dashboardframework.js +18 -10
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +18 -10
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -685,8 +685,8 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
685
685
|
this.widgetList = Array();
|
|
686
686
|
this.gridheight = 300;
|
|
687
687
|
this.isWidgetLoaded = false;
|
|
688
|
-
this.widgetHeight =
|
|
689
|
-
this.widgetWidth =
|
|
688
|
+
this.widgetHeight = 30;
|
|
689
|
+
this.widgetWidth = 50;
|
|
690
690
|
}
|
|
691
691
|
/**
|
|
692
692
|
* @return {?}
|
|
@@ -901,6 +901,7 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
901
901
|
dashboardId: userDashboarId.toString(),
|
|
902
902
|
dashboardAreaKey: areaKey
|
|
903
903
|
}));
|
|
904
|
+
areaContext.widgetList = [];
|
|
904
905
|
this.dashboardService.getWidgetsByDashboardArea(widgetInfo, this.appConfig).subscribe((/**
|
|
905
906
|
* @param {?} widgets
|
|
906
907
|
* @return {?}
|
|
@@ -1011,11 +1012,12 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1011
1012
|
data.position_y = 0;
|
|
1012
1013
|
/** @type {?} */
|
|
1013
1014
|
var gridsterItem = this.mapObjectsToGridsterItem(data);
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
data.
|
|
1015
|
+
/** to find the available position in gridster, temp commenting the code-returning higher y value than normal */
|
|
1016
|
+
// if (this.options.api) {
|
|
1017
|
+
// gridsterItem = this.options.api.getFirstPossiblePosition(gridsterItem);
|
|
1018
|
+
// }
|
|
1019
|
+
// data.position_x = gridsterItem.x;
|
|
1020
|
+
// data.position_y = gridsterItem.y;
|
|
1019
1021
|
data.dashboardAreaKey = this.areaKey;
|
|
1020
1022
|
data.dashboardId = this.userDashboardId;
|
|
1021
1023
|
this.ngxService.start();
|
|
@@ -1027,7 +1029,13 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1027
1029
|
gridsterItem = _this.mapObjectsToGridsterItem(widget);
|
|
1028
1030
|
_this.widgetList.push(gridsterItem);
|
|
1029
1031
|
_this.setAreaHeight();
|
|
1030
|
-
|
|
1032
|
+
/**To save added widget position in db */
|
|
1033
|
+
setTimeout((/**
|
|
1034
|
+
* @return {?}
|
|
1035
|
+
*/
|
|
1036
|
+
function () {
|
|
1037
|
+
_this.updateWidgets();
|
|
1038
|
+
}), 1000);
|
|
1031
1039
|
}));
|
|
1032
1040
|
};
|
|
1033
1041
|
/** To add widget to current widget list ,invoked from copy widget window*/
|
|
@@ -1435,7 +1443,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1435
1443
|
return __generator(this, function (_a) {
|
|
1436
1444
|
switch (_a.label) {
|
|
1437
1445
|
case 0:
|
|
1438
|
-
console.log('widget
|
|
1446
|
+
console.log('widget initiated' + widgetInfo.widgetInstanceId);
|
|
1439
1447
|
widgetContainer.isWidgetLoaded = true;
|
|
1440
1448
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
1441
1449
|
widgetConfigFilter.widgetInfo = (/** @type {?} */ ({}));
|
|
@@ -1538,7 +1546,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1538
1546
|
RAWidgetContainer.decorators = [
|
|
1539
1547
|
{ type: Component, args: [{
|
|
1540
1548
|
selector: 'ra-widget-container',
|
|
1541
|
-
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
|
|
1549
|
+
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>",
|
|
1542
1550
|
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}"]
|
|
1543
1551
|
}] }
|
|
1544
1552
|
];
|