@schneideress/dashboardframework 0.0.228 → 0.0.230
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 +120 -68
- 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 +18 -11
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +90 -58
- package/esm2015/lib/ra.event.enum.js +3 -1
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +22 -11
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +98 -59
- package/esm5/lib/ra.event.enum.js +3 -1
- package/fesm2015/schneideress-dashboardframework.js +108 -67
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +120 -68
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-dashboard-area/ra.dashboard.area.d.ts +1 -0
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +3 -0
- package/lib/ra.event.enum.d.ts +3 -1
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -52,6 +52,8 @@ var RAEvent = {
|
|
|
52
52
|
HideDashboardBanner: "HideDashboardBanner",
|
|
53
53
|
/**To launch flyout from custom widget library */
|
|
54
54
|
LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
|
|
55
|
+
/**update applied filter badge for inaplicable filters */
|
|
56
|
+
UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
|
|
55
57
|
};
|
|
56
58
|
export { RAEvent };
|
|
57
59
|
/** @enum {string} */
|
|
@@ -60,4 +62,4 @@ var RAEventKey = {
|
|
|
60
62
|
WidgetInstanceId: "widgetInstanceId",
|
|
61
63
|
};
|
|
62
64
|
export { RAEventKey };
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmEuZXZlbnQuZW51bS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzY2huZWlkZXJlc3MvZGFzaGJvYXJkZnJhbWV3b3JrLyIsInNvdXJjZXMiOlsibGliL3JhLmV2ZW50LmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBWSxPQUFPO0lBRWYsK0NBQStDO0lBQy9DLGNBQWMsa0JBQW1CO0lBRWpDLG9FQUFvRTtJQUNwRSxpQkFBaUIscUJBQXNCO0lBRXZDLGlGQUFpRjtJQUNqRixpQkFBaUIscUJBQXNCO0lBRXZDLGtGQUFrRjtJQUNsRixnQkFBZ0Isb0JBQXFCO0lBRXJDLHNEQUFzRDtJQUN0RCxjQUFjLGtCQUFtQjtJQUVqQyxtRkFBbUY7SUFDbkYsYUFBYSxpQkFBa0I7SUFFL0IseUNBQXlDO0lBQ3pDLGdCQUFnQixvQkFBcUI7SUFFckMsc0NBQXNDO0lBQ3RDLHVCQUF1QiwyQkFBNEI7SUFFbkQsOEVBQThFO0lBQzlFLGdCQUFnQixvQkFBcUI7SUFFckMsNERBQTREO0lBQzVELDRCQUE0QixnQ0FBaUM7SUFFN0QsaURBQWlEO0lBQ2pELGFBQWEsaUJBQWtCO0lBRS9CLDhDQUE4QztJQUM5QyxVQUFVLGNBQWU7SUFFekIsOENBQThDO0lBQzlDLFVBQVUsY0FBZTtJQUV6QixrREFBa0Q7SUFDbEQsWUFBWSxnQkFBaUI7SUFFN0Isc0ZBQXNGO0lBQ3RGLFNBQVMsYUFBYztJQUV2QixpREFBaUQ7SUFDakQsc0JBQXNCLDBCQUEyQjtJQUVqRCxpRUFBaUU7SUFDakUsbUJBQW1CLHVCQUF3QjtJQUUzQyw2QkFBNkI7SUFDN0IsZ0JBQWdCLG9CQUFxQjtJQUVyQyxpQ0FBaUM7SUFDakMsV0FBVyxlQUFnQjtJQUUzQixnRUFBZ0U7SUFDaEUsK0JBQStCLG1DQUFvQztJQUVuRSxzQ0FBc0M7SUFDdEMsdUJBQXVCLDJCQUE0QjtJQUVuRCx5Q0FBeUM7SUFDekMsdUJBQXVCLDJCQUE0QjtJQUVuRCxtQkFBbUIsdUJBQXdCO0lBRTNDLGlEQUFpRDtJQUNqRCx3QkFBd0IsNEJBQTJCO0lBRW5ELHlEQUF5RDtJQUN6RCxzQ0FBc0MsMENBQTJDO0VBQ3BGOzs7QUFFRCxJQUFZLFVBQVU7SUFDbEIsMkJBQTJCO0lBQzNCLGdCQUFnQixvQkFBcUI7RUFDeEMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBSQUV2ZW50IHtcclxuXHJcbiAgICAvKiogd2lkZ2V0IHNlbGVjdGlvbiBjbGljayBvbiB3aWRnZXQgbGlicmFyeSAqL1xyXG4gICAgV2lkZ2V0U2VsZWN0ZWQgPSBcIndpZGdldFNlbGVjdGVkXCIsXHJcblxyXG4gICAgLyoqIHRyaWdnZXJzIHdoZW4gdXNlciBjbGljayBvbiB0aGUgZWRpdCBsaW5rIGluIHdpZGdldCBjb250YWluZXIgKi9cclxuICAgIFdpZGdldEVkaXRDbGlja2VkID0gXCJ3aWRnZXRFZGl0Q2xpY2tlZFwiLFxyXG5cclxuICAgIC8qKiB0cmlnZ2VycyB3aGVuIHVzZXIgY2xpY2tzIHRoZSBjYW5jZWwgYnV0dG9uIG9uIHdpZGdldCBjb25maWd1cmF0aW9uIHdpbmRvdyAqL1xyXG4gICAgQ29uZmlnQ2FuY2VsQ2xpY2sgPSBcImNvbmZpZ0NhbmNlbENsaWNrXCIsXHJcblxyXG4gICAgLyoqIHRyaWdnZXJzIHdoZW4gdXNlciBjbGljayBvbiB0aGUgY2xvc2UgYnV0dG9uIG9uIHdpZGdldCBjb25maWd1cmF0aW9uIHdpbmRvdyAqL1xyXG4gICAgQ29uZmlnQ2xvc2VDbGljayA9IFwiY29uZmlnQ2xvc2VDbGlja1wiLFxyXG5cclxuICAgIC8qKiBhZGQgYnV0dG9uIGNsaWNrIG9uIHdpZGdldCBjb25maWd1cmF0aW9uIHdpbmRvdyAqL1xyXG4gICAgQ29uZmlnQWRkQ2xpY2sgPSBcImNvbmZpZ0FkZENsaWNrXCIsXHJcblxyXG4gICAgLyoqIHRyaWdnZXJzIHdoZW4gYSB1c2VyIGNsaWNrIG9uIHRoZSBzYXZlIGJ1dHRvbiBpbiB3aWRnZXQgY29uZmlndXJhdGlvbiB3aW5kb3cgKi9cclxuICAgIENvbmZpZ0NoYW5nZWQgPSBcImNvbmZpZ0NoYW5nZWRcIixcclxuXHJcbiAgICAvKipUbyByZWFycmFuZ2Ugd2lkZ2V0cyBpbiBhIGRhc2hib2FyZCAqL1xyXG4gICAgUmVhcnJhbmdlQ2xpY2tlZCA9IFwicmVhcnJhbmdlQ2xpY2tlZFwiLFxyXG5cclxuICAgIC8qKmRhc2hib2FyZCBjdXN0b21pemUgYnV0dG9uIGNsaWNrICovXHJcbiAgICBEYXNoYm9hcmRDdXN0b21pemVDbGljayA9IFwiZGFzaGJvYXJkQ3VzdG9taXplQ2xpY2tcIixcclxuXHJcbiAgICAvKip0cmlnZ2VycyB3aGVuIHVzZXIgY2xpY2tzIG9uIHRoZSBkYXNoYm9hcmQgY2hhbmdlIGljb24gaW4gaGVhZGVyIHNlY3Rpb24gKi9cclxuICAgIERhc2hib2FyZENoYW5nZWQgPSBcImRhc2hib2FyZENoYW5nZWRcIixcclxuXHJcbiAgICAvKiogdHJpZ2dlcnMgd2hlbiB1c2VyIGNsaWNrcyB0aGUgY2xvc2UgYnV0dG9uIG9uIGxpYnJhcnkgKi9cclxuICAgIFdpZGdldExpYnJhcnlDbG9zZUJ0bkNsaWNrZWQgPSBcIldpZGdldExpYnJhcnlDbG9zZUJ0bkNsaWNrZWRcIixcclxuXHJcbiAgICAvKiogdHJpZ2dlcnMgd2hlbiB1c2VyIGNsaWNrcyBvbiB2aWV3IGRhc2hib2FyZCovXHJcbiAgICBMb2FkRGFzaGJvYXJkID0gXCJMb2FkRGFzaGJvYXJkXCIsXHJcblxyXG4gICAgLyoqIHRyaWdnZXJzIHdoZW4gdXNlciBjbGlja3Mgb24gY29weXdpZGdldCAqL1xyXG4gICAgQ29weVdpZGdldCA9IFwiQ29weVdpZGdldFwiLFxyXG5cclxuICAgIC8qKnRyaWdnZXJzIHdoZW4gdXNlciBjbGlja3Mgb24gTW92ZSB3aWRnZXQgKi9cclxuICAgIE1vdmVXaWRnZXQgPSBcIk1vdmVXaWRnZXRcIixcclxuXHJcbiAgICAvKip0cmlnZ2VycyB3aGVuIHVzZXIgcmFpc2UgZGVsZXRlIHdpZGdldCBldmVudCAqL1xyXG4gICAgV2lkZ2V0RGVsZXRlID0gXCJXaWRnZXREZWxldGVcIixcclxuXHJcbiAgICAvKiogdXNlZCB0byBhZGQgd2lkZ2V0IHRvIHdpZGdldGxpc3Qgd2hlbiB1c2VyIGNvcGllcyBhIHdpZGdldCB0byBjdXJyZW50IGRhc2hib2FyZCAqL1xyXG4gICAgQWRkV2lkZ2V0ID0gXCJBZGRXaWRnZXRcIixcclxuXHJcbiAgICAvKiogZG9uZSBidXR0b24gY2xpY2sgb24gd2lkZ2V0IGxpYnJhcnkgZmx5b3V0ICovXHJcbiAgICB3aWRnZXRMaWJyYXJ5RG9uZUNsaWNrID0gXCJ3aWRnZXRMaWJyYXJ5RG9uZUNsaWNrXCIsXHJcblxyXG4gICAgLyoqcmVmcmVzaCBmYXZvcml0ZSBpY29uIGFmdGVyIHNydHRpbmcgYW5kIHJlc2V0dGluZyBmYXZvcml0ZXMgKi9cclxuICAgIGZhdm9yaXRlSWNvblJlZnJlc2ggPSBcImZhdm9yaXRlSWNvblJlZnJlc2hcIixcclxuXHJcbiAgICAvKip0byByZWZyZXNoIG1lbnUgY29udGVudCAqL1xyXG4gICAgUXVpY2tMaW5rUmVmcmVzaCA9IFwiUXVpY2tMaW5rUmVmcmVzaFwiLFxyXG5cclxuICAgIC8qKlRvIHJhaXNlIHdpZGdldCBhZGRlZCBldmVudCAqL1xyXG4gICAgV2lkZ2V0QWRkZWQgPSBcIldpZGdldEFkZGVkXCIsXHJcblxyXG4gICAgLyoqVG8gdXBkYXRlIGdsb2JhbCBmaWx0ZXIgc2l0ZSBmcm9tIG1hcCB3aWRnZXQgc2VsZWN0ZWQgc2l0ZSAqL1xyXG4gICAgVXBkYXRlR2xvYmFsRmlsdGVyRnJvbU1hcFdpZGdldCA9IFwiVXBkYXRlR2xvYmFsRmlsdGVyRnJvbU1hcFdpZGdldFwiLFxyXG5cclxuICAgIC8qKlRvIGFkZCB3aWRnZXQgb24gZW1wdHkgZGFzaGJvYXJkICovXHJcbiAgICBBZGRXaWRnZXRFbXB0eURhc2hib2FyZCA9IFwiQWRkV2lkZ2V0RW1wdHlEYXNoYm9hcmRcIixcclxuXHJcbiAgICAvKipUbyByYWlzZSBuZXcgd2lkZ2V0IGFkZCBjbGljayBldmVudCAqL1xyXG4gICAgQWRkTmV3V2lkZ2V0VG9EYXNoYm9hcmQgPSBcIkFkZE5ld1dpZGdldFRvRGFzaGJvYXJkXCIsXHJcblxyXG4gICAgSGlkZURhc2hib2FyZEJhbm5lciA9IFwiSGlkZURhc2hib2FyZEJhbm5lclwiLFxyXG5cclxuICAgIC8qKlRvIGxhdW5jaCBmbHlvdXQgZnJvbSBjdXN0b20gd2lkZ2V0IGxpYnJhcnkgKi9cclxuICAgIExhdW5jaEN1c3RvbVdpZGdldEZseW91dD1cIkxhdW5jaEN1c3RvbVdpZGdldEZseW91dFwiLFxyXG5cclxuICAgIC8qKnVwZGF0ZSBhcHBsaWVkIGZpbHRlciBiYWRnZSBmb3IgaW5hcGxpY2FibGUgZmlsdGVycyAqL1xyXG4gICAgVXBkYXRlQXBwbGVkRml0ZXJGb3JJbmFwcGxpY2FibGVGaWx0ZXIgPSBcIlVwZGF0ZUFwcGxlZEZpdGVyRm9ySW5hcHBsaWNhYmxlRmlsdGVyXCIsXHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIFJBRXZlbnRLZXkge1xyXG4gICAgLyoqIG9uIGVkaXQgd2lkZ2V0IGNsaWNrICovXHJcbiAgICBXaWRnZXRJbnN0YW5jZUlkID0gXCJ3aWRnZXRJbnN0YW5jZUlkXCJcclxufVxyXG5cclxuIl19
|
|
@@ -289,6 +289,8 @@ const RAEvent = {
|
|
|
289
289
|
HideDashboardBanner: "HideDashboardBanner",
|
|
290
290
|
/**To launch flyout from custom widget library */
|
|
291
291
|
LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
|
|
292
|
+
/**update applied filter badge for inaplicable filters */
|
|
293
|
+
UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
|
|
292
294
|
};
|
|
293
295
|
/** @enum {string} */
|
|
294
296
|
const RAEventKey = {
|
|
@@ -618,8 +620,6 @@ class RADashboardArea {
|
|
|
618
620
|
* @return {?}
|
|
619
621
|
*/
|
|
620
622
|
(isDesktop) => {
|
|
621
|
-
console.log('in responsive service subscribe');
|
|
622
|
-
console.log(isDesktop);
|
|
623
623
|
if (isDesktop) {
|
|
624
624
|
setTimeout((/**
|
|
625
625
|
* @return {?}
|
|
@@ -1006,14 +1006,16 @@ class RADashboardArea {
|
|
|
1006
1006
|
for (let i = 0; i < this.userWidgets.length; i++) {
|
|
1007
1007
|
this.userWidgets[i].position_x = 0;
|
|
1008
1008
|
this.userWidgets[i].position_y = 0;
|
|
1009
|
-
this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
|
|
1010
|
-
setTimeout((/**
|
|
1011
|
-
* @return {?}
|
|
1012
|
-
*/
|
|
1013
|
-
() => {
|
|
1014
|
-
this.setAreaHeight();
|
|
1015
|
-
}));
|
|
1016
1009
|
}
|
|
1010
|
+
this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
|
|
1011
|
+
if (this.widgetList.length > 0)
|
|
1012
|
+
this.updateWidgetPosition(this.widgetList[0].widgetInfo.widgetInstanceId);
|
|
1013
|
+
setTimeout((/**
|
|
1014
|
+
* @return {?}
|
|
1015
|
+
*/
|
|
1016
|
+
() => {
|
|
1017
|
+
this.setAreaHeight();
|
|
1018
|
+
}));
|
|
1017
1019
|
}
|
|
1018
1020
|
/**
|
|
1019
1021
|
* To add widget instance to the database with the next available position and to make changes in
|
|
@@ -1173,11 +1175,18 @@ class RADashboardArea {
|
|
|
1173
1175
|
addNewWidget() {
|
|
1174
1176
|
this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
|
|
1175
1177
|
}
|
|
1178
|
+
/**
|
|
1179
|
+
* @param {?} data
|
|
1180
|
+
* @return {?}
|
|
1181
|
+
*/
|
|
1182
|
+
updateAppliedFilters(data) {
|
|
1183
|
+
this.raDashboardEventBus.publish(RAEvent.UpdateAppledFiterForInapplicableFilter, data);
|
|
1184
|
+
}
|
|
1176
1185
|
}
|
|
1177
1186
|
RADashboardArea.decorators = [
|
|
1178
1187
|
{ type: Component, args: [{
|
|
1179
1188
|
selector: 'ra-dashboard-area',
|
|
1180
|
-
template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\">\r\n </ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n\r\n <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n <div class=\"empty-wrapper\">\r\n <div></div>\r\n <div class=\"m-1 empty-prefix\">\r\n <i class=\"fal fa-edit edit-icon\"></i>\r\n <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n </div>\r\n <div class=\"empty-content light\">\r\n <div>\r\n <div class=\"col-sm-12 empty-msg\">\r\n {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n {{'dashboard.emptydashboardmessage2'|translate}}\r\n </div>\r\n <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <notifier-container></notifier-container>\r\n</div>",
|
|
1189
|
+
template: "<div #gridWrapper class=\"wrap gridster gridster-mobile\" [ngStyle]=\"{'height': userWidgets.length > 0 ? (gridheight + 'px') : 'unset'}\">\r\n <!-- <div #gridWrapper class=\"wrap gridster\"> -->\r\n <gridster [options]=\"options\" style=\"height:100%;\" *ngIf=\"userWidgets.length > 0\">\r\n <gridster-item [item]=\"item\" *ngFor=\"let item of widgetList\">\r\n <ra-widget-container [app-config]=\"appConfig\" [event-bus]=\"raDashboardEventBus\"\r\n (widgetDeleted)=\"deleteWidget($event)\" [data]=\"item\" [global-filter]=\"globalFilter\"\r\n [grid-cell-height]=\"gridcellHeight\" *ngIf=\"gridcellHeight && gridcellHeight > 0\" [widget-width]=\"item.cols\"\r\n [widget-height]=\"item.rows\" [widget-instance-id]=\"item.widgetInstanceId\" [dom-resized]=\"domResized\"\r\n (updateAppliedFilters)=\"updateAppliedFilters($event)\">\r\n </ra-widget-container>\r\n </gridster-item>\r\n </gridster>\r\n\r\n <div class=\"empty-padding kiosk-hide\" *ngIf=\"showEmptyDashboard\">\r\n <div class=\"empty-wrapper\">\r\n <div></div>\r\n <div class=\"m-1 empty-prefix\">\r\n <i class=\"fal fa-edit edit-icon\"></i>\r\n <span class=\"empty-title\">{{'dashboard.emptydashboard'|translate}}</span>\r\n </div>\r\n <div class=\"empty-content light\">\r\n <div>\r\n <div class=\"col-sm-12 empty-msg\">\r\n {{'dashboard.emptydashboardmessage'|translate}} <br />\r\n {{'dashboard.emptydashboardmessage2'|translate}}\r\n </div>\r\n <button *ngIf=\"isWidgetMgmnt\" class=\"btn btnLib btn-sm m-1 dashboard-button light\" (click)=\"addNewWidget()\">\r\n <i class=\"fal fa-plus m-1\"></i>{{'dashboard.addawidgets'|translate}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <notifier-container></notifier-container>\r\n</div>",
|
|
1181
1190
|
styles: ["gridster{width:inherit;resize:height;display:flex;background-color:#ededed;overflow-y:hidden!important}.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)}@media screen and (max-width:685px){.gridster-mobile{height:auto!important;margin-bottom:50px!important}}@media screen and (max-width:350px){.gridster-mobile{min-height:330px!important;margin-bottom:0!important}}.empty-padding{padding:40px 20px 20px;background-color:#ededed;display:flex;justify-content:center;align-content:center}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:72%}.empty-prefix{color:#32ad3c;font-size:18px;display:flex;align-items:center;padding:10px 30px;min-width:-webkit-max-content;min-width:max-content;min-width:-moz-max-content}.empty-content{color:#333;border-left:1px solid #a9afb1;width:100%;display:flex;align-items:center;padding:15px 30px 10px 40px}.empty-msg{padding:0 0 5px;font-size:16px}.dashboard-button{padding:5px 10px 5px 5px!important}.btnLib{background-color:#ededed;color:#333!important}.btn-group-sm>.btn,.btn-sm{padding:5px 20px 5px 5px}.edit-icon{color:#32ad3c;font-size:24px;margin-right:15px}.empty-title{margin-top:10px}@media screen and (max-width:600px){.empty-padding{padding:10px;background-color:#ededed;width:100%;display:block}.empty-wrapper{display:flex;background-color:#fff;border-radius:8px;min-height:125px;width:100%}.empty-prefix{color:#32ad3c;font-size:16px;display:flex;height:40px;padding:6px 10px 8px}.empty-content{color:#333;display:flex;padding:5px 10px 10px;margin-top:44px;margin-left:-185px;border-left:none}.empty-msg{padding:12px 10px 10px 5px;font-size:14px;border-top:1px solid #a9afb1}.edit-icon{color:#32ad3c;font-size:20px;margin-right:6px}.empty-title{margin-top:6px}}"]
|
|
1182
1191
|
}] }
|
|
1183
1192
|
];
|
|
@@ -1359,7 +1368,9 @@ class RAWidgetContainer {
|
|
|
1359
1368
|
this.isKpiView = false;
|
|
1360
1369
|
this.showExcell = true;
|
|
1361
1370
|
this.hideTitle = false;
|
|
1371
|
+
this.inapplicableFilters = [];
|
|
1362
1372
|
this.widgetDeleted = new EventEmitter();
|
|
1373
|
+
this.updateAppliedFilters = new EventEmitter();
|
|
1363
1374
|
this.isWidgetStateApplicable = false;
|
|
1364
1375
|
this.widgetEmptyState = '';
|
|
1365
1376
|
this.lockVisible = false;
|
|
@@ -1593,7 +1604,7 @@ class RAWidgetContainer {
|
|
|
1593
1604
|
url = url + '?' + params;
|
|
1594
1605
|
}
|
|
1595
1606
|
}
|
|
1596
|
-
|
|
1607
|
+
window.open(url, '_blank');
|
|
1597
1608
|
}
|
|
1598
1609
|
/**
|
|
1599
1610
|
* @return {?}
|
|
@@ -1654,7 +1665,7 @@ class RAWidgetContainer {
|
|
|
1654
1665
|
}
|
|
1655
1666
|
this.detailPageUrl = widgetInfo.detailPageUrl;
|
|
1656
1667
|
/** @type {?} */
|
|
1657
|
-
let
|
|
1668
|
+
let me = this;
|
|
1658
1669
|
this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
|
|
1659
1670
|
* @return {?}
|
|
1660
1671
|
*/
|
|
@@ -1669,8 +1680,8 @@ class RAWidgetContainer {
|
|
|
1669
1680
|
* @return {?}
|
|
1670
1681
|
*/
|
|
1671
1682
|
() => {
|
|
1672
|
-
|
|
1673
|
-
|
|
1683
|
+
me.widgetElement = document.createElement(widgetInfo.customTag);
|
|
1684
|
+
me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
|
|
1674
1685
|
document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
|
|
1675
1686
|
* @return {?}
|
|
1676
1687
|
*/
|
|
@@ -1679,60 +1690,51 @@ class RAWidgetContainer {
|
|
|
1679
1690
|
* @return {?}
|
|
1680
1691
|
*/
|
|
1681
1692
|
() => __awaiter(this, void 0, void 0, function* () {
|
|
1682
|
-
|
|
1683
|
-
* @param {?} e
|
|
1684
|
-
* @return {?}
|
|
1685
|
-
*/
|
|
1686
|
-
(e) => {
|
|
1687
|
-
if (e.detail)
|
|
1688
|
-
widgetContainer.showPanel = true;
|
|
1689
|
-
else
|
|
1690
|
-
widgetContainer.showPanel = false;
|
|
1691
|
-
}));
|
|
1692
|
-
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
1693
|
-
* @param {?} e
|
|
1694
|
-
* @return {?}
|
|
1695
|
-
*/
|
|
1696
|
-
(e) => {
|
|
1697
|
-
widgetContainer.editWidget();
|
|
1698
|
-
}));
|
|
1699
|
-
widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
|
|
1700
|
-
* @param {?} e
|
|
1701
|
-
* @return {?}
|
|
1702
|
-
*/
|
|
1703
|
-
(e) => {
|
|
1704
|
-
widgetContainer.setEmptyState(e.detail);
|
|
1705
|
-
}));
|
|
1706
|
-
widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
|
|
1707
|
-
* @param {?} e
|
|
1708
|
-
* @return {?}
|
|
1709
|
-
*/
|
|
1710
|
-
(e) => {
|
|
1711
|
-
if (e.detail == true)
|
|
1712
|
-
this.enableTitleLine = true;
|
|
1713
|
-
else
|
|
1714
|
-
this.enableTitleLine = this.enableTitleLineActual;
|
|
1715
|
-
}));
|
|
1716
|
-
widgetContainer.widgetElement.addEventListener('widget-title-hidden', (/**
|
|
1693
|
+
me.widgetElement.addEventListener('on-widget-respond', (/**
|
|
1717
1694
|
* @param {?} e
|
|
1718
1695
|
* @return {?}
|
|
1719
1696
|
*/
|
|
1720
1697
|
(e) => {
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1698
|
+
/** @type {?} */
|
|
1699
|
+
var type = e.detail.type;
|
|
1700
|
+
switch (type) {
|
|
1701
|
+
case 'onDataLoad':
|
|
1702
|
+
if (e.detail.data)
|
|
1703
|
+
me.showPanel = true;
|
|
1704
|
+
else
|
|
1705
|
+
me.showPanel = false;
|
|
1706
|
+
break;
|
|
1707
|
+
case 'onConfigEditClicked':
|
|
1708
|
+
me.editWidget();
|
|
1709
|
+
break;
|
|
1710
|
+
case 'onEnableDefaultState':
|
|
1711
|
+
me.setEmptyState(e.detail.data);
|
|
1712
|
+
break;
|
|
1713
|
+
case 'onSetTitleUnderline':
|
|
1714
|
+
if (e.detail.data == true)
|
|
1715
|
+
this.enableTitleLine = true;
|
|
1716
|
+
else
|
|
1717
|
+
this.enableTitleLine = this.enableTitleLineActual;
|
|
1718
|
+
break;
|
|
1719
|
+
case 'onWidgetTitleHidden':
|
|
1720
|
+
if (e.detail.data == true)
|
|
1721
|
+
this.hideTitle = true;
|
|
1722
|
+
else
|
|
1723
|
+
this.hideTitle = false;
|
|
1724
|
+
break;
|
|
1725
|
+
case 'onUpdateLockData':
|
|
1726
|
+
this.setLock(e.detail.data);
|
|
1727
|
+
break;
|
|
1728
|
+
case 'onGlobalFilterApplicableCheck':
|
|
1729
|
+
this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
|
|
1730
|
+
break;
|
|
1731
|
+
default:
|
|
1732
|
+
break;
|
|
1733
|
+
}
|
|
1732
1734
|
}));
|
|
1733
|
-
if (typeof (
|
|
1735
|
+
if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
|
|
1734
1736
|
/** @type {?} */
|
|
1735
|
-
let titleLineEnabled =
|
|
1737
|
+
let titleLineEnabled = me.widgetElement.titleLineEnabled();
|
|
1736
1738
|
if (titleLineEnabled) {
|
|
1737
1739
|
this.enableTitleLine = titleLineEnabled;
|
|
1738
1740
|
this.enableTitleLineActual = titleLineEnabled;
|
|
@@ -1768,15 +1770,15 @@ class RAWidgetContainer {
|
|
|
1768
1770
|
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
1769
1771
|
this.deleteToolTipWidth = "300px";
|
|
1770
1772
|
}
|
|
1771
|
-
|
|
1773
|
+
me.isWidgetLoaded = true;
|
|
1772
1774
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
1773
1775
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
1774
1776
|
widgetConfigFilter.configChanges = this.getConfigChanges(false);
|
|
1775
1777
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
1776
1778
|
widgetConfigFilter.globalFilter = this.globalFilter;
|
|
1777
|
-
|
|
1778
|
-
yield
|
|
1779
|
-
yield
|
|
1779
|
+
me.widgetElement.loadContent(widgetConfigFilter);
|
|
1780
|
+
yield me.setLock(widgetConfigFilter.config);
|
|
1781
|
+
yield me.setDownloadIcon();
|
|
1780
1782
|
})));
|
|
1781
1783
|
})));
|
|
1782
1784
|
this.ctlWidget.nativeElement.appendChild(this.widgetElement);
|
|
@@ -2177,11 +2179,45 @@ class RAWidgetContainer {
|
|
|
2177
2179
|
else
|
|
2178
2180
|
this.noPadding = false;
|
|
2179
2181
|
}
|
|
2182
|
+
/**
|
|
2183
|
+
* @private
|
|
2184
|
+
* @param {?} data
|
|
2185
|
+
* @param {?} instanceId
|
|
2186
|
+
* @return {?}
|
|
2187
|
+
*/
|
|
2188
|
+
setInapplicableFilters(data, instanceId) {
|
|
2189
|
+
/** @type {?} */
|
|
2190
|
+
var widgetData = {};
|
|
2191
|
+
this.inapplicableFilters = [];
|
|
2192
|
+
widgetData.instanceId = instanceId;
|
|
2193
|
+
if (data && data.length > 0) {
|
|
2194
|
+
data.forEach((/**
|
|
2195
|
+
* @param {?} element
|
|
2196
|
+
* @return {?}
|
|
2197
|
+
*/
|
|
2198
|
+
element => {
|
|
2199
|
+
if (element == 'dateRange')
|
|
2200
|
+
this.inapplicableFilters.push(this.translateService.translate('Common.DateRange'));
|
|
2201
|
+
else if (element == 'participant') {
|
|
2202
|
+
this.inapplicableFilters.push(this.translateService.translate('Common.DivisionOrGrouporSite'));
|
|
2203
|
+
}
|
|
2204
|
+
else if (element == 'source')
|
|
2205
|
+
this.inapplicableFilters.push(this.translateService.translate('Common.DataStream'));
|
|
2206
|
+
else
|
|
2207
|
+
this.inapplicableFilters.push(element);
|
|
2208
|
+
}));
|
|
2209
|
+
widgetData.data = data;
|
|
2210
|
+
}
|
|
2211
|
+
else {
|
|
2212
|
+
widgetData.data = undefined;
|
|
2213
|
+
}
|
|
2214
|
+
this.updateAppliedFilters.emit(widgetData);
|
|
2215
|
+
}
|
|
2180
2216
|
}
|
|
2181
2217
|
RAWidgetContainer.decorators = [
|
|
2182
2218
|
{ type: Component, args: [{
|
|
2183
2219
|
selector: 'ra-widget-container',
|
|
2184
|
-
template: "<div #wcWrapper class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n <div class=\"wcheader widget-move\" *ngIf=\"!hideTitle\"\r\n [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\"\r\n [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n <div class=\"col-
|
|
2220
|
+
template: "<div #wcWrapper class=\"wc-wrapper\" (mouseenter)=\"mouseHover(true)\" (mouseleave)=\"mouseHover(false)\"\r\n [ngStyle]=\"{'margin-left': noPadding?'0px':'15px','margin-right': noPadding?'0px':'15px'}\">\r\n <div class=\"wcheader widget-move\" *ngIf=\"!hideTitle\"\r\n [ngClass]=\"{'underLine': enableTitleLine || isWidgetStateApplicable}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;padding-right: 0px;\">\r\n <div style=\"display:flex;margin-top:10px;\"\r\n [ngStyle]=\"{'margin-left': noPadding?'15px':'0px','margin-right': noPadding?'15px':'0px'}\">\r\n <div class=\"col-9 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div [hidden]=\"hideTitle\" style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\"\r\n (mouseover)=\"mouseOver($event)\" #searchInput>{{WidgetDisplayName}}</div>\r\n </ra-tooltip>\r\n </div>\r\n <div class=\"col-3\" style=\"cursor:default;padding-right: 0px;\"> \r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!inapplicableFilters || inapplicableFilters.length == 0\">\r\n <i class=\"fal fa-ban lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <div *ngIf=\"inapplicableFilters\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{'Common.InapplicableFilters'|translate}}:\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of inapplicableFilters\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{'Common.InapplicableFiltersDesc'|translate}}</label>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"title-bar-lock-icon lock-dropdown\" [hidden]=\"!lockDetails && !lockTemplateInfo\">\r\n <i class=\"fal fa-lock lock\"></i>\r\n <div class=\"lock-dropdown-content light widget-config-item\">\r\n <div *ngIf=\"lockDetails && !lockTemplateInfo\">\r\n <label style=\"color: #D9F0FA;\">\r\n {{'Common.lockedfields'|translate}}\r\n </label>\r\n <div style=\"color: white;\">\r\n <label class=\"bold\" style=\"margin-bottom: 0px;width: 100%;\" *ngFor=\"let item of lockDetails\">\r\n {{item}}\r\n </label>\r\n </div>\r\n <hr>\r\n <div style=\"color: #D9F0FA;\">\r\n <label>{{'Common.lockedfieldseditinfo'|translate}}</label>\r\n </div>\r\n </div>\r\n <div *ngIf=\"!lockDetails && lockTemplateInfo\">\r\n <ng-container *ngTemplateOutlet=\"lockTemplateInfo\">\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"widget-menu\" style=\"width:10px;\"\r\n [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown($event)\" #widgetDropdown class=\"fal fa-ellipsis-v widget-menu-ellipse\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"hideTitle\" class=\"wcheader widget-move\"\r\n style=\"height: 45px;width: 95%;cursor: move;z-index: 99;opacity: 0;\">\r\n </div>\r\n <div *ngIf=\"hideTitle\" class=\"widget-menu widget-menu-title-hidden\" [ngClass]=\"{'widget-menu-show': isMouseHover && showSettingsLink}\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown($event)\" class=\"fal fa-ellipsis-v\" style=\"text-align: center;\"></i>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px','top':hideTitle?'10px':'46px'}\">\r\n <div [hidden]=\"isWidgetStateApplicable\" class=\"m-fadeOut widget-overlay\" [ngClass]=\"{'m-fadeIn': showPanel}\">\r\n <div class=\"lds-roller\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n </div>\r\n </div>\r\n <div class=\"wc\" [hidden]=\"isWidgetStateApplicable\">\r\n <div #ctlWidget></div>\r\n </div>\r\n <div *ngIf=\"isWidgetStateApplicable\" class=\"defaultConfig\">\r\n <ra-widget-state style=\"width: 100%;height: 100%;\" [isWidgetStateApplicable]=\"isWidgetStateApplicable\"\r\n [isGlobalFilterApplied]=\"isGlobalFilterApplied\" [widgetEmptyState]=\"widgetEmptyState\"\r\n (editWidgetClicked)=editWidget() [widthCol]=\"width\" [heightCol]=\"height\">\r\n </ra-widget-state>\r\n </div>\r\n <div>\r\n </div>\r\n </div>\r\n</div>"
|
|
2185
2221
|
}] }
|
|
2186
2222
|
];
|
|
2187
2223
|
/** @nocollapse */
|
|
@@ -2208,6 +2244,7 @@ RAWidgetContainer.propDecorators = {
|
|
|
2208
2244
|
height: [{ type: Input, args: ['widget-height',] }],
|
|
2209
2245
|
gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
|
|
2210
2246
|
widgetDeleted: [{ type: Output }],
|
|
2247
|
+
updateAppliedFilters: [{ type: Output }],
|
|
2211
2248
|
setResized: [{ type: Input, args: ['dom-resized',] }]
|
|
2212
2249
|
};
|
|
2213
2250
|
if (false) {
|
|
@@ -2299,6 +2336,8 @@ if (false) {
|
|
|
2299
2336
|
/** @type {?} */
|
|
2300
2337
|
RAWidgetContainer.prototype.hideTitle;
|
|
2301
2338
|
/** @type {?} */
|
|
2339
|
+
RAWidgetContainer.prototype.inapplicableFilters;
|
|
2340
|
+
/** @type {?} */
|
|
2302
2341
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2303
2342
|
/** @type {?} */
|
|
2304
2343
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2325,6 +2364,8 @@ if (false) {
|
|
|
2325
2364
|
/** @type {?} */
|
|
2326
2365
|
RAWidgetContainer.prototype.widgetDeleted;
|
|
2327
2366
|
/** @type {?} */
|
|
2367
|
+
RAWidgetContainer.prototype.updateAppliedFilters;
|
|
2368
|
+
/** @type {?} */
|
|
2328
2369
|
RAWidgetContainer.prototype.lockTitle;
|
|
2329
2370
|
/** @type {?} */
|
|
2330
2371
|
RAWidgetContainer.prototype.isWidgetStateApplicable;
|