@schneideress/dashboardframework 0.0.87 → 0.0.89
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 +21 -7
- 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 +17 -3
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +8 -8
- package/esm5/lib/ra-dashboard-area/ra.dashboard.area.js +17 -3
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +8 -8
- package/fesm2015/schneideress-dashboardframework.js +23 -9
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +23 -9
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-dashboard-area/ra.dashboard.area.d.ts +2 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +2 -2
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -1127,6 +1127,11 @@
|
|
|
1127
1127
|
function () {
|
|
1128
1128
|
var _this = this;
|
|
1129
1129
|
/** @type {?} */
|
|
1130
|
+
var isMobile = false;
|
|
1131
|
+
if (this.options.mobileBreakpoint > this.gridWrapper.nativeElement.clientWidth) {
|
|
1132
|
+
isMobile = true;
|
|
1133
|
+
}
|
|
1134
|
+
/** @type {?} */
|
|
1130
1135
|
var areaScrollHeight = 0;
|
|
1131
1136
|
/** @type {?} */
|
|
1132
1137
|
var areaHeight = 0;
|
|
@@ -1153,6 +1158,12 @@
|
|
|
1153
1158
|
if (this.options.api) {
|
|
1154
1159
|
areaHeight = areaScrollHeight * this.options.api.getCurrentRowHeight() + 100;
|
|
1155
1160
|
}
|
|
1161
|
+
/** @type {?} */
|
|
1162
|
+
var areaScrollHeightMob = 0;
|
|
1163
|
+
if (isMobile) {
|
|
1164
|
+
areaScrollHeightMob = this.widgetList.length * 300 + 100;
|
|
1165
|
+
areaHeight = areaScrollHeightMob;
|
|
1166
|
+
}
|
|
1156
1167
|
if (areaHeight < 600) {
|
|
1157
1168
|
areaHeight = 600;
|
|
1158
1169
|
}
|
|
@@ -1373,7 +1384,8 @@
|
|
|
1373
1384
|
raDashboardEventBus: [{ type: core.Input, args: ['event-bus',] }],
|
|
1374
1385
|
widgetHeight: [{ type: core.Input, args: ['widget-height',] }],
|
|
1375
1386
|
widgetWidth: [{ type: core.Input, args: ['widget-width',] }],
|
|
1376
|
-
appConfig: [{ type: core.Input, args: ['app-config',] }]
|
|
1387
|
+
appConfig: [{ type: core.Input, args: ['app-config',] }],
|
|
1388
|
+
gridWrapper: [{ type: core.ViewChild, args: ['gridWrapper', { static: false },] }]
|
|
1377
1389
|
};
|
|
1378
1390
|
return RADashboardArea;
|
|
1379
1391
|
}());
|
|
@@ -1423,6 +1435,8 @@
|
|
|
1423
1435
|
RADashboardArea.prototype.widgetWidth;
|
|
1424
1436
|
/** @type {?} */
|
|
1425
1437
|
RADashboardArea.prototype.appConfig;
|
|
1438
|
+
/** @type {?} */
|
|
1439
|
+
RADashboardArea.prototype.gridWrapper;
|
|
1426
1440
|
/**
|
|
1427
1441
|
* @type {?}
|
|
1428
1442
|
* @private
|
|
@@ -1468,7 +1482,7 @@
|
|
|
1468
1482
|
this.isWidgetLoaded = false;
|
|
1469
1483
|
this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
|
|
1470
1484
|
this.lockClass = "unlocked";
|
|
1471
|
-
this.lockStatus =
|
|
1485
|
+
this.lockStatus = widgetframework.RaWidgetlockStatus.Unlocked;
|
|
1472
1486
|
this.isDownloadIconVisible = false;
|
|
1473
1487
|
this.dropDownShown = false;
|
|
1474
1488
|
this.isDownloadChartVisible = false;
|
|
@@ -1780,7 +1794,7 @@
|
|
|
1780
1794
|
return [4 /*yield*/, this.widgetElement.loadLockStatus(config)];
|
|
1781
1795
|
case 1:
|
|
1782
1796
|
_a.lockStatus = _b.sent();
|
|
1783
|
-
if (this.lockStatus ==
|
|
1797
|
+
if (this.lockStatus == widgetframework.RaWidgetlockStatus.Locked) {
|
|
1784
1798
|
this.lockTitle = 'Locked';
|
|
1785
1799
|
}
|
|
1786
1800
|
else {
|
|
@@ -1788,15 +1802,15 @@
|
|
|
1788
1802
|
}
|
|
1789
1803
|
if (this.lockStatus) {
|
|
1790
1804
|
switch (this.lockStatus) {
|
|
1791
|
-
case
|
|
1805
|
+
case widgetframework.RaWidgetlockStatus.Locked: {
|
|
1792
1806
|
this.lockClass = "fas fa-lock locked";
|
|
1793
1807
|
break;
|
|
1794
1808
|
}
|
|
1795
|
-
case
|
|
1809
|
+
case widgetframework.RaWidgetlockStatus.Unlocked: {
|
|
1796
1810
|
this.lockClass = "unlocked";
|
|
1797
1811
|
break;
|
|
1798
1812
|
}
|
|
1799
|
-
case
|
|
1813
|
+
case widgetframework.RaWidgetlockStatus.PartiallyLocked: {
|
|
1800
1814
|
this.lockClass = "fas fa-lock partiallocked";
|
|
1801
1815
|
break;
|
|
1802
1816
|
}
|
|
@@ -1909,7 +1923,7 @@
|
|
|
1909
1923
|
RAWidgetContainer.decorators = [
|
|
1910
1924
|
{ type: core.Component, args: [{
|
|
1911
1925
|
selector: 'ra-widget-container',
|
|
1912
|
-
template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;\">\r\n <div style=\"display:flex;margin-top:10px;\">\r\n <div class=\"col-md-11 float-left\" style=\"width:96%;padding-left: 0px\">{{data.widgetInfo.widgetTitle}}\r\n </div>\r\n <div class=\"col-md-1\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div class=\"title-bar-icon download download-icon\" *ngIf=\"isDownloadIconVisible\">\r\n <i class=\"fas fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload\r\n (click)=\"downloadClicked()\"></i>\r\n <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'PNG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file\"></i>\r\n <span>{{'JPEG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'PDF'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'SVG'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fas fa-cog\" (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\r\n <a (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Move'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n <span>{{'Delete'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n <ra-tooltip [value]=\"lockTitle\" [width]=\"'300px'\">\r\n <div class=\"title-bar-lock-icon\">\r\n
|
|
1926
|
+
template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\" [ngClass]=\"{'underLine': enableTitleLine}\">\r\n <div class=\"col-md-12 wc-mover\" style=\"padding-left: 0px;height:inherit;\">\r\n <div style=\"display:flex;margin-top:10px;\">\r\n <div class=\"col-md-11 float-left\" style=\"width:96%;padding-left: 0px\">{{data.widgetInfo.widgetTitle}}\r\n </div>\r\n <div class=\"col-md-1\" style=\"cursor:default;padding-right: 0px;\">\r\n <div class=\"float-right\" style=\"display: flex;\">\r\n <div class=\"title-bar-icon download download-icon\" *ngIf=\"isDownloadIconVisible\">\r\n <i class=\"fas fa-download\" (mouseover)=\"setDownloadIcon()\" #widgetDownload\r\n (click)=\"downloadClicked()\"></i>\r\n <div class=\"download-content\" [ngClass]=\"{'dropdown-click': isDownloadChartVisible}\">\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-file-image\"></i>\r\n <span>{{'PNG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('JPEG')\">\r\n <i class=\"fal fa-file\"></i>\r\n <span>{{'JPEG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PDF')\">\r\n <i class=\"fal fa-file-pdf\"></i>\r\n <span>{{'PDF'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-file-alt\"></i>\r\n <span>{{'SVG'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dropdown\">\r\n <div class=\"dropbtn title-bar-icon\"> <i #widgetDropdown class=\"fas fa-cog\" (click)=\"showDropDown()\"></i>\r\n </div>\r\n <div class=\"dropdown-content widget-config-item\" [ngClass]=\"{'dropdown-click': dropDownShown}\">\r\n <a (click)=\"editWidget()\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'Edit'|translate}}</span>\r\n </a>\r\n <a (click)=\"copyWidget()\">\r\n <i class=\"fal fa-copy\"></i>\r\n <span>{{'Copy'|translate}}</span>\r\n </a>\r\n <a (click)=\"moveWidget()\">\r\n <i class=\"fal fa-arrows-alt\"></i>\r\n <span>{{'Move'|translate}}</span>\r\n </a>\r\n <hr class=\"hr\">\r\n <a (click)=\"deleteWidget()\">\r\n <i class=\"fal fa-times\" style=\"padding-left: 3px;\"></i>\r\n <span>{{'Delete'|translate}}</span>\r\n </a>\r\n </div>\r\n </div>\r\n <ra-tooltip [value]=\"lockTitle\" [width]=\"'300px'\">\r\n <div class=\"title-bar-lock-icon\">\r\n <i [ngClass]=\"lockClass\"></i>\r\n\r\n </div>\r\n </ra-tooltip>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"wcBody\">\r\n <div 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 <perfect-scrollbar [scrollIndicators]=\"true\">\r\n <div #ctlWidget></div>\r\n </perfect-scrollbar>\r\n </div>\r\n</div>",
|
|
1913
1927
|
styles: [".wcheader{width:100%;height:45px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0}.underLine{border-bottom:2px solid #d4d7d8}.wc-wrapper{height:100%;position:relative;margin:auto 15px}.wc-mover{cursor:all-scroll}.wcBody{width:100%;position:absolute;top:46px;left:0;bottom:15px}.wcBodyBorder{border:1px dashed #e6e2e2}.sp_icon{float:left;margin:0 15% 0 0}.dropbtn{cursor:pointer;color:#42b4e6}.dropdown{visibility:hidden;opacity:0;-webkit-transition:visibility,opacity .5s linear;transition:visibility,opacity .5s linear;position:relative}.dropdown hr{margin:0!important}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400}.dropdown-content a{color:#000;padding:5px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.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}.wc-wrapper:hover .dropdown{visibility:visible;opacity:1}.title-bar-icon{margin:0 3px;color:#42b4e6}.title-bar-lock-icon{margin:0 3px}.hr{border:0;border-top:1px solid rgba(0,0,0,.1)}@keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-20%)}100%{opacity:1;-webkit-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}.locked{color:#42b4e6}.partiallocked{color:#a0d9f2}.unlocked{display:none}.download{visibility:hidden;opacity:0;-webkit-transition:visibility,opacity .5s linear;transition:visibility,opacity .5s linear;position:relative}.wc-wrapper:hover .download{visibility:visible;opacity:1}.download-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:100px;box-shadow:0 8px 16px 8px rgba(0,0,0,.2);z-index:2;font-size:12px;font-weight:400}.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}"]
|
|
1914
1928
|
}] }
|
|
1915
1929
|
];
|