@schneideress/dashboardframework 0.0.42 → 0.0.44
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 +3 -15
- 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-widget-container/ra.widget.container.component.js +4 -13
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +4 -16
- package/fesm2015/schneideress-dashboardframework.js +3 -12
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +3 -15
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +0 -1
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -1016,14 +1016,12 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1016
1016
|
if (this.widgetElement && changes.globalFilter && changes.globalFilter.currentValue != changes.globalFilter.previousValue) {
|
|
1017
1017
|
this.refreshWidget(this.data.widgetInfo);
|
|
1018
1018
|
}
|
|
1019
|
-
if (changes.width && changes.width.currentValue != changes.width.previousValue
|
|
1019
|
+
if (changes.width && changes.width.currentValue != changes.width.previousValue ||
|
|
1020
|
+
(changes.height && changes.height.currentValue != changes.height.previousValue)) {
|
|
1020
1021
|
this.data.widgetInfo.isDimensionUpdate = true;
|
|
1021
1022
|
this.refreshWidget(this.data.widgetInfo);
|
|
1022
1023
|
this.data.widgetInfo.isDimensionUpdate = false;
|
|
1023
1024
|
}
|
|
1024
|
-
if (changes.height && changes.height.currentValue != changes.height.previousValue) {
|
|
1025
|
-
this.setWidgetheight();
|
|
1026
|
-
}
|
|
1027
1025
|
};
|
|
1028
1026
|
/**
|
|
1029
1027
|
* @return {?}
|
|
@@ -1129,15 +1127,6 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1129
1127
|
this.refreshWidget(this.data.widgetInfo);
|
|
1130
1128
|
// this.updateWidget(widgetInfo);
|
|
1131
1129
|
};
|
|
1132
|
-
/**
|
|
1133
|
-
* @return {?}
|
|
1134
|
-
*/
|
|
1135
|
-
RAWidgetContainer.prototype.setWidgetheight = /**
|
|
1136
|
-
* @return {?}
|
|
1137
|
-
*/
|
|
1138
|
-
function () {
|
|
1139
|
-
this.widgetHeight = this.data.widgetInfo.height * this.data.widgetInfo.rowHeight + 2;
|
|
1140
|
-
};
|
|
1141
1130
|
/** To load external custom element to the widget container*/
|
|
1142
1131
|
/**
|
|
1143
1132
|
* To load external custom element to the widget container
|
|
@@ -1187,7 +1176,6 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1187
1176
|
}); }));
|
|
1188
1177
|
_this.ctlWidget.nativeElement.appendChild(_this.widgetElement);
|
|
1189
1178
|
}));
|
|
1190
|
-
this.setWidgetheight();
|
|
1191
1179
|
return [2 /*return*/];
|
|
1192
1180
|
});
|
|
1193
1181
|
});
|
|
@@ -1275,7 +1263,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1275
1263
|
RAWidgetContainer.decorators = [
|
|
1276
1264
|
{ type: Component, args: [{
|
|
1277
1265
|
selector: 'ra-widget-container',
|
|
1278
|
-
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\"
|
|
1266
|
+
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\">\r\n <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
|
|
1279
1267
|
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}.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: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}"]
|
|
1280
1268
|
}] }
|
|
1281
1269
|
];
|