@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
|
@@ -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 {?}
|
|
@@ -1444,10 +1444,21 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1444
1444
|
function () {
|
|
1445
1445
|
this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
|
|
1446
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
|
+
};
|
|
1447
1458
|
RADashboardArea.decorators = [
|
|
1448
1459
|
{ type: Component, args: [{
|
|
1449
1460
|
selector: 'ra-dashboard-area',
|
|
1450
|
-
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>",
|
|
1451
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}}"]
|
|
1452
1463
|
}] }
|
|
1453
1464
|
];
|
|
@@ -1623,7 +1634,9 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1623
1634
|
this.isKpiView = false;
|
|
1624
1635
|
this.showExcell = true;
|
|
1625
1636
|
this.hideTitle = false;
|
|
1637
|
+
this.inapplicableFilters = [];
|
|
1626
1638
|
this.widgetDeleted = new EventEmitter();
|
|
1639
|
+
this.updateAppliedFilters = new EventEmitter();
|
|
1627
1640
|
this.isWidgetStateApplicable = false;
|
|
1628
1641
|
this.widgetEmptyState = '';
|
|
1629
1642
|
this.lockVisible = false;
|
|
@@ -1901,6 +1914,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1901
1914
|
*/
|
|
1902
1915
|
function () {
|
|
1903
1916
|
this.baseUrl = this.getHostUrl();
|
|
1917
|
+
if (this.data.widgetInfo.widgetType == 'AV Widget')
|
|
1918
|
+
this.baseUrl = '';
|
|
1904
1919
|
/** @type {?} */
|
|
1905
1920
|
var url = this.baseUrl + this.detailPageUrl;
|
|
1906
1921
|
if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
|
|
@@ -1908,11 +1923,15 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1908
1923
|
if (this.widgetSettings.customPageParams) {
|
|
1909
1924
|
/** @type {?} */
|
|
1910
1925
|
var params = this.widgetElement.getPageParamsClicked();
|
|
1911
|
-
if (params)
|
|
1912
|
-
|
|
1926
|
+
if (params) {
|
|
1927
|
+
if (this.data.widgetInfo.widgetType == 'AV Widget')
|
|
1928
|
+
url = url + params;
|
|
1929
|
+
else
|
|
1930
|
+
url = url + '?' + params;
|
|
1931
|
+
}
|
|
1913
1932
|
}
|
|
1914
1933
|
}
|
|
1915
|
-
|
|
1934
|
+
window.open(url, '_blank');
|
|
1916
1935
|
};
|
|
1917
1936
|
/**
|
|
1918
1937
|
* @return {?}
|
|
@@ -1979,7 +1998,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1979
1998
|
*/
|
|
1980
1999
|
function (widgetInfo) {
|
|
1981
2000
|
return __awaiter(this, void 0, void 0, function () {
|
|
1982
|
-
var widgetConfigFilter,
|
|
2001
|
+
var widgetConfigFilter, me;
|
|
1983
2002
|
var _this = this;
|
|
1984
2003
|
return __generator(this, function (_a) {
|
|
1985
2004
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
@@ -1993,7 +2012,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1993
2012
|
this.applayWidgetSettings(this.widgetSettings);
|
|
1994
2013
|
}
|
|
1995
2014
|
this.detailPageUrl = widgetInfo.detailPageUrl;
|
|
1996
|
-
|
|
2015
|
+
me = this;
|
|
1997
2016
|
this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
|
|
1998
2017
|
* @return {?}
|
|
1999
2018
|
*/
|
|
@@ -2008,8 +2027,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2008
2027
|
* @return {?}
|
|
2009
2028
|
*/
|
|
2010
2029
|
function () {
|
|
2011
|
-
|
|
2012
|
-
|
|
2030
|
+
me.widgetElement = document.createElement(widgetInfo.customTag);
|
|
2031
|
+
me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
|
|
2013
2032
|
document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
|
|
2014
2033
|
* @return {?}
|
|
2015
2034
|
*/
|
|
@@ -2025,59 +2044,50 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2025
2044
|
return __generator(this, function (_a) {
|
|
2026
2045
|
switch (_a.label) {
|
|
2027
2046
|
case 0:
|
|
2028
|
-
|
|
2029
|
-
* @param {?} e
|
|
2030
|
-
* @return {?}
|
|
2031
|
-
*/
|
|
2032
|
-
function (e) {
|
|
2033
|
-
if (e.detail)
|
|
2034
|
-
widgetContainer.showPanel = true;
|
|
2035
|
-
else
|
|
2036
|
-
widgetContainer.showPanel = false;
|
|
2037
|
-
}));
|
|
2038
|
-
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
2039
|
-
* @param {?} e
|
|
2040
|
-
* @return {?}
|
|
2041
|
-
*/
|
|
2042
|
-
function (e) {
|
|
2043
|
-
widgetContainer.editWidget();
|
|
2044
|
-
}));
|
|
2045
|
-
widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
|
|
2046
|
-
* @param {?} e
|
|
2047
|
-
* @return {?}
|
|
2048
|
-
*/
|
|
2049
|
-
function (e) {
|
|
2050
|
-
widgetContainer.setEmptyState(e.detail);
|
|
2051
|
-
}));
|
|
2052
|
-
widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
|
|
2053
|
-
* @param {?} e
|
|
2054
|
-
* @return {?}
|
|
2055
|
-
*/
|
|
2056
|
-
function (e) {
|
|
2057
|
-
if (e.detail == true)
|
|
2058
|
-
_this.enableTitleLine = true;
|
|
2059
|
-
else
|
|
2060
|
-
_this.enableTitleLine = _this.enableTitleLineActual;
|
|
2061
|
-
}));
|
|
2062
|
-
widgetContainer.widgetElement.addEventListener('widget-title-hidden', (/**
|
|
2063
|
-
* @param {?} e
|
|
2064
|
-
* @return {?}
|
|
2065
|
-
*/
|
|
2066
|
-
function (e) {
|
|
2067
|
-
if (e.detail == true)
|
|
2068
|
-
_this.hideTitle = true;
|
|
2069
|
-
else
|
|
2070
|
-
_this.hideTitle = false;
|
|
2071
|
-
}));
|
|
2072
|
-
widgetContainer.widgetElement.addEventListener('update-lock-data', (/**
|
|
2047
|
+
me.widgetElement.addEventListener('on-widget-respond', (/**
|
|
2073
2048
|
* @param {?} e
|
|
2074
2049
|
* @return {?}
|
|
2075
2050
|
*/
|
|
2076
2051
|
function (e) {
|
|
2077
|
-
|
|
2052
|
+
/** @type {?} */
|
|
2053
|
+
var type = e.detail.type;
|
|
2054
|
+
switch (type) {
|
|
2055
|
+
case 'onDataLoad':
|
|
2056
|
+
if (e.detail.data)
|
|
2057
|
+
me.showPanel = true;
|
|
2058
|
+
else
|
|
2059
|
+
me.showPanel = false;
|
|
2060
|
+
break;
|
|
2061
|
+
case 'onConfigEditClicked':
|
|
2062
|
+
me.editWidget();
|
|
2063
|
+
break;
|
|
2064
|
+
case 'onEnableDefaultState':
|
|
2065
|
+
me.setEmptyState(e.detail.data);
|
|
2066
|
+
break;
|
|
2067
|
+
case 'onSetTitleUnderline':
|
|
2068
|
+
if (e.detail.data == true)
|
|
2069
|
+
_this.enableTitleLine = true;
|
|
2070
|
+
else
|
|
2071
|
+
_this.enableTitleLine = _this.enableTitleLineActual;
|
|
2072
|
+
break;
|
|
2073
|
+
case 'onWidgetTitleHidden':
|
|
2074
|
+
if (e.detail.data == true)
|
|
2075
|
+
_this.hideTitle = true;
|
|
2076
|
+
else
|
|
2077
|
+
_this.hideTitle = false;
|
|
2078
|
+
break;
|
|
2079
|
+
case 'onUpdateLockData':
|
|
2080
|
+
_this.setLock(e.detail.data);
|
|
2081
|
+
break;
|
|
2082
|
+
case 'onGlobalFilterApplicableCheck':
|
|
2083
|
+
_this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
|
|
2084
|
+
break;
|
|
2085
|
+
default:
|
|
2086
|
+
break;
|
|
2087
|
+
}
|
|
2078
2088
|
}));
|
|
2079
|
-
if (typeof (
|
|
2080
|
-
titleLineEnabled =
|
|
2089
|
+
if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
|
|
2090
|
+
titleLineEnabled = me.widgetElement.titleLineEnabled();
|
|
2081
2091
|
if (titleLineEnabled) {
|
|
2082
2092
|
this.enableTitleLine = titleLineEnabled;
|
|
2083
2093
|
this.enableTitleLineActual = titleLineEnabled;
|
|
@@ -2113,17 +2123,17 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2113
2123
|
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
2114
2124
|
this.deleteToolTipWidth = "300px";
|
|
2115
2125
|
}
|
|
2116
|
-
|
|
2126
|
+
me.isWidgetLoaded = true;
|
|
2117
2127
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
2118
2128
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
2119
2129
|
widgetConfigFilter.configChanges = this.getConfigChanges(false);
|
|
2120
2130
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
2121
2131
|
widgetConfigFilter.globalFilter = this.globalFilter;
|
|
2122
|
-
|
|
2123
|
-
return [4 /*yield*/,
|
|
2132
|
+
me.widgetElement.loadContent(widgetConfigFilter);
|
|
2133
|
+
return [4 /*yield*/, me.setLock(widgetConfigFilter.config)];
|
|
2124
2134
|
case 1:
|
|
2125
2135
|
_a.sent();
|
|
2126
|
-
return [4 /*yield*/,
|
|
2136
|
+
return [4 /*yield*/, me.setDownloadIcon()];
|
|
2127
2137
|
case 2:
|
|
2128
2138
|
_a.sent();
|
|
2129
2139
|
return [2 /*return*/];
|
|
@@ -2639,10 +2649,51 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2639
2649
|
else
|
|
2640
2650
|
this.noPadding = false;
|
|
2641
2651
|
};
|
|
2652
|
+
/**
|
|
2653
|
+
* @private
|
|
2654
|
+
* @param {?} data
|
|
2655
|
+
* @param {?} instanceId
|
|
2656
|
+
* @return {?}
|
|
2657
|
+
*/
|
|
2658
|
+
RAWidgetContainer.prototype.setInapplicableFilters = /**
|
|
2659
|
+
* @private
|
|
2660
|
+
* @param {?} data
|
|
2661
|
+
* @param {?} instanceId
|
|
2662
|
+
* @return {?}
|
|
2663
|
+
*/
|
|
2664
|
+
function (data, instanceId) {
|
|
2665
|
+
var _this = this;
|
|
2666
|
+
/** @type {?} */
|
|
2667
|
+
var widgetData = {};
|
|
2668
|
+
this.inapplicableFilters = [];
|
|
2669
|
+
widgetData.instanceId = instanceId;
|
|
2670
|
+
if (data && data.length > 0) {
|
|
2671
|
+
data.forEach((/**
|
|
2672
|
+
* @param {?} element
|
|
2673
|
+
* @return {?}
|
|
2674
|
+
*/
|
|
2675
|
+
function (element) {
|
|
2676
|
+
if (element == 'dateRange')
|
|
2677
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DateRange'));
|
|
2678
|
+
else if (element == 'participant') {
|
|
2679
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DivisionOrGrouporSite'));
|
|
2680
|
+
}
|
|
2681
|
+
else if (element == 'source')
|
|
2682
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DataStream'));
|
|
2683
|
+
else
|
|
2684
|
+
_this.inapplicableFilters.push(element);
|
|
2685
|
+
}));
|
|
2686
|
+
widgetData.data = data;
|
|
2687
|
+
}
|
|
2688
|
+
else {
|
|
2689
|
+
widgetData.data = undefined;
|
|
2690
|
+
}
|
|
2691
|
+
this.updateAppliedFilters.emit(widgetData);
|
|
2692
|
+
};
|
|
2642
2693
|
RAWidgetContainer.decorators = [
|
|
2643
2694
|
{ type: Component, args: [{
|
|
2644
2695
|
selector: 'ra-widget-container',
|
|
2645
|
-
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-
|
|
2696
|
+
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>"
|
|
2646
2697
|
}] }
|
|
2647
2698
|
];
|
|
2648
2699
|
/** @nocollapse */
|
|
@@ -2669,6 +2720,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2669
2720
|
height: [{ type: Input, args: ['widget-height',] }],
|
|
2670
2721
|
gridCellHeight: [{ type: Input, args: ['grid-cell-height',] }],
|
|
2671
2722
|
widgetDeleted: [{ type: Output }],
|
|
2723
|
+
updateAppliedFilters: [{ type: Output }],
|
|
2672
2724
|
setResized: [{ type: Input, args: ['dom-resized',] }]
|
|
2673
2725
|
};
|
|
2674
2726
|
return RAWidgetContainer;
|
|
@@ -2762,6 +2814,8 @@ if (false) {
|
|
|
2762
2814
|
/** @type {?} */
|
|
2763
2815
|
RAWidgetContainer.prototype.hideTitle;
|
|
2764
2816
|
/** @type {?} */
|
|
2817
|
+
RAWidgetContainer.prototype.inapplicableFilters;
|
|
2818
|
+
/** @type {?} */
|
|
2765
2819
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2766
2820
|
/** @type {?} */
|
|
2767
2821
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2788,6 +2842,8 @@ if (false) {
|
|
|
2788
2842
|
/** @type {?} */
|
|
2789
2843
|
RAWidgetContainer.prototype.widgetDeleted;
|
|
2790
2844
|
/** @type {?} */
|
|
2845
|
+
RAWidgetContainer.prototype.updateAppliedFilters;
|
|
2846
|
+
/** @type {?} */
|
|
2791
2847
|
RAWidgetContainer.prototype.lockTitle;
|
|
2792
2848
|
/** @type {?} */
|
|
2793
2849
|
RAWidgetContainer.prototype.isWidgetStateApplicable;
|