@schneideress/dashboardframework 0.0.97 → 0.0.99
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 +31 -1
- 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-widget-container/ra.widget.container.component.js +28 -2
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +32 -2
- package/fesm2015/schneideress-dashboardframework.js +27 -1
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +31 -1
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +4 -0
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -1318,6 +1318,8 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1318
1318
|
this.dropDownShown = false;
|
|
1319
1319
|
this.isDownloadChartVisible = false;
|
|
1320
1320
|
this.enableTitleLine = false;
|
|
1321
|
+
this.toolTipValue = ' ';
|
|
1322
|
+
this.toolTipWidth = '0px';
|
|
1321
1323
|
this.widgetDeleted = new EventEmitter();
|
|
1322
1324
|
this.renderer.listen('window', 'click', (/**
|
|
1323
1325
|
* @param {?} e
|
|
@@ -1605,6 +1607,27 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1605
1607
|
});
|
|
1606
1608
|
});
|
|
1607
1609
|
};
|
|
1610
|
+
/**
|
|
1611
|
+
* @param {?} event
|
|
1612
|
+
* @return {?}
|
|
1613
|
+
*/
|
|
1614
|
+
RAWidgetContainer.prototype.mouseOver = /**
|
|
1615
|
+
* @param {?} event
|
|
1616
|
+
* @return {?}
|
|
1617
|
+
*/
|
|
1618
|
+
function (event) {
|
|
1619
|
+
this.toolTipValue = ' ';
|
|
1620
|
+
this.toolTipWidth = '0px';
|
|
1621
|
+
/** @type {?} */
|
|
1622
|
+
var element = this.searchInput.nativeElement;
|
|
1623
|
+
if (element.offsetWidth < element.scrollWidth) {
|
|
1624
|
+
this.toolTipValue = element.innerHTML;
|
|
1625
|
+
this.toolTipWidth = '300px';
|
|
1626
|
+
}
|
|
1627
|
+
else {
|
|
1628
|
+
this.toolTipWidth = '0px';
|
|
1629
|
+
}
|
|
1630
|
+
};
|
|
1608
1631
|
/**
|
|
1609
1632
|
* @private
|
|
1610
1633
|
* @param {?} config
|
|
@@ -1754,7 +1777,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1754
1777
|
RAWidgetContainer.decorators = [
|
|
1755
1778
|
{ type: Component, args: [{
|
|
1756
1779
|
selector: 'ra-widget-container',
|
|
1757
|
-
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\r\n <div class=\"col-md-11 float-left title-label\">\r\n <ra-tooltip
|
|
1780
|
+
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\r\n <div class=\"col-md-11 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-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=\"fal 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=\"fal 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>",
|
|
1758
1781
|
styles: [".wcheader{width:100%;height:45px;background:#fff;color:#3dcd58;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;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;transform:translateY(-20%)}100%{opacity:1;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;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}.title-label{width:96%;padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
|
|
1759
1782
|
}] }
|
|
1760
1783
|
];
|
|
@@ -1771,6 +1794,7 @@ var RAWidgetContainer = /** @class */ (function () {
|
|
|
1771
1794
|
ctlWidget: [{ type: ViewChild, args: ['ctlWidget', { static: false },] }],
|
|
1772
1795
|
widgetDropdown: [{ type: ViewChild, args: ['widgetDropdown', { static: false },] }],
|
|
1773
1796
|
widgetDownload: [{ type: ViewChild, args: ['widgetDownload', { static: false },] }],
|
|
1797
|
+
searchInput: [{ type: ViewChild, args: ['searchInput', { static: false },] }],
|
|
1774
1798
|
widgetInstanceId: [{ type: Input, args: ['widget-instance-id',] }],
|
|
1775
1799
|
globalFilter: [{ type: Input, args: ['global-filter',] }],
|
|
1776
1800
|
data: [{ type: Input, args: ['data',] }],
|
|
@@ -1823,12 +1847,18 @@ if (false) {
|
|
|
1823
1847
|
/** @type {?} */
|
|
1824
1848
|
RAWidgetContainer.prototype.enableTitleLine;
|
|
1825
1849
|
/** @type {?} */
|
|
1850
|
+
RAWidgetContainer.prototype.toolTipValue;
|
|
1851
|
+
/** @type {?} */
|
|
1852
|
+
RAWidgetContainer.prototype.toolTipWidth;
|
|
1853
|
+
/** @type {?} */
|
|
1826
1854
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1827
1855
|
/** @type {?} */
|
|
1828
1856
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
1829
1857
|
/** @type {?} */
|
|
1830
1858
|
RAWidgetContainer.prototype.widgetDownload;
|
|
1831
1859
|
/** @type {?} */
|
|
1860
|
+
RAWidgetContainer.prototype.searchInput;
|
|
1861
|
+
/** @type {?} */
|
|
1832
1862
|
RAWidgetContainer.prototype.widgetInstanceId;
|
|
1833
1863
|
/** @type {?} */
|
|
1834
1864
|
RAWidgetContainer.prototype.globalFilter;
|