@schneideress/dashboardframework 0.0.144 → 0.0.146
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 +88 -30
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js +11 -11
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
- package/esm2015/lib/ra-dashboard-area/ra.dashboard.area.js +27 -6
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +19 -14
- package/esm2015/lib/ra.base.dashboard.template.js +20 -2
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +33 -6
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +24 -14
- package/esm5/lib/ra.base.dashboard.template.js +20 -2
- package/fesm2015/schneideress-dashboardframework.js +61 -19
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +72 -19
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-dashboard-area/ra.dashboard.area.d.ts +4 -0
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +1 -0
- package/lib/ra.base.dashboard.template.d.ts +3 -0
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -731,7 +731,17 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
731
731
|
* @return {?}
|
|
732
732
|
*/
|
|
733
733
|
function () {
|
|
734
|
+
var _this = this;
|
|
734
735
|
this.initiateGridsterConfig();
|
|
736
|
+
this.widgetRearrangeSubject.subscribe((/**
|
|
737
|
+
* @param {?} event
|
|
738
|
+
* @return {?}
|
|
739
|
+
*/
|
|
740
|
+
function (event) {
|
|
741
|
+
console.log('in subscribe subject & value is');
|
|
742
|
+
console.log(event);
|
|
743
|
+
_this.rearrangeWidgets();
|
|
744
|
+
}));
|
|
735
745
|
};
|
|
736
746
|
/**
|
|
737
747
|
* @param {?} changes
|
|
@@ -912,6 +922,8 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
912
922
|
this.widgetDeleteEvent.unsubscribe();
|
|
913
923
|
if (this.widgetLibraryDoneClick)
|
|
914
924
|
this.widgetLibraryDoneClick.unsubscribe();
|
|
925
|
+
if (this.widgetRearrangeSubject)
|
|
926
|
+
this.widgetRearrangeSubject.unsubscribe();
|
|
915
927
|
};
|
|
916
928
|
/**To update position/dimention of all widgets in the area */
|
|
917
929
|
/**
|
|
@@ -1036,7 +1048,6 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1036
1048
|
*/
|
|
1037
1049
|
function (widgetInstanceId, isalertDisabled) {
|
|
1038
1050
|
if (isalertDisabled === void 0) { isalertDisabled = false; }
|
|
1039
|
-
console.log("goCorona");
|
|
1040
1051
|
/** @type {?} */
|
|
1041
1052
|
var widget = this.widgetList.filter((/**
|
|
1042
1053
|
* @param {?} item
|
|
@@ -1051,12 +1062,24 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1051
1062
|
if (!isalertDisabled) {
|
|
1052
1063
|
this.notifier.notify('success', " " + this.translateService.translate('Common.Widgettext') + " " + widget[0].widgetInfo.widgetTitle + " " + this.translateService.translate('Common.deletedSuccesfully') + " ");
|
|
1053
1064
|
}
|
|
1054
|
-
this.options.compactType = 'compactLeft&Up';
|
|
1055
|
-
this.options.api.optionsChanged();
|
|
1056
|
-
this.options.compactType = 'none';
|
|
1057
|
-
this.options.api.optionsChanged();
|
|
1058
1065
|
}
|
|
1059
1066
|
};
|
|
1067
|
+
/**To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc*/
|
|
1068
|
+
/**
|
|
1069
|
+
* To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc
|
|
1070
|
+
* @return {?}
|
|
1071
|
+
*/
|
|
1072
|
+
RADashboardArea.prototype.rearrangeWidgets = /**
|
|
1073
|
+
* To rearrange widgets position in the dashboard, compactLeft&Up,compactLeft,compactUp,etc
|
|
1074
|
+
* @return {?}
|
|
1075
|
+
*/
|
|
1076
|
+
function () {
|
|
1077
|
+
console.log('in rearrange widgets methd');
|
|
1078
|
+
this.options.compactType = 'compactUp&Left';
|
|
1079
|
+
this.options.api.optionsChanged();
|
|
1080
|
+
this.options.compactType = 'none';
|
|
1081
|
+
this.options.api.optionsChanged();
|
|
1082
|
+
};
|
|
1060
1083
|
/**To add widget instance to the database with the next available position and to make changes in
|
|
1061
1084
|
* dashboard area.
|
|
1062
1085
|
*/
|
|
@@ -1246,6 +1269,7 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
1246
1269
|
widgetHeight: [{ type: Input, args: ['widget-height',] }],
|
|
1247
1270
|
widgetWidth: [{ type: Input, args: ['widget-width',] }],
|
|
1248
1271
|
appConfig: [{ type: Input, args: ['app-config',] }],
|
|
1272
|
+
widgetRearrangeSubject: [{ type: Input }],
|
|
1249
1273
|
gridWrapper: [{ type: ViewChild, args: ['gridWrapper', { static: false },] }],
|
|
1250
1274
|
onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }]
|
|
1251
1275
|
};
|
|
@@ -1302,6 +1326,8 @@ if (false) {
|
|
|
1302
1326
|
/** @type {?} */
|
|
1303
1327
|
RADashboardArea.prototype.appConfig;
|
|
1304
1328
|
/** @type {?} */
|
|
1329
|
+
RADashboardArea.prototype.widgetRearrangeSubject;
|
|
1330
|
+
/** @type {?} */
|
|
1305
1331
|
RADashboardArea.prototype.gridWrapper;
|
|
1306
1332
|
/**
|
|
1307
1333
|
* @type {?}
|
|
@@ -1471,6 +1497,28 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1471
1497
|
this.widgetElement.widgetResized(size);
|
|
1472
1498
|
}
|
|
1473
1499
|
};
|
|
1500
|
+
/**
|
|
1501
|
+
* @param {?=} isHover
|
|
1502
|
+
* @return {?}
|
|
1503
|
+
*/
|
|
1504
|
+
RAWidgetContainer.prototype.mouseHover = /**
|
|
1505
|
+
* @param {?=} isHover
|
|
1506
|
+
* @return {?}
|
|
1507
|
+
*/
|
|
1508
|
+
function (isHover) {
|
|
1509
|
+
if (isHover === void 0) { isHover = true; }
|
|
1510
|
+
if (this.widgetElement) {
|
|
1511
|
+
if (typeof this.widgetElement.hoverStatus === "function") {
|
|
1512
|
+
this.widgetElement.hoverStatus(isHover);
|
|
1513
|
+
}
|
|
1514
|
+
else {
|
|
1515
|
+
console.warn('widget framework outdated, please update to version 0.0.96');
|
|
1516
|
+
}
|
|
1517
|
+
}
|
|
1518
|
+
if (!isHover) {
|
|
1519
|
+
this.hideDropDown();
|
|
1520
|
+
}
|
|
1521
|
+
};
|
|
1474
1522
|
/**
|
|
1475
1523
|
* @return {?}
|
|
1476
1524
|
*/
|
|
@@ -1670,8 +1718,6 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1670
1718
|
* @return {?}
|
|
1671
1719
|
*/
|
|
1672
1720
|
function (e) {
|
|
1673
|
-
console.log('in widget default state');
|
|
1674
|
-
console.log(e);
|
|
1675
1721
|
widgetContainer.setEmptyState(e.detail);
|
|
1676
1722
|
}));
|
|
1677
1723
|
titleLineEnabled = widgetContainer.widgetElement.titleLineEnabled();
|
|
@@ -1749,16 +1795,11 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1749
1795
|
*/
|
|
1750
1796
|
function (widgetInfo, forceEnable) {
|
|
1751
1797
|
if (forceEnable === void 0) { forceEnable = false; }
|
|
1752
|
-
console.log('in set no configured');
|
|
1753
|
-
console.log(widgetInfo);
|
|
1754
|
-
console.log(forceEnable);
|
|
1755
1798
|
if ((widgetInfo.showDefaultState && (widgetInfo.widgetConfigInfo.config == "" || Object.keys(JSON.parse(widgetInfo.widgetConfigInfo.config)).length == 0)) || (forceEnable)) {
|
|
1756
|
-
console.log('ininf');
|
|
1757
1799
|
this.isWidgetStateApplicable = true;
|
|
1758
1800
|
this.widgetEmptyState = WidgetViewState.emptyConfig.toString();
|
|
1759
1801
|
}
|
|
1760
1802
|
else {
|
|
1761
|
-
console.log('in else');
|
|
1762
1803
|
this.widgetEmptyState = '';
|
|
1763
1804
|
this.isWidgetStateApplicable = false;
|
|
1764
1805
|
}
|
|
@@ -1775,24 +1816,19 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1775
1816
|
* @return {?}
|
|
1776
1817
|
*/
|
|
1777
1818
|
function (widgetState) {
|
|
1778
|
-
console.log('in wc contanjiner widget state');
|
|
1779
|
-
console.log(widgetState);
|
|
1780
1819
|
this.widgetEmptyState = widgetState;
|
|
1781
1820
|
if (widgetState != WidgetViewState.normal) {
|
|
1782
1821
|
this.isWidgetStateApplicable = true;
|
|
1783
1822
|
this.isDownloadIconVisible = false;
|
|
1784
1823
|
}
|
|
1785
1824
|
else {
|
|
1786
|
-
console.log('in else case');
|
|
1787
1825
|
this.isWidgetStateApplicable = false;
|
|
1788
1826
|
}
|
|
1789
1827
|
switch (widgetState) {
|
|
1790
1828
|
case WidgetViewState.emptyConfig:
|
|
1791
|
-
console.log('in case emptyconfig');
|
|
1792
1829
|
this.setNotConfiguredState(this.data.widgetInfo, true);
|
|
1793
1830
|
break;
|
|
1794
1831
|
case WidgetViewState.emptyData:
|
|
1795
|
-
console.log('in case empty');
|
|
1796
1832
|
break;
|
|
1797
1833
|
case WidgetViewState.error:
|
|
1798
1834
|
break;
|
|
@@ -2067,7 +2103,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2067
2103
|
RAWidgetContainer.decorators = [
|
|
2068
2104
|
{ type: Component, args: [{
|
|
2069
2105
|
selector: 'ra-widget-container',
|
|
2070
|
-
template: "<div class=\"wc-wrapper\" (mouseleave)=\"
|
|
2106
|
+
template: "<div 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\" [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-md-10 float-left title-label\">\r\n <ra-tooltip [value]=\"toolTipValue\" [width]=\"toolTipWidth\">\r\n <div style=\"text-overflow: ellipsis;white-space: nowrap;overflow: hidden;\" (mouseover)=\"mouseOver($event)\"\r\n #searchInput>{{data.widgetInfo.widgetTitle}}</div>\r\n </ra-tooltip>\r\n </div>\r\n\r\n\r\n <div class=\"col-md-2\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n\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=\"dropdown\" style=\"width:10px;\">\r\n <div class=\"dropbtn title-bar-icon\">\r\n <i (click)=\"showDropDown()\" #widgetDropdown class=\"fal fa-ellipsis-v\"></i>\r\n </div>\r\n <div class=\"download-content dropdown-content widget-config-item\"\r\n [ngClass]=\"{'dropdown-click': dropDownShown}\" style=\"z-index: 1002;\">\r\n\r\n <div style=\"color: #9FA0A4;font-size: 12px;padding-top: 8px;padding-left: 12px;\">\r\n {{'Common.settings'|translate}}</div>\r\n\r\n <a style=\"padding-top: 10px;\" (click)=\"editWidget()\">\r\n <ra-tooltip [value]=\"editToolTipValue\" [width]=\"editToolTipWidth\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span style=\"padding-left: 6px;\">{{editText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <ra-tooltip [value]=\"copyToolTipValue\" [width]=\"copyToolTipWidth\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span style=\"padding-left: 10px;\">{{copyText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <ra-tooltip [value]=\"moveToolTipValue\" [width]=\"moveToolTipWidth\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span style=\"padding-left: 9px;\">{{moveText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n <a *ngIf=\"detailPageUrl\" (click)=\"visitPage()\"\r\n style=\"max-height: 30px;align-items: center;align-content: center; display: flex;\">\r\n <i style=\"padding-left: 4px;font-size: 27px !important;\" class=\"fal fa-angle-right\"></i>\r\n <span style=\"padding-left: 11px;margin-top: 2px;\">{{'Common.visitpage'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\" style=\"padding-bottom: 9px;\">\r\n <span style=\"color: #9FA0A4;font-size: 12px;\"\r\n *ngIf=\"isDownloadIconVisible\">{{'Common.downloads'|translate}}</span>\r\n <div *ngIf=\"isChartDownloadVisible\" style=\"padding-top: 10px;\" class=\"chartDownload\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.png'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'Common.jpeg'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'Common.pdf'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'Common.svg'|translate}}</span>\r\n </a>\r\n </div>\r\n <div *ngIf=\"isGridDownloadVisible\" class=\"gridDownload\">\r\n <a (click)=\"downloadIconClicked('CSV')\">\r\n <ra-tooltip [value]=\"excelToolTipValue\" [width]=\"excelToolTipWidth\">\r\n <i class=\"fal fa-download\"></i>\r\n <span>{{excelText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n <hr *ngIf=\"isDownloadIconVisible\" class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <ra-tooltip [value]=\"deleteToolTipValue\" [width]=\"deleteToolTipWidth\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;color: red;\"></i>\r\n <span>{{deleteText}}</span>\r\n </ra-tooltip>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'15px'}\">\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 <div class=\"contentarea\" *ngIf=\"widgetEmptyState == widgetViewState.emptyConfig\">\r\n <div class=\"textarea light\">\r\n <span class=\"icon empty-config\"><i class=\"fal fa-edit\" style=\"font-size: 16px;\"></i></span>\r\n <span class=\"text\">{{'Common.configureinfo'|translate}}</span>\r\n </div>\r\n <div class=\"button\" (click)=\"editWidget()\">\r\n <div class=\"configuretext\">\r\n {{'Common.configurewidget'|translate}}\r\n </div>\r\n <!-- <span class=\"editIcon\"><i class=\"fal fa-edit\"></i></span><span class=\"text\">Configure Widget</span> -->\r\n </div>\r\n </div>\r\n <div class=\"contentarea emptyDataView\"\r\n *ngIf=\"isWidgetStateApplicable && widgetEmptyState == widgetViewState.emptyData\">\r\n <div class=\"textarea light\">\r\n <span class=\"icon empty-data\"><i class=\"fal fa-empty-set\"></i></span>\r\n <span class=\"text\">{{'Common.widgetemptydatainfo'|translate}}</span>\r\n </div>\r\n </div>\r\n <div class=\"contentarea errorView\" *ngIf=\"isWidgetStateApplicable && widgetEmptyState == widgetViewState.error\">\r\n <div class=\"textarea light\">\r\n <span class=\"icon error-view\"><i class=\"fal fa-octagon\"></i></span>\r\n <span class=\"text\">{{'Common.widgeterrorinfo'|translate}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
2071
2107
|
styles: [".sp_icon{float:left;margin:0 15% 0 0}.dropbtn{color:#42b4e6;text-align:right;height:100%}.dropbtn i{cursor:pointer;width:100%;height:100%}.dropdown{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative;width:100%}@media screen and (max-width:400px){.dropdown{visibility:visible;opacity:1}}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400;width:122px}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.wc{height:100%}.defaultConfig{height:100%;display:flex;align-items:center}.defaultConfig .button{min-height:34px;font-size:13px;width:100%;min-height:34px;color:#fff;background:no-repeat padding-box #3dcd58;display:table;margin:9px 0 0;cursor:pointer;text-align:center;float:left}.defaultConfig .contentarea{width:80%;margin:0 auto;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.defaultConfig .textarea{width:100%;float:left}.defaultConfig .textarea .icon{width:52px;height:100%;float:left}.defaultConfig .textarea .empty-config{color:#32ad3c}.defaultConfig .textarea .error-view{color:#dc0a0a}.defaultConfig .textarea .empty-data{color:#5ab5e6}.defaultConfig .textarea .text{width:calc(100% - 52px);min-height:60px;float:left;font-size:14px;text-align:left}.defaultConfig .textarea .icon i{font-size:40px!important}.configuretext{display:table-cell;vertical-align:middle;height:34px}.dropdown-content a:hover{background-color:#f1f1f1}.lockInvisible{margin-right:-17px}.dropdown-click{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.download-icon{cursor:pointer}.dropdown:hover .dropdown-content{color:#fff}.title-bar-icon{color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}.settingstyle{color:#9fa0a4;font-size:12px}@-webkit-keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20%)}100%{opacity:1;transform:translateY(0)}}.widget-config-item i{font-size:17px;color:#42b4e6}.widget-config-item span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.lock{color:#42b4e6}.locked{color:#42b4e6;background:#fff}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.download-content a:hover{background-color:#f1f1f1}.download-content a i{font-size:17px;color:#42b4e6}.download-content a span{font-size:12px;font:inherit;padding-left:12px;color:#42b4e6}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-dropdown{transition:visibility,opacity .5s linear;position:relative;display:inline-block;margin:0 6px 0 10px}.lock-dropdown-content{display:none;margin-top:8px;position:absolute;right:0;top:79%;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:899;font-size:12px;min-width:220px!important;min-height:112px;background-color:#219bfd;opacity:.9;padding:15px;color:#fff}.lock-dropdown-content hr{border-bottom:1px solid #fff}.lock-dropdown:hover .lock-dropdown-content{display:block!important;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}"]
|
|
2072
2108
|
}] }
|
|
2073
2109
|
];
|
|
@@ -7373,6 +7409,7 @@ var RaBaseDashboardTemplate = /** @class */ (function () {
|
|
|
7373
7409
|
function RaBaseDashboardTemplate(ngZone) {
|
|
7374
7410
|
var _this = this;
|
|
7375
7411
|
this.ngZone = ngZone;
|
|
7412
|
+
this.widgetRearrangeSubject = new Subject();
|
|
7376
7413
|
this.initialize = (/**
|
|
7377
7414
|
* @param {?} eventBus
|
|
7378
7415
|
* @param {?} userDashboardId
|
|
@@ -7390,6 +7427,17 @@ var RaBaseDashboardTemplate = /** @class */ (function () {
|
|
|
7390
7427
|
}));
|
|
7391
7428
|
_this.init();
|
|
7392
7429
|
});
|
|
7430
|
+
this.rearrangeWidgets = (/**
|
|
7431
|
+
* @return {?}
|
|
7432
|
+
*/
|
|
7433
|
+
function () {
|
|
7434
|
+
_this.ngZone.run((/**
|
|
7435
|
+
* @return {?}
|
|
7436
|
+
*/
|
|
7437
|
+
function () {
|
|
7438
|
+
_this.widgetRearrangeSubject.next(true);
|
|
7439
|
+
}));
|
|
7440
|
+
});
|
|
7393
7441
|
}
|
|
7394
7442
|
/**
|
|
7395
7443
|
* @return {?}
|
|
@@ -7405,7 +7453,8 @@ var RaBaseDashboardTemplate = /** @class */ (function () {
|
|
|
7405
7453
|
RaBaseDashboardTemplate.propDecorators = {
|
|
7406
7454
|
dashboardId: [{ type: Input, args: ['dashboard-id',] }],
|
|
7407
7455
|
globalFilter: [{ type: Input, args: ['global-filter',] }],
|
|
7408
|
-
initialize: [{ type: Input }]
|
|
7456
|
+
initialize: [{ type: Input }],
|
|
7457
|
+
rearrangeWidgets: [{ type: Input }]
|
|
7409
7458
|
};
|
|
7410
7459
|
return RaBaseDashboardTemplate;
|
|
7411
7460
|
}());
|
|
@@ -7417,11 +7466,15 @@ if (false) {
|
|
|
7417
7466
|
/** @type {?} */
|
|
7418
7467
|
RaBaseDashboardTemplate.prototype.appConfig;
|
|
7419
7468
|
/** @type {?} */
|
|
7469
|
+
RaBaseDashboardTemplate.prototype.widgetRearrangeSubject;
|
|
7470
|
+
/** @type {?} */
|
|
7420
7471
|
RaBaseDashboardTemplate.prototype.dashboardId;
|
|
7421
7472
|
/** @type {?} */
|
|
7422
7473
|
RaBaseDashboardTemplate.prototype.globalFilter;
|
|
7423
7474
|
/** @type {?} */
|
|
7424
7475
|
RaBaseDashboardTemplate.prototype.initialize;
|
|
7476
|
+
/** @type {?} */
|
|
7477
|
+
RaBaseDashboardTemplate.prototype.rearrangeWidgets;
|
|
7425
7478
|
/**
|
|
7426
7479
|
* @type {?}
|
|
7427
7480
|
* @private
|