@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
|
@@ -609,6 +609,8 @@
|
|
|
609
609
|
HideDashboardBanner: "HideDashboardBanner",
|
|
610
610
|
/**To launch flyout from custom widget library */
|
|
611
611
|
LaunchCustomWidgetFlyout: "LaunchCustomWidgetFlyout",
|
|
612
|
+
/**update applied filter badge for inaplicable filters */
|
|
613
|
+
UpdateAppledFiterForInapplicableFilter: "UpdateAppledFiterForInapplicableFilter",
|
|
612
614
|
};
|
|
613
615
|
/** @enum {string} */
|
|
614
616
|
var RAEventKey = {
|
|
@@ -978,8 +980,6 @@
|
|
|
978
980
|
* @return {?}
|
|
979
981
|
*/
|
|
980
982
|
function (isDesktop) {
|
|
981
|
-
console.log('in responsive service subscribe');
|
|
982
|
-
console.log(isDesktop);
|
|
983
983
|
if (isDesktop) {
|
|
984
984
|
setTimeout((/**
|
|
985
985
|
* @return {?}
|
|
@@ -1650,10 +1650,21 @@
|
|
|
1650
1650
|
function () {
|
|
1651
1651
|
this.raDashboardEventBus.publish(RAEvent.AddNewWidgetToDashboard, null);
|
|
1652
1652
|
};
|
|
1653
|
+
/**
|
|
1654
|
+
* @param {?} data
|
|
1655
|
+
* @return {?}
|
|
1656
|
+
*/
|
|
1657
|
+
RADashboardArea.prototype.updateAppliedFilters = /**
|
|
1658
|
+
* @param {?} data
|
|
1659
|
+
* @return {?}
|
|
1660
|
+
*/
|
|
1661
|
+
function (data) {
|
|
1662
|
+
this.raDashboardEventBus.publish(RAEvent.UpdateAppledFiterForInapplicableFilter, data);
|
|
1663
|
+
};
|
|
1653
1664
|
RADashboardArea.decorators = [
|
|
1654
1665
|
{ type: core.Component, args: [{
|
|
1655
1666
|
selector: 'ra-dashboard-area',
|
|
1656
|
-
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>",
|
|
1667
|
+
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>",
|
|
1657
1668
|
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}}"]
|
|
1658
1669
|
}] }
|
|
1659
1670
|
];
|
|
@@ -1829,7 +1840,9 @@
|
|
|
1829
1840
|
this.isKpiView = false;
|
|
1830
1841
|
this.showExcell = true;
|
|
1831
1842
|
this.hideTitle = false;
|
|
1843
|
+
this.inapplicableFilters = [];
|
|
1832
1844
|
this.widgetDeleted = new core.EventEmitter();
|
|
1845
|
+
this.updateAppliedFilters = new core.EventEmitter();
|
|
1833
1846
|
this.isWidgetStateApplicable = false;
|
|
1834
1847
|
this.widgetEmptyState = '';
|
|
1835
1848
|
this.lockVisible = false;
|
|
@@ -2107,6 +2120,8 @@
|
|
|
2107
2120
|
*/
|
|
2108
2121
|
function () {
|
|
2109
2122
|
this.baseUrl = this.getHostUrl();
|
|
2123
|
+
if (this.data.widgetInfo.widgetType == 'AV Widget')
|
|
2124
|
+
this.baseUrl = '';
|
|
2110
2125
|
/** @type {?} */
|
|
2111
2126
|
var url = this.baseUrl + this.detailPageUrl;
|
|
2112
2127
|
if (this.data.widgetInfo && this.data.widgetInfo.widgetSettings) {
|
|
@@ -2114,11 +2129,15 @@
|
|
|
2114
2129
|
if (this.widgetSettings.customPageParams) {
|
|
2115
2130
|
/** @type {?} */
|
|
2116
2131
|
var params = this.widgetElement.getPageParamsClicked();
|
|
2117
|
-
if (params)
|
|
2118
|
-
|
|
2132
|
+
if (params) {
|
|
2133
|
+
if (this.data.widgetInfo.widgetType == 'AV Widget')
|
|
2134
|
+
url = url + params;
|
|
2135
|
+
else
|
|
2136
|
+
url = url + '?' + params;
|
|
2137
|
+
}
|
|
2119
2138
|
}
|
|
2120
2139
|
}
|
|
2121
|
-
|
|
2140
|
+
window.open(url, '_blank');
|
|
2122
2141
|
};
|
|
2123
2142
|
/**
|
|
2124
2143
|
* @return {?}
|
|
@@ -2185,7 +2204,7 @@
|
|
|
2185
2204
|
*/
|
|
2186
2205
|
function (widgetInfo) {
|
|
2187
2206
|
return __awaiter(this, void 0, void 0, function () {
|
|
2188
|
-
var widgetConfigFilter,
|
|
2207
|
+
var widgetConfigFilter, me;
|
|
2189
2208
|
var _this = this;
|
|
2190
2209
|
return __generator(this, function (_a) {
|
|
2191
2210
|
widgetInfo.rowHeight = this.gridCellHeight;
|
|
@@ -2199,7 +2218,7 @@
|
|
|
2199
2218
|
this.applayWidgetSettings(this.widgetSettings);
|
|
2200
2219
|
}
|
|
2201
2220
|
this.detailPageUrl = widgetInfo.detailPageUrl;
|
|
2202
|
-
|
|
2221
|
+
me = this;
|
|
2203
2222
|
this.dashboardService.loadExternalScript(widgetInfo.scriptUrl, (/**
|
|
2204
2223
|
* @return {?}
|
|
2205
2224
|
*/
|
|
@@ -2214,8 +2233,8 @@
|
|
|
2214
2233
|
* @return {?}
|
|
2215
2234
|
*/
|
|
2216
2235
|
function () {
|
|
2217
|
-
|
|
2218
|
-
|
|
2236
|
+
me.widgetElement = document.createElement(widgetInfo.customTag);
|
|
2237
|
+
me.widgetElement.setAttribute("widget-instance-id", widgetInfo.widgetInstanceId);
|
|
2219
2238
|
document.body.addEventListener('widgetinitiated' + widgetInfo.widgetInstanceId, (/**
|
|
2220
2239
|
* @return {?}
|
|
2221
2240
|
*/
|
|
@@ -2231,59 +2250,50 @@
|
|
|
2231
2250
|
return __generator(this, function (_a) {
|
|
2232
2251
|
switch (_a.label) {
|
|
2233
2252
|
case 0:
|
|
2234
|
-
|
|
2235
|
-
* @param {?} e
|
|
2236
|
-
* @return {?}
|
|
2237
|
-
*/
|
|
2238
|
-
function (e) {
|
|
2239
|
-
if (e.detail)
|
|
2240
|
-
widgetContainer.showPanel = true;
|
|
2241
|
-
else
|
|
2242
|
-
widgetContainer.showPanel = false;
|
|
2243
|
-
}));
|
|
2244
|
-
widgetContainer.widgetElement.addEventListener('config-edit-clicked', (/**
|
|
2245
|
-
* @param {?} e
|
|
2246
|
-
* @return {?}
|
|
2247
|
-
*/
|
|
2248
|
-
function (e) {
|
|
2249
|
-
widgetContainer.editWidget();
|
|
2250
|
-
}));
|
|
2251
|
-
widgetContainer.widgetElement.addEventListener('enable-default-state', (/**
|
|
2252
|
-
* @param {?} e
|
|
2253
|
-
* @return {?}
|
|
2254
|
-
*/
|
|
2255
|
-
function (e) {
|
|
2256
|
-
widgetContainer.setEmptyState(e.detail);
|
|
2257
|
-
}));
|
|
2258
|
-
widgetContainer.widgetElement.addEventListener('set-title-underline', (/**
|
|
2259
|
-
* @param {?} e
|
|
2260
|
-
* @return {?}
|
|
2261
|
-
*/
|
|
2262
|
-
function (e) {
|
|
2263
|
-
if (e.detail == true)
|
|
2264
|
-
_this.enableTitleLine = true;
|
|
2265
|
-
else
|
|
2266
|
-
_this.enableTitleLine = _this.enableTitleLineActual;
|
|
2267
|
-
}));
|
|
2268
|
-
widgetContainer.widgetElement.addEventListener('widget-title-hidden', (/**
|
|
2269
|
-
* @param {?} e
|
|
2270
|
-
* @return {?}
|
|
2271
|
-
*/
|
|
2272
|
-
function (e) {
|
|
2273
|
-
if (e.detail == true)
|
|
2274
|
-
_this.hideTitle = true;
|
|
2275
|
-
else
|
|
2276
|
-
_this.hideTitle = false;
|
|
2277
|
-
}));
|
|
2278
|
-
widgetContainer.widgetElement.addEventListener('update-lock-data', (/**
|
|
2253
|
+
me.widgetElement.addEventListener('on-widget-respond', (/**
|
|
2279
2254
|
* @param {?} e
|
|
2280
2255
|
* @return {?}
|
|
2281
2256
|
*/
|
|
2282
2257
|
function (e) {
|
|
2283
|
-
|
|
2258
|
+
/** @type {?} */
|
|
2259
|
+
var type = e.detail.type;
|
|
2260
|
+
switch (type) {
|
|
2261
|
+
case 'onDataLoad':
|
|
2262
|
+
if (e.detail.data)
|
|
2263
|
+
me.showPanel = true;
|
|
2264
|
+
else
|
|
2265
|
+
me.showPanel = false;
|
|
2266
|
+
break;
|
|
2267
|
+
case 'onConfigEditClicked':
|
|
2268
|
+
me.editWidget();
|
|
2269
|
+
break;
|
|
2270
|
+
case 'onEnableDefaultState':
|
|
2271
|
+
me.setEmptyState(e.detail.data);
|
|
2272
|
+
break;
|
|
2273
|
+
case 'onSetTitleUnderline':
|
|
2274
|
+
if (e.detail.data == true)
|
|
2275
|
+
_this.enableTitleLine = true;
|
|
2276
|
+
else
|
|
2277
|
+
_this.enableTitleLine = _this.enableTitleLineActual;
|
|
2278
|
+
break;
|
|
2279
|
+
case 'onWidgetTitleHidden':
|
|
2280
|
+
if (e.detail.data == true)
|
|
2281
|
+
_this.hideTitle = true;
|
|
2282
|
+
else
|
|
2283
|
+
_this.hideTitle = false;
|
|
2284
|
+
break;
|
|
2285
|
+
case 'onUpdateLockData':
|
|
2286
|
+
_this.setLock(e.detail.data);
|
|
2287
|
+
break;
|
|
2288
|
+
case 'onGlobalFilterApplicableCheck':
|
|
2289
|
+
_this.setInapplicableFilters(e.detail.data, widgetInfo.widgetInstanceId);
|
|
2290
|
+
break;
|
|
2291
|
+
default:
|
|
2292
|
+
break;
|
|
2293
|
+
}
|
|
2284
2294
|
}));
|
|
2285
|
-
if (typeof (
|
|
2286
|
-
titleLineEnabled =
|
|
2295
|
+
if (typeof (me.widgetElement.titleLineEnabled) != 'undefined') {
|
|
2296
|
+
titleLineEnabled = me.widgetElement.titleLineEnabled();
|
|
2287
2297
|
if (titleLineEnabled) {
|
|
2288
2298
|
this.enableTitleLine = titleLineEnabled;
|
|
2289
2299
|
this.enableTitleLineActual = titleLineEnabled;
|
|
@@ -2319,17 +2329,17 @@
|
|
|
2319
2329
|
this.deleteToolTipValue = this.translateService.translate('Common.delete');
|
|
2320
2330
|
this.deleteToolTipWidth = "300px";
|
|
2321
2331
|
}
|
|
2322
|
-
|
|
2332
|
+
me.isWidgetLoaded = true;
|
|
2323
2333
|
widgetConfigFilter.appConfig = this.appConfig;
|
|
2324
2334
|
widgetConfigFilter.widgetInfo = widgetInfo;
|
|
2325
2335
|
widgetConfigFilter.configChanges = this.getConfigChanges(false);
|
|
2326
2336
|
widgetConfigFilter.widgetInfo.widgetName = widgetInfo.widgetName;
|
|
2327
2337
|
widgetConfigFilter.globalFilter = this.globalFilter;
|
|
2328
|
-
|
|
2329
|
-
return [4 /*yield*/,
|
|
2338
|
+
me.widgetElement.loadContent(widgetConfigFilter);
|
|
2339
|
+
return [4 /*yield*/, me.setLock(widgetConfigFilter.config)];
|
|
2330
2340
|
case 1:
|
|
2331
2341
|
_a.sent();
|
|
2332
|
-
return [4 /*yield*/,
|
|
2342
|
+
return [4 /*yield*/, me.setDownloadIcon()];
|
|
2333
2343
|
case 2:
|
|
2334
2344
|
_a.sent();
|
|
2335
2345
|
return [2 /*return*/];
|
|
@@ -2845,10 +2855,51 @@
|
|
|
2845
2855
|
else
|
|
2846
2856
|
this.noPadding = false;
|
|
2847
2857
|
};
|
|
2858
|
+
/**
|
|
2859
|
+
* @private
|
|
2860
|
+
* @param {?} data
|
|
2861
|
+
* @param {?} instanceId
|
|
2862
|
+
* @return {?}
|
|
2863
|
+
*/
|
|
2864
|
+
RAWidgetContainer.prototype.setInapplicableFilters = /**
|
|
2865
|
+
* @private
|
|
2866
|
+
* @param {?} data
|
|
2867
|
+
* @param {?} instanceId
|
|
2868
|
+
* @return {?}
|
|
2869
|
+
*/
|
|
2870
|
+
function (data, instanceId) {
|
|
2871
|
+
var _this = this;
|
|
2872
|
+
/** @type {?} */
|
|
2873
|
+
var widgetData = {};
|
|
2874
|
+
this.inapplicableFilters = [];
|
|
2875
|
+
widgetData.instanceId = instanceId;
|
|
2876
|
+
if (data && data.length > 0) {
|
|
2877
|
+
data.forEach((/**
|
|
2878
|
+
* @param {?} element
|
|
2879
|
+
* @return {?}
|
|
2880
|
+
*/
|
|
2881
|
+
function (element) {
|
|
2882
|
+
if (element == 'dateRange')
|
|
2883
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DateRange'));
|
|
2884
|
+
else if (element == 'participant') {
|
|
2885
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DivisionOrGrouporSite'));
|
|
2886
|
+
}
|
|
2887
|
+
else if (element == 'source')
|
|
2888
|
+
_this.inapplicableFilters.push(_this.translateService.translate('Common.DataStream'));
|
|
2889
|
+
else
|
|
2890
|
+
_this.inapplicableFilters.push(element);
|
|
2891
|
+
}));
|
|
2892
|
+
widgetData.data = data;
|
|
2893
|
+
}
|
|
2894
|
+
else {
|
|
2895
|
+
widgetData.data = undefined;
|
|
2896
|
+
}
|
|
2897
|
+
this.updateAppliedFilters.emit(widgetData);
|
|
2898
|
+
};
|
|
2848
2899
|
RAWidgetContainer.decorators = [
|
|
2849
2900
|
{ type: core.Component, args: [{
|
|
2850
2901
|
selector: 'ra-widget-container',
|
|
2851
|
-
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-
|
|
2902
|
+
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>"
|
|
2852
2903
|
}] }
|
|
2853
2904
|
];
|
|
2854
2905
|
/** @nocollapse */
|
|
@@ -2875,6 +2926,7 @@
|
|
|
2875
2926
|
height: [{ type: core.Input, args: ['widget-height',] }],
|
|
2876
2927
|
gridCellHeight: [{ type: core.Input, args: ['grid-cell-height',] }],
|
|
2877
2928
|
widgetDeleted: [{ type: core.Output }],
|
|
2929
|
+
updateAppliedFilters: [{ type: core.Output }],
|
|
2878
2930
|
setResized: [{ type: core.Input, args: ['dom-resized',] }]
|
|
2879
2931
|
};
|
|
2880
2932
|
return RAWidgetContainer;
|
|
@@ -2968,6 +3020,8 @@
|
|
|
2968
3020
|
/** @type {?} */
|
|
2969
3021
|
RAWidgetContainer.prototype.hideTitle;
|
|
2970
3022
|
/** @type {?} */
|
|
3023
|
+
RAWidgetContainer.prototype.inapplicableFilters;
|
|
3024
|
+
/** @type {?} */
|
|
2971
3025
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2972
3026
|
/** @type {?} */
|
|
2973
3027
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
@@ -2994,6 +3048,8 @@
|
|
|
2994
3048
|
/** @type {?} */
|
|
2995
3049
|
RAWidgetContainer.prototype.widgetDeleted;
|
|
2996
3050
|
/** @type {?} */
|
|
3051
|
+
RAWidgetContainer.prototype.updateAppliedFilters;
|
|
3052
|
+
/** @type {?} */
|
|
2997
3053
|
RAWidgetContainer.prototype.lockTitle;
|
|
2998
3054
|
/** @type {?} */
|
|
2999
3055
|
RAWidgetContainer.prototype.isWidgetStateApplicable;
|