@schneideress/dashboardframework 0.0.229 → 0.0.231
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 +119 -63
- 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 +9 -4
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +98 -60
- package/esm2015/lib/ra.event.enum.js +3 -1
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +13 -4
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +106 -61
- package/esm5/lib/ra.event.enum.js +3 -1
- package/fesm2015/schneideress-dashboardframework.js +107 -62
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +119 -63
- 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 {?}
|
|
@@ -1175,11 +1175,18 @@ class RADashboardArea {
|
|
|
1175
1175
|
addNewWidget() {
|
|
1176
1176
|
this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
|
|
1177
1177
|
}
|
|
1178
|
+
/**
|
|
1179
|
+
* @param {?} data
|
|
1180
|
+
* @return {?}
|
|
1181
|
+
*/
|
|
1182
|
+
updateAppliedFilters(data) {
|
|
1183
|
+
this.raDashboardEventBus.publish(RAEvent.UpdateAppledFiterForInapplicableFilter, data);
|
|
1184
|
+
}
|
|
1178
1185
|
}
|
|
1179
1186
|
RADashboardArea.decorators = [
|
|
1180
1187
|
{ type: Component, args: [{
|
|
1181
1188
|
selector: 'ra-dashboard-area',
|
|
1182
|
-
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>",
|
|
1183
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}}"]
|
|
1184
1191
|
}] }
|
|
1185
1192
|
];
|
|
@@ -1361,7 +1368,9 @@ class RAWidgetContainer {
|
|
|
1361
1368
|
this.isKpiView = false;
|
|
1362
1369
|
this.showExcell = true;
|
|
1363
1370
|
this.hideTitle = false;
|
|
1371
|
+
this.inapplicableFilters = [];
|
|
1364
1372
|
this.widgetDeleted = new EventEmitter();
|
|
1373
|
+
this.updateAppliedFilters = new EventEmitter();
|
|
1365
1374
|
this.isWidgetStateApplicable = false;
|
|
1366
1375
|
this.widgetEmptyState = '';
|
|
1367
1376
|
this.lockVisible = false;
|
|
@@ -1584,6 +1593,8 @@ class RAWidgetContainer {
|
|
|
1584
1593
|
*/
|
|
1585
1594
|
visitPage() {
|
|
1586
1595
|
this.baseUrl = this.getHostUrl();
|
|
1596
|
+
if (this.data.widgetInfo.widgetType == 'AV Widget')
|
|
1597
|
+
this.baseUrl = '';
|
|
1587
1598
|
/** @type {?} */
|
|
1588
1599
|
let url = this.baseUrl + this.detailPageUrl;
|
|
1589
1600
|
if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
|
|
@@ -1591,11 +1602,15 @@ class RAWidgetContainer {
|
|
|
1591
1602
|
if (this.widgetSettings.customPageParams) {
|
|
1592
1603
|
/** @type {?} */
|
|
1593
1604
|
let params = this.widgetElement.getPageParamsClicked();
|
|
1594
|
-
if (params)
|
|
1595
|
-
|
|
1605
|
+
if (params) {
|
|
1606
|
+
if (this.data.widgetInfo.widgetType == 'AV Widget')
|
|
1607
|
+
url = url + params;
|
|
1608
|
+
else
|
|
1609
|
+
url = url + '?' + params;
|
|
1610
|
+
}
|
|
1596
1611
|
}
|
|
1597
1612
|
}
|
|
1598
|
-
|
|
1613
|
+
window.open(url, '_blank');
|
|
1599
1614
|
}
|
|
1600
1615
|
/**
|
|
1601
1616
|
* @return {?}
|
|
@@ -1656,7 +1671,7 @@ class RAWidgetContainer {
|
|
|
1656
1671
|
}
|
|
1657
1672
|
this.detailPageUrl = widgetInfo.detailPageUrl;
|
|
1658
1673
|
/** @type {?} */
|
|
1659
|
-
let
|
|
1674
|
+
let me = this;
|
|
1660
1675
|
this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
|
|
1661
1676
|
* @return {?}
|
|
1662
1677
|
*/
|
|
@@ -1671,8 +1686,8 @@ class RAWidgetContainer {
|
|
|
1671
1686
|
* @return {?}
|
|
1672
1687
|
*/
|
|
1673
1688
|
() => {
|
|
1674
|
-
|
|
1675
|
-
|
|
1689
|
+
me.widgetElement = document.createElement(widgetInfo.customTag);
|
|
1690
|
+
me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
|
|
1676
1691
|
document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
|
|
1677
1692
|
* @return {?}
|
|
1678
1693
|
*/
|
|
@@ -1681,60 +1696,51 @@ class RAWidgetContainer {
|
|
|
1681
1696
|
* @return {?}
|
|
1682
1697
|
*/
|
|
1683
1698
|
() => __awaiter(this, void 0, void 0, function* () {
|
|
1684
|
-
|
|
1685
|
-
* @param {?} e
|
|
1686
|
-
* @return {?}
|
|
1687
|
-
*/
|
|
1688
|
-
(e) => {
|
|
1689
|
-
if (e.detail)
|
|
1690
|
-
widgetContainer.showPanel = true;
|
|
1691
|
-
else
|
|
1692
|
-
widgetContainer.showPanel = false;
|
|
1693
|
-
}));
|
|
1694
|
-
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
1695
|
-
* @param {?} e
|
|
1696
|
-
* @return {?}
|
|
1697
|
-
*/
|
|
1698
|
-
(e) => {
|
|
1699
|
-
widgetContainer.editWidget();
|
|
1700
|
-
}));
|
|
1701
|
-
widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
|
|
1702
|
-
* @param {?} e
|
|
1703
|
-
* @return {?}
|
|
1704
|
-
*/
|
|
1705
|
-
(e) => {
|
|
1706
|
-
widgetContainer.setEmptyState(e.detail);
|
|
1707
|
-
}));
|
|
1708
|
-
widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
|
|
1709
|
-
* @param {?} e
|
|
1710
|
-
* @return {?}
|
|
1711
|
-
*/
|
|
1712
|
-
(e) => {
|
|
1713
|
-
if (e.detail == true)
|
|
1714
|
-
this.enableTitleLine = true;
|
|
1715
|
-
else
|
|
1716
|
-
this.enableTitleLine = this.enableTitleLineActual;
|
|
1717
|
-
}));
|
|
1718
|
-
widgetContainer.widgetElement.addEventListener('widget-title-hidden', (/**
|
|
1699
|
+
me.widgetElement.addEventListener('on-widget-respond', (/**
|
|
1719
1700
|
* @param {?} e
|
|
1720
1701
|
* @return {?}
|
|
1721
1702
|
*/
|
|
1722
1703
|
(e) => {
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1704
|
+
/** @type {?} */
|
|
1705
|
+
var type = e.detail.type;
|
|
1706
|
+
switch (type) {
|
|
1707
|
+
case 'onDataLoad':
|
|
1708
|
+
if (e.detail.data)
|
|
1709
|
+
me.showPanel = true;
|
|
1710
|
+
else
|
|
1711
|
+
me.showPanel = false;
|
|
1712
|
+
break;
|
|
1713
|
+
case 'onConfigEditClicked':
|
|
1714
|
+
me.editWidget();
|
|
1715
|
+
break;
|
|
1716
|
+
case 'onEnableDefaultState':
|
|
1717
|
+
me.setEmptyState(e.detail.data);
|
|
1718
|
+
break;
|
|
1719
|
+
case 'onSetTitleUnderline':
|
|
1720
|
+
if (e.detail.data == true)
|
|
1721
|
+
this.enableTitleLine = true;
|
|
1722
|
+
else
|
|
1723
|
+
this.enableTitleLine = this.enableTitleLineActual;
|
|
1724
|
+
break;
|
|
1725
|
+
case 'onWidgetTitleHidden':
|
|
1726
|
+
if (e.detail.data == true)
|
|
1727
|
+
this.hideTitle = true;
|
|
1728
|
+
else
|
|
1729
|
+
this.hideTitle = false;
|
|
1730
|
+
break;
|
|
1731
|
+
case 'onUpdateLockData':
|
|
1732
|
+
this.setLock(e.detail.data);
|
|
1733
|
+
break;
|
|
1734
|
+
case 'onGlobalFilterApplicableCheck':
|
|
1735
|
+
this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
|
|
1736
|
+
break;
|
|
1737
|
+
default:
|
|
1738
|
+
break;
|
|
1739
|
+
}
|
|
1734
1740
|
}));
|
|
1735
|
-
if (typeof (
|
|
1741
|
+
if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
|
|
1736
1742
|
/** @type {?} */
|
|
1737
|
-
let titleLineEnabled =
|
|
1743
|
+
let titleLineEnabled = me.widgetElement.titleLineEnabled();
|
|
1738
1744
|
if (titleLineEnabled) {
|
|
1739
1745
|
this.enableTitleLine = titleLineEnabled;
|
|
1740
1746
|
this.enableTitleLineActual = titleLineEnabled;
|
|
@@ -1770,15 +1776,15 @@ class RAWidgetContainer {
|
|
|
1770
1776
|
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
1771
1777
|
this.deleteToolTipWidth = "300px";
|
|
1772
1778
|
}
|
|
1773
|
-
|
|
1779
|
+
me.isWidgetLoaded = true;
|
|
1774
1780
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
1775
1781
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
1776
1782
|
widgetConfigFilter.configChanges = this.getConfigChanges(false);
|
|
1777
1783
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
1778
1784
|
widgetConfigFilter.globalFilter = this.globalFilter;
|
|
1779
|
-
|
|
1780
|
-
yield
|
|
1781
|
-
yield
|
|
1785
|
+
me.widgetElement.loadContent(widgetConfigFilter);
|
|
1786
|
+
yield me.setLock(widgetConfigFilter.config);
|
|
1787
|
+
yield me.setDownloadIcon();
|
|
1782
1788
|
})));
|
|
1783
1789
|
})));
|
|
1784
1790
|
this.ctlWidget.nativeElement.appendChild(this.widgetElement);
|
|
@@ -2179,11 +2185,45 @@ class RAWidgetContainer {
|
|
|
2179
2185
|
else
|
|
2180
2186
|
this.noPadding = false;
|
|
2181
2187
|
}
|
|
2188
|
+
/**
|
|
2189
|
+
* @private
|
|
2190
|
+
* @param {?} data
|
|
2191
|
+
* @param {?} instanceId
|
|
2192
|
+
* @return {?}
|
|
2193
|
+
*/
|
|
2194
|
+
setInapplicableFilters(data, instanceId) {
|
|
2195
|
+
/** @type {?} */
|
|
2196
|
+
var widgetData = {};
|
|
2197
|
+
this.inapplicableFilters = [];
|
|
2198
|
+
widgetData.instanceId = instanceId;
|
|
2199
|
+
if (data && data.length > 0) {
|
|
2200
|
+
data.forEach((/**
|
|
2201
|
+
* @param {?} element
|
|
2202
|
+
* @return {?}
|
|
2203
|
+
*/
|
|
2204
|
+
element => {
|
|
2205
|
+
if (element == 'dateRange')
|
|
2206
|
+
this.inapplicableFilters.push(this.translateService.translate('Common.DateRange'));
|
|
2207
|
+
else if (element == 'participant') {
|
|
2208
|
+
this.inapplicableFilters.push(this.translateService.translate('Common.DivisionOrGrouporSite'));
|
|
2209
|
+
}
|
|
2210
|
+
else if (element == 'source')
|
|
2211
|
+
this.inapplicableFilters.push(this.translateService.translate('Common.DataStream'));
|
|
2212
|
+
else
|
|
2213
|
+
this.inapplicableFilters.push(element);
|
|
2214
|
+
}));
|
|
2215
|
+
widgetData.data = data;
|
|
2216
|
+
}
|
|
2217
|
+
else {
|
|
2218
|
+
widgetData.data = undefined;
|
|
2219
|
+
}
|
|
2220
|
+
this.updateAppliedFilters.emit(widgetData);
|
|
2221
|
+
}
|
|
2182
2222
|
}
|
|
2183
2223
|
RAWidgetContainer.decorators = [
|
|
2184
2224
|
{ type: Component, args: [{
|
|
2185
2225
|
selector: 'ra-widget-container',
|
|
2186
|
-
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-
|
|
2226
|
+
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>"
|
|
2187
2227
|
}] }
|
|
2188
2228
|
];
|
|
2189
2229
|
/** @nocollapse */
|
|
@@ -2210,6 +2250,7 @@ RAWidgetContainer.propDecorators = {
|
|
|
2210
2250
|
height: [{ type: Input, args: ['widget-height',] }],
|
|
2211
2251
|
gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
|
|
2212
2252
|
widgetDeleted: [{ type: Output }],
|
|
2253
|
+
updateAppliedFilters: [{ type: Output }],
|
|
2213
2254
|
setResized: [{ type: Input, args: ['dom-resized',] }]
|
|
2214
2255
|
};
|
|
2215
2256
|
if (false) {
|
|
@@ -2301,6 +2342,8 @@ if (false) {
|
|
|
2301
2342
|
/** @type {?} */
|
|
2302
2343
|
RAWidgetContainer.prototype.hideTitle;
|
|
2303
2344
|
/** @type {?} */
|
|
2345
|
+
RAWidgetContainer.prototype.inapplicableFilters;
|
|
2346
|
+
/** @type {?} */
|
|
2304
2347
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2305
2348
|
/** @type {?} */
|
|
2306
2349
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2327,6 +2370,8 @@ if (false) {
|
|
|
2327
2370
|
/** @type {?} */
|
|
2328
2371
|
RAWidgetContainer.prototype.widgetDeleted;
|
|
2329
2372
|
/** @type {?} */
|
|
2373
|
+
RAWidgetContainer.prototype.updateAppliedFilters;
|
|
2374
|
+
/** @type {?} */
|
|
2330
2375
|
RAWidgetContainer.prototype.lockTitle;
|
|
2331
2376
|
/** @type {?} */
|
|
2332
2377
|
RAWidgetContainer.prototype.isWidgetStateApplicable;
|