@schneideress/dashboardframework 0.0.211 → 0.0.213
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 +59 -23
- 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 +36 -23
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +14 -2
- package/esm2015/lib/ra.dashboard.responsive.service.js +12 -1
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +36 -23
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +14 -2
- package/esm5/lib/ra.dashboard.responsive.service.js +12 -1
- package/fesm2015/schneideress-dashboardframework.js +59 -23
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +59 -23
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +1 -0
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -507,6 +507,17 @@ var RADashboardResponsiveService = /** @class */ (function () {
|
|
|
507
507
|
this.screenWidth = window.outerWidth;
|
|
508
508
|
if (this.IsDesktopView) {
|
|
509
509
|
this.currentResInfo = this.resInfo[3];
|
|
510
|
+
/** @type {?} */
|
|
511
|
+
var resInfo = this.resInfo.filter((/**
|
|
512
|
+
* @param {?} item
|
|
513
|
+
* @return {?}
|
|
514
|
+
*/
|
|
515
|
+
function (item) {
|
|
516
|
+
return item.end >= _this.screenWidth && item.start <= _this.screenWidth;
|
|
517
|
+
}))[0];
|
|
518
|
+
if (this.currentResInfo.id != resInfo.id) {
|
|
519
|
+
this.resized.next(true);
|
|
520
|
+
}
|
|
510
521
|
}
|
|
511
522
|
else {
|
|
512
523
|
/** @type {?} */
|
|
@@ -751,30 +762,43 @@ var RADashboardArea = /** @class */ (function () {
|
|
|
751
762
|
this.isWidgetMgmnt = this.permissionService.hasPermission('ra.widgetmanagement');
|
|
752
763
|
this.initiateGridsterConfig();
|
|
753
764
|
this.responsiveService.resized.subscribe((/**
|
|
765
|
+
* @param {?} isDesktop
|
|
754
766
|
* @return {?}
|
|
755
767
|
*/
|
|
756
|
-
function () {
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
_this.
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
768
|
+
function (isDesktop) {
|
|
769
|
+
console.log('in responsive service subscribe');
|
|
770
|
+
console.log(isDesktop);
|
|
771
|
+
if (isDesktop) {
|
|
772
|
+
setTimeout((/**
|
|
773
|
+
* @return {?}
|
|
774
|
+
*/
|
|
775
|
+
function () {
|
|
776
|
+
_this.domResized = !_this.domResized;
|
|
777
|
+
}), 2000);
|
|
778
|
+
}
|
|
779
|
+
else {
|
|
780
|
+
_this.widgetList = [];
|
|
781
|
+
setTimeout((/**
|
|
782
|
+
* @return {?}
|
|
783
|
+
*/
|
|
784
|
+
function () {
|
|
785
|
+
_this.initiateGridsterConfig();
|
|
786
|
+
_this.options.api.optionsChanged();
|
|
787
|
+
if (_this.userWidgets) {
|
|
788
|
+
_this.widgetList = _this.mapObjectListToGridsterItemList(_this.userWidgets);
|
|
789
|
+
setTimeout((/**
|
|
790
|
+
* @return {?}
|
|
791
|
+
*/
|
|
792
|
+
function () {
|
|
793
|
+
_this.setAreaHeight();
|
|
794
|
+
}));
|
|
795
|
+
}
|
|
796
|
+
else {
|
|
797
|
+
_this.loadWidgets(_this.userDashboardId, _this.areaKey);
|
|
798
|
+
}
|
|
799
|
+
_this.domResized = !_this.domResized;
|
|
800
|
+
}));
|
|
801
|
+
}
|
|
778
802
|
}));
|
|
779
803
|
};
|
|
780
804
|
/**
|
|
@@ -1586,6 +1610,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1586
1610
|
this.noPadding = false;
|
|
1587
1611
|
this.isMouseHover = false;
|
|
1588
1612
|
this.showSettingsLink = true;
|
|
1613
|
+
this.isKpiView = false;
|
|
1589
1614
|
this.widgetDeleted = new EventEmitter();
|
|
1590
1615
|
this.isWidgetStateApplicable = false;
|
|
1591
1616
|
this.widgetEmptyState = '';
|
|
@@ -1683,6 +1708,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1683
1708
|
* @return {?}
|
|
1684
1709
|
*/
|
|
1685
1710
|
function () {
|
|
1711
|
+
console.log('in invoke widget resized event');
|
|
1686
1712
|
if (this.widgetElement) {
|
|
1687
1713
|
/** @type {?} */
|
|
1688
1714
|
var size = {};
|
|
@@ -1690,6 +1716,10 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1690
1716
|
size.width = this.width;
|
|
1691
1717
|
size.cellHeight = this.gridCellHeight;
|
|
1692
1718
|
this.widgetElement.widgetResized(size);
|
|
1719
|
+
if (this.height == 1 || this.width == 1)
|
|
1720
|
+
this.isKpiView = true;
|
|
1721
|
+
else
|
|
1722
|
+
this.isKpiView = false;
|
|
1693
1723
|
}
|
|
1694
1724
|
};
|
|
1695
1725
|
/**
|
|
@@ -2115,6 +2145,10 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2115
2145
|
* @return {?}
|
|
2116
2146
|
*/
|
|
2117
2147
|
function (widgetState) {
|
|
2148
|
+
if (this.height == 1 || this.width == 1)
|
|
2149
|
+
this.isKpiView = true;
|
|
2150
|
+
else
|
|
2151
|
+
this.isKpiView = false;
|
|
2118
2152
|
this.widgetEmptyState = widgetState.widgetViewState;
|
|
2119
2153
|
this.isGlobalFilterApplied = widgetState.isGlobalFilterApplied;
|
|
2120
2154
|
if (widgetState != WidgetViewState.normal) {
|
|
@@ -2570,7 +2604,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
2570
2604
|
RAWidgetContainer.decorators = [
|
|
2571
2605
|
{ type: Component, args: [{
|
|
2572
2606
|
selector: 'ra-widget-container',
|
|
2573
|
-
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\" [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>{{WidgetDisplayName}}</div>\r\n </ra-tooltip>\r\n </div>\r\n <div class=\"col-md-2\" 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]=\"!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;\"
|
|
2607
|
+
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\" [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>{{WidgetDisplayName}}</div>\r\n </ra-tooltip>\r\n </div>\r\n <div class=\"col-md-2\" 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]=\"!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 class=\"wcBody\" [ngStyle]=\"{'bottom': noPadding?'0px':'10px'}\">\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>"
|
|
2574
2608
|
}] }
|
|
2575
2609
|
];
|
|
2576
2610
|
/** @nocollapse */
|
|
@@ -2684,6 +2718,8 @@ if (false) {
|
|
|
2684
2718
|
/** @type {?} */
|
|
2685
2719
|
RAWidgetContainer.prototype.showSettingsLink;
|
|
2686
2720
|
/** @type {?} */
|
|
2721
|
+
RAWidgetContainer.prototype.isKpiView;
|
|
2722
|
+
/** @type {?} */
|
|
2687
2723
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2688
2724
|
/** @type {?} */
|
|
2689
2725
|
RAWidgetContainer.prototype.widgetDropdown;
|