@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
|
@@ -614,6 +614,8 @@
|
|
|
614
614
|
HideDashboardBanner: "HideDashboardBanner",
|
|
615
615
|
/**To launch flyout from custom widget library */
|
|
616
616
|
LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
|
|
617
|
+
/**update applied filter badge for inaplicable filters */
|
|
618
|
+
UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
|
|
617
619
|
};
|
|
618
620
|
/** @enum {string} */
|
|
619
621
|
var RAEventKey = {
|
|
@@ -983,8 +985,6 @@
|
|
|
983
985
|
* @return {?}
|
|
984
986
|
*/
|
|
985
987
|
function (isDesktop) {
|
|
986
|
-
console.log('in responsive service subscribe');
|
|
987
|
-
console.log(isDesktop);
|
|
988
988
|
if (isDesktop) {
|
|
989
989
|
setTimeout((/**
|
|
990
990
|
* @return {?}
|
|
@@ -1448,14 +1448,16 @@
|
|
|
1448
1448
|
for (var i = 0; i < this.userWidgets.length; i++) {
|
|
1449
1449
|
this.userWidgets[i].position_x = 0;
|
|
1450
1450
|
this.userWidgets[i].position_y = 0;
|
|
1451
|
-
this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
|
|
1452
|
-
setTimeout((/**
|
|
1453
|
-
* @return {?}
|
|
1454
|
-
*/
|
|
1455
|
-
function () {
|
|
1456
|
-
_this.setAreaHeight();
|
|
1457
|
-
}));
|
|
1458
1451
|
}
|
|
1452
|
+
this.widgetList = this.mapObjectListToGridsterItemList(this.userWidgets);
|
|
1453
|
+
if (this.widgetList.length > 0)
|
|
1454
|
+
this.updateWidgetPosition(this.widgetList[0].widgetInfo.widgetInstanceId);
|
|
1455
|
+
setTimeout((/**
|
|
1456
|
+
* @return {?}
|
|
1457
|
+
*/
|
|
1458
|
+
function () {
|
|
1459
|
+
_this.setAreaHeight();
|
|
1460
|
+
}));
|
|
1459
1461
|
};
|
|
1460
1462
|
/**To add widget instance to the database with the next available position and to make changes in
|
|
1461
1463
|
* dashboard area.
|
|
@@ -1653,10 +1655,21 @@
|
|
|
1653
1655
|
function () {
|
|
1654
1656
|
this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
|
|
1655
1657
|
};
|
|
1658
|
+
/**
|
|
1659
|
+
* @param {?} data
|
|
1660
|
+
* @return {?}
|
|
1661
|
+
*/
|
|
1662
|
+
RADashboardArea.prototype.updateAppliedFilters = /**
|
|
1663
|
+
* @param {?} data
|
|
1664
|
+
* @return {?}
|
|
1665
|
+
*/
|
|
1666
|
+
function (data) {
|
|
1667
|
+
this.raDashboardEventBus.publish(RAEvent.UpdateAppledFiterForInapplicableFilter, data);
|
|
1668
|
+
};
|
|
1656
1669
|
RADashboardArea.decorators = [
|
|
1657
1670
|
{ type: core.Component, args: [{
|
|
1658
1671
|
selector: 'ra-dashboard-area',
|
|
1659
|
-
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>",
|
|
1672
|
+
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>",
|
|
1660
1673
|
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}}"]
|
|
1661
1674
|
}] }
|
|
1662
1675
|
];
|
|
@@ -1832,7 +1845,9 @@
|
|
|
1832
1845
|
this.isKpiView = false;
|
|
1833
1846
|
this.showExcell = true;
|
|
1834
1847
|
this.hideTitle = false;
|
|
1848
|
+
this.inapplicableFilters = [];
|
|
1835
1849
|
this.widgetDeleted = new core.EventEmitter();
|
|
1850
|
+
this.updateAppliedFilters = new core.EventEmitter();
|
|
1836
1851
|
this.isWidgetStateApplicable = false;
|
|
1837
1852
|
this.widgetEmptyState = '';
|
|
1838
1853
|
this.lockVisible = false;
|
|
@@ -2121,7 +2136,7 @@
|
|
|
2121
2136
|
url = url + '?' + params;
|
|
2122
2137
|
}
|
|
2123
2138
|
}
|
|
2124
|
-
|
|
2139
|
+
window.open(url, '_blank');
|
|
2125
2140
|
};
|
|
2126
2141
|
/**
|
|
2127
2142
|
* @return {?}
|
|
@@ -2188,7 +2203,7 @@
|
|
|
2188
2203
|
*/
|
|
2189
2204
|
function (widgetInfo) {
|
|
2190
2205
|
return __awaiter(this, void 0, void 0, function () {
|
|
2191
|
-
var widgetConfigFilter,
|
|
2206
|
+
var widgetConfigFilter, me;
|
|
2192
2207
|
var _this = this;
|
|
2193
2208
|
return __generator(this, function (_a) {
|
|
2194
2209
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
@@ -2202,7 +2217,7 @@
|
|
|
2202
2217
|
this.applayWidgetSettings(this.widgetSettings);
|
|
2203
2218
|
}
|
|
2204
2219
|
this.detailPageUrl = widgetInfo.detailPageUrl;
|
|
2205
|
-
|
|
2220
|
+
me = this;
|
|
2206
2221
|
this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
|
|
2207
2222
|
* @return {?}
|
|
2208
2223
|
*/
|
|
@@ -2217,8 +2232,8 @@
|
|
|
2217
2232
|
* @return {?}
|
|
2218
2233
|
*/
|
|
2219
2234
|
function () {
|
|
2220
|
-
|
|
2221
|
-
|
|
2235
|
+
me.widgetElement = document.createElement(widgetInfo.customTag);
|
|
2236
|
+
me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
|
|
2222
2237
|
document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
|
|
2223
2238
|
* @return {?}
|
|
2224
2239
|
*/
|
|
@@ -2234,59 +2249,50 @@
|
|
|
2234
2249
|
return __generator(this, function (_a) {
|
|
2235
2250
|
switch (_a.label) {
|
|
2236
2251
|
case 0:
|
|
2237
|
-
|
|
2238
|
-
* @param {?} e
|
|
2239
|
-
* @return {?}
|
|
2240
|
-
*/
|
|
2241
|
-
function (e) {
|
|
2242
|
-
if (e.detail)
|
|
2243
|
-
widgetContainer.showPanel = true;
|
|
2244
|
-
else
|
|
2245
|
-
widgetContainer.showPanel = false;
|
|
2246
|
-
}));
|
|
2247
|
-
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
2248
|
-
* @param {?} e
|
|
2249
|
-
* @return {?}
|
|
2250
|
-
*/
|
|
2251
|
-
function (e) {
|
|
2252
|
-
widgetContainer.editWidget();
|
|
2253
|
-
}));
|
|
2254
|
-
widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
|
|
2255
|
-
* @param {?} e
|
|
2256
|
-
* @return {?}
|
|
2257
|
-
*/
|
|
2258
|
-
function (e) {
|
|
2259
|
-
widgetContainer.setEmptyState(e.detail);
|
|
2260
|
-
}));
|
|
2261
|
-
widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
|
|
2252
|
+
me.widgetElement.addEventListener('on-widget-respond', (/**
|
|
2262
2253
|
* @param {?} e
|
|
2263
2254
|
* @return {?}
|
|
2264
2255
|
*/
|
|
2265
2256
|
function (e) {
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2257
|
+
/** @type {?} */
|
|
2258
|
+
var type = e.detail.type;
|
|
2259
|
+
switch (type) {
|
|
2260
|
+
case 'onDataLoad':
|
|
2261
|
+
if (e.detail.data)
|
|
2262
|
+
me.showPanel = true;
|
|
2263
|
+
else
|
|
2264
|
+
me.showPanel = false;
|
|
2265
|
+
break;
|
|
2266
|
+
case 'onConfigEditClicked':
|
|
2267
|
+
me.editWidget();
|
|
2268
|
+
break;
|
|
2269
|
+
case 'onEnableDefaultState':
|
|
2270
|
+
me.setEmptyState(e.detail.data);
|
|
2271
|
+
break;
|
|
2272
|
+
case 'onSetTitleUnderline':
|
|
2273
|
+
if (e.detail.data == true)
|
|
2274
|
+
_this.enableTitleLine = true;
|
|
2275
|
+
else
|
|
2276
|
+
_this.enableTitleLine = _this.enableTitleLineActual;
|
|
2277
|
+
break;
|
|
2278
|
+
case 'onWidgetTitleHidden':
|
|
2279
|
+
if (e.detail.data == true)
|
|
2280
|
+
_this.hideTitle = true;
|
|
2281
|
+
else
|
|
2282
|
+
_this.hideTitle = false;
|
|
2283
|
+
break;
|
|
2284
|
+
case 'onUpdateLockData':
|
|
2285
|
+
_this.setLock(e.detail.data);
|
|
2286
|
+
break;
|
|
2287
|
+
case 'onGlobalFilterApplicableCheck':
|
|
2288
|
+
_this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
|
|
2289
|
+
break;
|
|
2290
|
+
default:
|
|
2291
|
+
break;
|
|
2292
|
+
}
|
|
2287
2293
|
}));
|
|
2288
|
-
if (typeof (
|
|
2289
|
-
titleLineEnabled =
|
|
2294
|
+
if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
|
|
2295
|
+
titleLineEnabled = me.widgetElement.titleLineEnabled();
|
|
2290
2296
|
if (titleLineEnabled) {
|
|
2291
2297
|
this.enableTitleLine = titleLineEnabled;
|
|
2292
2298
|
this.enableTitleLineActual = titleLineEnabled;
|
|
@@ -2322,17 +2328,17 @@
|
|
|
2322
2328
|
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
2323
2329
|
this.deleteToolTipWidth = "300px";
|
|
2324
2330
|
}
|
|
2325
|
-
|
|
2331
|
+
me.isWidgetLoaded = true;
|
|
2326
2332
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
2327
2333
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
2328
2334
|
widgetConfigFilter.configChanges = this.getConfigChanges(false);
|
|
2329
2335
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
2330
2336
|
widgetConfigFilter.globalFilter = this.globalFilter;
|
|
2331
|
-
|
|
2332
|
-
return [4 /*yield*/,
|
|
2337
|
+
me.widgetElement.loadContent(widgetConfigFilter);
|
|
2338
|
+
return [4 /*yield*/, me.setLock(widgetConfigFilter.config)];
|
|
2333
2339
|
case 1:
|
|
2334
2340
|
_a.sent();
|
|
2335
|
-
return [4 /*yield*/,
|
|
2341
|
+
return [4 /*yield*/, me.setDownloadIcon()];
|
|
2336
2342
|
case 2:
|
|
2337
2343
|
_a.sent();
|
|
2338
2344
|
return [2 /*return*/];
|
|
@@ -2848,10 +2854,51 @@
|
|
|
2848
2854
|
else
|
|
2849
2855
|
this.noPadding = false;
|
|
2850
2856
|
};
|
|
2857
|
+
/**
|
|
2858
|
+
* @private
|
|
2859
|
+
* @param {?} data
|
|
2860
|
+
* @param {?} instanceId
|
|
2861
|
+
* @return {?}
|
|
2862
|
+
*/
|
|
2863
|
+
RAWidgetContainer.prototype.setInapplicableFilters = /**
|
|
2864
|
+
* @private
|
|
2865
|
+
* @param {?} data
|
|
2866
|
+
* @param {?} instanceId
|
|
2867
|
+
* @return {?}
|
|
2868
|
+
*/
|
|
2869
|
+
function (data, instanceId) {
|
|
2870
|
+
var _this = this;
|
|
2871
|
+
/** @type {?} */
|
|
2872
|
+
var widgetData = {};
|
|
2873
|
+
this.inapplicableFilters = [];
|
|
2874
|
+
widgetData.instanceId = instanceId;
|
|
2875
|
+
if (data && data.length > 0) {
|
|
2876
|
+
data.forEach((/**
|
|
2877
|
+
* @param {?} element
|
|
2878
|
+
* @return {?}
|
|
2879
|
+
*/
|
|
2880
|
+
function (element) {
|
|
2881
|
+
if (element == 'dateRange')
|
|
2882
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DateRange'));
|
|
2883
|
+
else if (element == 'participant') {
|
|
2884
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DivisionOrGrouporSite'));
|
|
2885
|
+
}
|
|
2886
|
+
else if (element == 'source')
|
|
2887
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DataStream'));
|
|
2888
|
+
else
|
|
2889
|
+
_this.inapplicableFilters.push(element);
|
|
2890
|
+
}));
|
|
2891
|
+
widgetData.data = data;
|
|
2892
|
+
}
|
|
2893
|
+
else {
|
|
2894
|
+
widgetData.data = undefined;
|
|
2895
|
+
}
|
|
2896
|
+
this.updateAppliedFilters.emit(widgetData);
|
|
2897
|
+
};
|
|
2851
2898
|
RAWidgetContainer.decorators = [
|
|
2852
2899
|
{ type: core.Component, args: [{
|
|
2853
2900
|
selector: 'ra-widget-container',
|
|
2854
|
-
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-
|
|
2901
|
+
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>"
|
|
2855
2902
|
}] }
|
|
2856
2903
|
];
|
|
2857
2904
|
/** @nocollapse */
|
|
@@ -2878,6 +2925,7 @@
|
|
|
2878
2925
|
height: [{ type: core.Input, args: ['widget-height',] }],
|
|
2879
2926
|
gridCellHeight: [{ type: core.Input, args: ['grid-cell-height',] }],
|
|
2880
2927
|
widgetDeleted: [{ type: core.Output }],
|
|
2928
|
+
updateAppliedFilters: [{ type: core.Output }],
|
|
2881
2929
|
setResized: [{ type: core.Input, args: ['dom-resized',] }]
|
|
2882
2930
|
};
|
|
2883
2931
|
return RAWidgetContainer;
|
|
@@ -2971,6 +3019,8 @@
|
|
|
2971
3019
|
/** @type {?} */
|
|
2972
3020
|
RAWidgetContainer.prototype.hideTitle;
|
|
2973
3021
|
/** @type {?} */
|
|
3022
|
+
RAWidgetContainer.prototype.inapplicableFilters;
|
|
3023
|
+
/** @type {?} */
|
|
2974
3024
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2975
3025
|
/** @type {?} */
|
|
2976
3026
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2997,6 +3047,8 @@
|
|
|
2997
3047
|
/** @type {?} */
|
|
2998
3048
|
RAWidgetContainer.prototype.widgetDeleted;
|
|
2999
3049
|
/** @type {?} */
|
|
3050
|
+
RAWidgetContainer.prototype.updateAppliedFilters;
|
|
3051
|
+
/** @type {?} */
|
|
3000
3052
|
RAWidgetContainer.prototype.lockTitle;
|
|
3001
3053
|
/** @type {?} */
|
|
3002
3054
|
RAWidgetContainer.prototype.isWidgetStateApplicable;
|