@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
|
@@ -1507,6 +1507,8 @@
|
|
|
1507
1507
|
this.dropDownShown = false;
|
|
1508
1508
|
this.isDownloadChartVisible = false;
|
|
1509
1509
|
this.enableTitleLine = false;
|
|
1510
|
+
this.toolTipValue = ' ';
|
|
1511
|
+
this.toolTipWidth = '0px';
|
|
1510
1512
|
this.widgetDeleted = new core.EventEmitter();
|
|
1511
1513
|
this.renderer.listen('window', 'click', (/**
|
|
1512
1514
|
* @param {?} e
|
|
@@ -1794,6 +1796,27 @@
|
|
|
1794
1796
|
});
|
|
1795
1797
|
});
|
|
1796
1798
|
};
|
|
1799
|
+
/**
|
|
1800
|
+
* @param {?} event
|
|
1801
|
+
* @return {?}
|
|
1802
|
+
*/
|
|
1803
|
+
RAWidgetContainer.prototype.mouseOver = /**
|
|
1804
|
+
* @param {?} event
|
|
1805
|
+
* @return {?}
|
|
1806
|
+
*/
|
|
1807
|
+
function (event) {
|
|
1808
|
+
this.toolTipValue = ' ';
|
|
1809
|
+
this.toolTipWidth = '0px';
|
|
1810
|
+
/** @type {?} */
|
|
1811
|
+
var element = this.searchInput.nativeElement;
|
|
1812
|
+
if (element.offsetWidth < element.scrollWidth) {
|
|
1813
|
+
this.toolTipValue = element.innerHTML;
|
|
1814
|
+
this.toolTipWidth = '300px';
|
|
1815
|
+
}
|
|
1816
|
+
else {
|
|
1817
|
+
this.toolTipWidth = '0px';
|
|
1818
|
+
}
|
|
1819
|
+
};
|
|
1797
1820
|
/**
|
|
1798
1821
|
* @private
|
|
1799
1822
|
* @param {?} config
|
|
@@ -1943,7 +1966,7 @@
|
|
|
1943
1966
|
RAWidgetContainer.decorators = [
|
|
1944
1967
|
{ type: core.Component, args: [{
|
|
1945
1968
|
selector: 'ra-widget-container',
|
|
1946
|
-
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
|
|
1969
|
+
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>",
|
|
1947
1970
|
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}"]
|
|
1948
1971
|
}] }
|
|
1949
1972
|
];
|
|
@@ -1960,6 +1983,7 @@
|
|
|
1960
1983
|
ctlWidget: [{ type: core.ViewChild, args: ['ctlWidget', { static: false },] }],
|
|
1961
1984
|
widgetDropdown: [{ type: core.ViewChild, args: ['widgetDropdown', { static: false },] }],
|
|
1962
1985
|
widgetDownload: [{ type: core.ViewChild, args: ['widgetDownload', { static: false },] }],
|
|
1986
|
+
searchInput: [{ type: core.ViewChild, args: ['searchInput', { static: false },] }],
|
|
1963
1987
|
widgetInstanceId: [{ type: core.Input, args: ['widget-instance-id',] }],
|
|
1964
1988
|
globalFilter: [{ type: core.Input, args: ['global-filter',] }],
|
|
1965
1989
|
data: [{ type: core.Input, args: ['data',] }],
|
|
@@ -2012,12 +2036,18 @@
|
|
|
2012
2036
|
/** @type {?} */
|
|
2013
2037
|
RAWidgetContainer.prototype.enableTitleLine;
|
|
2014
2038
|
/** @type {?} */
|
|
2039
|
+
RAWidgetContainer.prototype.toolTipValue;
|
|
2040
|
+
/** @type {?} */
|
|
2041
|
+
RAWidgetContainer.prototype.toolTipWidth;
|
|
2042
|
+
/** @type {?} */
|
|
2015
2043
|
RAWidgetContainer.prototype.ctlWidget;
|
|
2016
2044
|
/** @type {?} */
|
|
2017
2045
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
2018
2046
|
/** @type {?} */
|
|
2019
2047
|
RAWidgetContainer.prototype.widgetDownload;
|
|
2020
2048
|
/** @type {?} */
|
|
2049
|
+
RAWidgetContainer.prototype.searchInput;
|
|
2050
|
+
/** @type {?} */
|
|
2021
2051
|
RAWidgetContainer.prototype.widgetInstanceId;
|
|
2022
2052
|
/** @type {?} */
|
|
2023
2053
|
RAWidgetContainer.prototype.globalFilter;
|