@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
|
@@ -403,6 +403,8 @@ var RAEvent = {
|
|
|
403
403
|
HideDashboardBanner: "HideDashboardBanner",
|
|
404
404
|
/**To launch flyout from custom widget library */
|
|
405
405
|
LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
|
|
406
|
+
/**update applied filter badge for inaplicable filters */
|
|
407
|
+
UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
|
|
406
408
|
};
|
|
407
409
|
/** @enum {string} */
|
|
408
410
|
var RAEventKey = {
|
|
@@ -772,8 +774,6 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
772
774
|
* @return {?}
|
|
773
775
|
*/
|
|
774
776
|
function (isDesktop) {
|
|
775
|
-
console.log('in responsive service subscribe');
|
|
776
|
-
console.log(isDesktop);
|
|
777
777
|
if (isDesktop) {
|
|
778
778
|
setTimeout((/**
|
|
779
779
|
* @return {?}
|
|
@@ -1237,14 +1237,16 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1237
1237
|
for (var i = 0; i < this.userWidgets.length; i++) {
|
|
1238
1238
|
this.userWidgets[i].position_x = 0;
|
|
1239
1239
|
this.userWidgets[i].position_y = 0;
|
|
1240
|
-
this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
|
|
1241
|
-
setTimeout((/**
|
|
1242
|
-
* @return {?}
|
|
1243
|
-
*/
|
|
1244
|
-
function () {
|
|
1245
|
-
_this.setAreaHeight();
|
|
1246
|
-
}));
|
|
1247
1240
|
}
|
|
1241
|
+
this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
|
|
1242
|
+
if (this.widgetList.length > 0)
|
|
1243
|
+
this.updateWidgetPosition(this.widgetList[0].widgetInfo.widgetInstanceId);
|
|
1244
|
+
setTimeout((/**
|
|
1245
|
+
* @return {?}
|
|
1246
|
+
*/
|
|
1247
|
+
function () {
|
|
1248
|
+
_this.setAreaHeight();
|
|
1249
|
+
}));
|
|
1248
1250
|
};
|
|
1249
1251
|
/**To add widget instance to the database with the next available position and to make changes in
|
|
1250
1252
|
* dashboard area.
|
|
@@ -1442,10 +1444,21 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1442
1444
|
function () {
|
|
1443
1445
|
this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
|
|
1444
1446
|
};
|
|
1447
|
+
/**
|
|
1448
|
+
* @param {?} data
|
|
1449
|
+
* @return {?}
|
|
1450
|
+
*/
|
|
1451
|
+
RADashboardArea.prototype.updateAppliedFilters = /**
|
|
1452
|
+
* @param {?} data
|
|
1453
|
+
* @return {?}
|
|
1454
|
+
*/
|
|
1455
|
+
function (data) {
|
|
1456
|
+
this.raDashboardEventBus.publish(RAEvent.UpdateAppledFiterForInapplicableFilter, data);
|
|
1457
|
+
};
|
|
1445
1458
|
RADashboardArea.decorators = [
|
|
1446
1459
|
{ type: Component, args: [{
|
|
1447
1460
|
selector: 'ra-dashboard-area',
|
|
1448
|
-
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>",
|
|
1461
|
+
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>",
|
|
1449
1462
|
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}}"]
|
|
1450
1463
|
}] }
|
|
1451
1464
|
];
|
|
@@ -1621,7 +1634,9 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1621
1634
|
this.isKpiView = false;
|
|
1622
1635
|
this.showExcell = true;
|
|
1623
1636
|
this.hideTitle = false;
|
|
1637
|
+
this.inapplicableFilters = [];
|
|
1624
1638
|
this.widgetDeleted = new EventEmitter();
|
|
1639
|
+
this.updateAppliedFilters = new EventEmitter();
|
|
1625
1640
|
this.isWidgetStateApplicable = false;
|
|
1626
1641
|
this.widgetEmptyState = '';
|
|
1627
1642
|
this.lockVisible = false;
|
|
@@ -1910,7 +1925,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1910
1925
|
url = url + '?' + params;
|
|
1911
1926
|
}
|
|
1912
1927
|
}
|
|
1913
|
-
|
|
1928
|
+
window.open(url, '_blank');
|
|
1914
1929
|
};
|
|
1915
1930
|
/**
|
|
1916
1931
|
* @return {?}
|
|
@@ -1977,7 +1992,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1977
1992
|
*/
|
|
1978
1993
|
function (widgetInfo) {
|
|
1979
1994
|
return __awaiter(this, void 0, void 0, function () {
|
|
1980
|
-
var widgetConfigFilter,
|
|
1995
|
+
var widgetConfigFilter, me;
|
|
1981
1996
|
var _this = this;
|
|
1982
1997
|
return __generator(this, function (_a) {
|
|
1983
1998
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
@@ -1991,7 +2006,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1991
2006
|
this.applayWidgetSettings(this.widgetSettings);
|
|
1992
2007
|
}
|
|
1993
2008
|
this.detailPageUrl = widgetInfo.detailPageUrl;
|
|
1994
|
-
|
|
2009
|
+
me = this;
|
|
1995
2010
|
this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
|
|
1996
2011
|
* @return {?}
|
|
1997
2012
|
*/
|
|
@@ -2006,8 +2021,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2006
2021
|
* @return {?}
|
|
2007
2022
|
*/
|
|
2008
2023
|
function () {
|
|
2009
|
-
|
|
2010
|
-
|
|
2024
|
+
me.widgetElement = document.createElement(widgetInfo.customTag);
|
|
2025
|
+
me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
|
|
2011
2026
|
document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
|
|
2012
2027
|
* @return {?}
|
|
2013
2028
|
*/
|
|
@@ -2023,59 +2038,50 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2023
2038
|
return __generator(this, function (_a) {
|
|
2024
2039
|
switch (_a.label) {
|
|
2025
2040
|
case 0:
|
|
2026
|
-
|
|
2027
|
-
* @param {?} e
|
|
2028
|
-
* @return {?}
|
|
2029
|
-
*/
|
|
2030
|
-
function (e) {
|
|
2031
|
-
if (e.detail)
|
|
2032
|
-
widgetContainer.showPanel = true;
|
|
2033
|
-
else
|
|
2034
|
-
widgetContainer.showPanel = false;
|
|
2035
|
-
}));
|
|
2036
|
-
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
2037
|
-
* @param {?} e
|
|
2038
|
-
* @return {?}
|
|
2039
|
-
*/
|
|
2040
|
-
function (e) {
|
|
2041
|
-
widgetContainer.editWidget();
|
|
2042
|
-
}));
|
|
2043
|
-
widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
|
|
2044
|
-
* @param {?} e
|
|
2045
|
-
* @return {?}
|
|
2046
|
-
*/
|
|
2047
|
-
function (e) {
|
|
2048
|
-
widgetContainer.setEmptyState(e.detail);
|
|
2049
|
-
}));
|
|
2050
|
-
widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
|
|
2041
|
+
me.widgetElement.addEventListener('on-widget-respond', (/**
|
|
2051
2042
|
* @param {?} e
|
|
2052
2043
|
* @return {?}
|
|
2053
2044
|
*/
|
|
2054
2045
|
function (e) {
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2046
|
+
/** @type {?} */
|
|
2047
|
+
var type = e.detail.type;
|
|
2048
|
+
switch (type) {
|
|
2049
|
+
case 'onDataLoad':
|
|
2050
|
+
if (e.detail.data)
|
|
2051
|
+
me.showPanel = true;
|
|
2052
|
+
else
|
|
2053
|
+
me.showPanel = false;
|
|
2054
|
+
break;
|
|
2055
|
+
case 'onConfigEditClicked':
|
|
2056
|
+
me.editWidget();
|
|
2057
|
+
break;
|
|
2058
|
+
case 'onEnableDefaultState':
|
|
2059
|
+
me.setEmptyState(e.detail.data);
|
|
2060
|
+
break;
|
|
2061
|
+
case 'onSetTitleUnderline':
|
|
2062
|
+
if (e.detail.data == true)
|
|
2063
|
+
_this.enableTitleLine = true;
|
|
2064
|
+
else
|
|
2065
|
+
_this.enableTitleLine = _this.enableTitleLineActual;
|
|
2066
|
+
break;
|
|
2067
|
+
case 'onWidgetTitleHidden':
|
|
2068
|
+
if (e.detail.data == true)
|
|
2069
|
+
_this.hideTitle = true;
|
|
2070
|
+
else
|
|
2071
|
+
_this.hideTitle = false;
|
|
2072
|
+
break;
|
|
2073
|
+
case 'onUpdateLockData':
|
|
2074
|
+
_this.setLock(e.detail.data);
|
|
2075
|
+
break;
|
|
2076
|
+
case 'onGlobalFilterApplicableCheck':
|
|
2077
|
+
_this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
|
|
2078
|
+
break;
|
|
2079
|
+
default:
|
|
2080
|
+
break;
|
|
2081
|
+
}
|
|
2076
2082
|
}));
|
|
2077
|
-
if (typeof (
|
|
2078
|
-
titleLineEnabled =
|
|
2083
|
+
if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
|
|
2084
|
+
titleLineEnabled = me.widgetElement.titleLineEnabled();
|
|
2079
2085
|
if (titleLineEnabled) {
|
|
2080
2086
|
this.enableTitleLine = titleLineEnabled;
|
|
2081
2087
|
this.enableTitleLineActual = titleLineEnabled;
|
|
@@ -2111,17 +2117,17 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2111
2117
|
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
2112
2118
|
this.deleteToolTipWidth = "300px";
|
|
2113
2119
|
}
|
|
2114
|
-
|
|
2120
|
+
me.isWidgetLoaded = true;
|
|
2115
2121
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
2116
2122
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
2117
2123
|
widgetConfigFilter.configChanges = this.getConfigChanges(false);
|
|
2118
2124
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
2119
2125
|
widgetConfigFilter.globalFilter = this.globalFilter;
|
|
2120
|
-
|
|
2121
|
-
return [4 /*yield*/,
|
|
2126
|
+
me.widgetElement.loadContent(widgetConfigFilter);
|
|
2127
|
+
return [4 /*yield*/, me.setLock(widgetConfigFilter.config)];
|
|
2122
2128
|
case 1:
|
|
2123
2129
|
_a.sent();
|
|
2124
|
-
return [4 /*yield*/,
|
|
2130
|
+
return [4 /*yield*/, me.setDownloadIcon()];
|
|
2125
2131
|
case 2:
|
|
2126
2132
|
_a.sent();
|
|
2127
2133
|
return [2 /*return*/];
|
|
@@ -2637,10 +2643,51 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2637
2643
|
else
|
|
2638
2644
|
this.noPadding = false;
|
|
2639
2645
|
};
|
|
2646
|
+
/**
|
|
2647
|
+
* @private
|
|
2648
|
+
* @param {?} data
|
|
2649
|
+
* @param {?} instanceId
|
|
2650
|
+
* @return {?}
|
|
2651
|
+
*/
|
|
2652
|
+
RAWidgetContainer.prototype.setInapplicableFilters = /**
|
|
2653
|
+
* @private
|
|
2654
|
+
* @param {?} data
|
|
2655
|
+
* @param {?} instanceId
|
|
2656
|
+
* @return {?}
|
|
2657
|
+
*/
|
|
2658
|
+
function (data, instanceId) {
|
|
2659
|
+
var _this = this;
|
|
2660
|
+
/** @type {?} */
|
|
2661
|
+
var widgetData = {};
|
|
2662
|
+
this.inapplicableFilters = [];
|
|
2663
|
+
widgetData.instanceId = instanceId;
|
|
2664
|
+
if (data && data.length > 0) {
|
|
2665
|
+
data.forEach((/**
|
|
2666
|
+
* @param {?} element
|
|
2667
|
+
* @return {?}
|
|
2668
|
+
*/
|
|
2669
|
+
function (element) {
|
|
2670
|
+
if (element == 'dateRange')
|
|
2671
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DateRange'));
|
|
2672
|
+
else if (element == 'participant') {
|
|
2673
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DivisionOrGrouporSite'));
|
|
2674
|
+
}
|
|
2675
|
+
else if (element == 'source')
|
|
2676
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DataStream'));
|
|
2677
|
+
else
|
|
2678
|
+
_this.inapplicableFilters.push(element);
|
|
2679
|
+
}));
|
|
2680
|
+
widgetData.data = data;
|
|
2681
|
+
}
|
|
2682
|
+
else {
|
|
2683
|
+
widgetData.data = undefined;
|
|
2684
|
+
}
|
|
2685
|
+
this.updateAppliedFilters.emit(widgetData);
|
|
2686
|
+
};
|
|
2640
2687
|
RAWidgetContainer.decorators = [
|
|
2641
2688
|
{ type: Component, args: [{
|
|
2642
2689
|
selector: 'ra-widget-container',
|
|
2643
|
-
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-
|
|
2690
|
+
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>"
|
|
2644
2691
|
}] }
|
|
2645
2692
|
];
|
|
2646
2693
|
/** @nocollapse */
|
|
@@ -2667,6 +2714,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2667
2714
|
height: [{ type: Input, args: ['widget-height',] }],
|
|
2668
2715
|
gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
|
|
2669
2716
|
widgetDeleted: [{ type: Output }],
|
|
2717
|
+
updateAppliedFilters: [{ type: Output }],
|
|
2670
2718
|
setResized: [{ type: Input, args: ['dom-resized',] }]
|
|
2671
2719
|
};
|
|
2672
2720
|
return RAWidgetContainer;
|
|
@@ -2760,6 +2808,8 @@ if (false) {
|
|
|
2760
2808
|
/** @type {?} */
|
|
2761
2809
|
RAWidgetContainer.prototype.hideTitle;
|
|
2762
2810
|
/** @type {?} */
|
|
2811
|
+
RAWidgetContainer.prototype.inapplicableFilters;
|
|
2812
|
+
/** @type {?} */
|
|
2763
2813
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2764
2814
|
/** @type {?} */
|
|
2765
2815
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2786,6 +2836,8 @@ if (false) {
|
|
|
2786
2836
|
/** @type {?} */
|
|
2787
2837
|
RAWidgetContainer.prototype.widgetDeleted;
|
|
2788
2838
|
/** @type {?} */
|
|
2839
|
+
RAWidgetContainer.prototype.updateAppliedFilters;
|
|
2840
|
+
/** @type {?} */
|
|
2789
2841
|
RAWidgetContainer.prototype.lockTitle;
|
|
2790
2842
|
/** @type {?} */
|
|
2791
2843
|
RAWidgetContainer.prototype.isWidgetStateApplicable;
|