@schneideress/dashboardframework 0.0.69 → 0.0.71
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 +74 -13
- package/bundles/schneideress-dashboardframework.umd.js.map +1 -1
- package/bundles/schneideress-dashboardframework.umd.min.js +2 -2
- package/bundles/schneideress-dashboardframework.umd.min.js.map +1 -1
- package/esm2015/lib/ra-widget-container/ra.widget.container.component.js +63 -8
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +72 -10
- package/fesm2015/schneideress-dashboardframework.js +62 -7
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +71 -9
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +6 -2
- package/package.json +1 -1
- package/schneideress-dashboardframework.metadata.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@schneideress/ra-common'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-perfect-scrollbar'), require('@angular/common')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@schneideress/dashboardframework', ['exports', '@angular/core', 'rxjs', '@schneideress/ra-common', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@angular/platform-browser', '@angular/common/http', 'ngx-perfect-scrollbar', '@angular/common'], factory) :
|
|
4
|
-
(global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global.raCommon, global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.ng.platformBrowser, global.ng.common.http, global.ngxPerfectScrollbar, global.ng.common));
|
|
5
|
-
}(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, platformBrowser, http, ngxPerfectScrollbar, common) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@schneideress/ra-common'), require('rxjs/operators'), require('ngx-ui-loader'), require('angular-notifier'), require('@schneideress/widgetframework'), require('@angular/platform-browser'), require('@angular/common/http'), require('ngx-perfect-scrollbar'), require('@angular/common')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@schneideress/dashboardframework', ['exports', '@angular/core', 'rxjs', '@schneideress/ra-common', 'rxjs/operators', 'ngx-ui-loader', 'angular-notifier', '@schneideress/widgetframework', '@angular/platform-browser', '@angular/common/http', 'ngx-perfect-scrollbar', '@angular/common'], factory) :
|
|
4
|
+
(global = global || self, factory((global.schneideress = global.schneideress || {}, global.schneideress.dashboardframework = {}), global.ng.core, global.rxjs, global.raCommon, global.rxjs.operators, global['ngx-ui-loader'], global['angular-notifier'], global.widgetframework, global.ng.platformBrowser, global.ng.common.http, global.ngxPerfectScrollbar, global.ng.common));
|
|
5
|
+
}(this, (function (exports, core, rxjs, raCommon, operators, ngxUiLoader, angularNotifier, widgetframework, platformBrowser, http, ngxPerfectScrollbar, common) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
8
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
@@ -1464,6 +1464,7 @@
|
|
|
1464
1464
|
this.lockStatus = "unlock";
|
|
1465
1465
|
this.isDownloadIconVisible = false;
|
|
1466
1466
|
this.dropDownShown = false;
|
|
1467
|
+
this.isDownloadChartVisible = false;
|
|
1467
1468
|
this.widgetDeleted = new core.EventEmitter();
|
|
1468
1469
|
this.renderer.listen('window', 'click', (/**
|
|
1469
1470
|
* @param {?} e
|
|
@@ -1474,6 +1475,15 @@
|
|
|
1474
1475
|
_this.dropDownShown = false;
|
|
1475
1476
|
}
|
|
1476
1477
|
}));
|
|
1478
|
+
this.renderer.listen('window', 'click', (/**
|
|
1479
|
+
* @param {?} e
|
|
1480
|
+
* @return {?}
|
|
1481
|
+
*/
|
|
1482
|
+
function (e) {
|
|
1483
|
+
if (_this.widgetDownload && e.target !== _this.widgetDownload.nativeElement) {
|
|
1484
|
+
_this.isDownloadChartVisible = false;
|
|
1485
|
+
}
|
|
1486
|
+
}));
|
|
1477
1487
|
}
|
|
1478
1488
|
/**
|
|
1479
1489
|
* @param {?} changes
|
|
@@ -1777,19 +1787,25 @@
|
|
|
1777
1787
|
});
|
|
1778
1788
|
};
|
|
1779
1789
|
/**
|
|
1780
|
-
* @private
|
|
1781
1790
|
* @return {?}
|
|
1782
1791
|
*/
|
|
1783
1792
|
RAWidgetContainer.prototype.setDownloadIcon = /**
|
|
1784
|
-
* @private
|
|
1785
1793
|
* @return {?}
|
|
1786
1794
|
*/
|
|
1787
1795
|
function () {
|
|
1788
1796
|
return __awaiter(this, void 0, void 0, function () {
|
|
1797
|
+
var downloadType;
|
|
1789
1798
|
return __generator(this, function (_a) {
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1799
|
+
switch (_a.label) {
|
|
1800
|
+
case 0: return [4 /*yield*/, this.widgetElement.getDownloadType()];
|
|
1801
|
+
case 1:
|
|
1802
|
+
downloadType = _a.sent();
|
|
1803
|
+
this.downloadIconType = downloadType;
|
|
1804
|
+
if (downloadType != widgetframework.RADownloadType.None) {
|
|
1805
|
+
this.isDownloadIconVisible = true;
|
|
1806
|
+
}
|
|
1807
|
+
return [2 /*return*/];
|
|
1808
|
+
}
|
|
1793
1809
|
});
|
|
1794
1810
|
});
|
|
1795
1811
|
};
|
|
@@ -1800,7 +1816,43 @@
|
|
|
1800
1816
|
* @return {?}
|
|
1801
1817
|
*/
|
|
1802
1818
|
function () {
|
|
1803
|
-
|
|
1819
|
+
switch (this.downloadIconType) {
|
|
1820
|
+
case widgetframework.RADownloadType.Grid:
|
|
1821
|
+
this.downloadIconClicked('CSV');
|
|
1822
|
+
break;
|
|
1823
|
+
case widgetframework.RADownloadType.Chart:
|
|
1824
|
+
this.isDownloadChartVisible = true;
|
|
1825
|
+
break;
|
|
1826
|
+
case widgetframework.RADownloadType.Custom:
|
|
1827
|
+
break;
|
|
1828
|
+
}
|
|
1829
|
+
};
|
|
1830
|
+
/**
|
|
1831
|
+
* @param {?} type
|
|
1832
|
+
* @return {?}
|
|
1833
|
+
*/
|
|
1834
|
+
RAWidgetContainer.prototype.downloadIconClicked = /**
|
|
1835
|
+
* @param {?} type
|
|
1836
|
+
* @return {?}
|
|
1837
|
+
*/
|
|
1838
|
+
function (type) {
|
|
1839
|
+
switch (type) {
|
|
1840
|
+
case "CSV":
|
|
1841
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.CSV);
|
|
1842
|
+
break;
|
|
1843
|
+
case "PNG":
|
|
1844
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.PNG);
|
|
1845
|
+
break;
|
|
1846
|
+
case "PDF":
|
|
1847
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.PDF);
|
|
1848
|
+
break;
|
|
1849
|
+
case "SVG":
|
|
1850
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.SVG);
|
|
1851
|
+
break;
|
|
1852
|
+
case "JPEG":
|
|
1853
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.JPEG);
|
|
1854
|
+
break;
|
|
1855
|
+
}
|
|
1804
1856
|
};
|
|
1805
1857
|
/**Show dropdown on gear icon click */
|
|
1806
1858
|
/**
|
|
@@ -1824,14 +1876,16 @@
|
|
|
1824
1876
|
* @return {?}
|
|
1825
1877
|
*/
|
|
1826
1878
|
function () {
|
|
1827
|
-
if (this.dropDownShown)
|
|
1879
|
+
if (this.dropDownShown) {
|
|
1828
1880
|
this.dropDownShown = false;
|
|
1881
|
+
}
|
|
1882
|
+
this.isDownloadChartVisible = false;
|
|
1829
1883
|
};
|
|
1830
1884
|
RAWidgetContainer.decorators = [
|
|
1831
1885
|
{ type: core.Component, args: [{
|
|
1832
1886
|
selector: 'ra-widget-container',
|
|
1833
|
-
template: "<div class=\"wc-wrapper\" (mouseleave)
|
|
1834
|
-
styles: [".wcheader{width:100%;height:24px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0}.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;-webkit-animation:.3s ease-out slide-down;animation:.3s ease-out slide-down}.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}"]
|
|
1887
|
+
template: "<div class=\"wc-wrapper\" (mouseleave)=\"hideDropDown()\">\r\n <div class=\"wcheader widget-move\">\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 (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 <div class=\"title-bar-lock-icon\"><i [ngClass]=\"lockClass\"\r\n [attr.title]=\"lockStatus=='lock' ? 'Locked' : 'Partially Locked'\"></i></div>\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>\r\n",
|
|
1888
|
+
styles: [".wcheader{width:100%;height:24px;background:#fff;color:#3dcd58;font-family:\"Arial Rounded MT\";font-size:16px;position:absolute;left:0;top:0}.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}"]
|
|
1835
1889
|
}] }
|
|
1836
1890
|
];
|
|
1837
1891
|
/** @nocollapse */
|
|
@@ -1846,6 +1900,7 @@
|
|
|
1846
1900
|
RAWidgetContainer.propDecorators = {
|
|
1847
1901
|
ctlWidget: [{ type: core.ViewChild, args: ['ctlWidget', { static: false },] }],
|
|
1848
1902
|
widgetDropdown: [{ type: core.ViewChild, args: ['widgetDropdown', { static: false },] }],
|
|
1903
|
+
widgetDownload: [{ type: core.ViewChild, args: ['widgetDownload', { static: false },] }],
|
|
1849
1904
|
widgetInstanceId: [{ type: core.Input, args: ['widget-instance-id',] }],
|
|
1850
1905
|
globalFilter: [{ type: core.Input, args: ['global-filter',] }],
|
|
1851
1906
|
data: [{ type: core.Input, args: ['data',] }],
|
|
@@ -1891,10 +1946,16 @@
|
|
|
1891
1946
|
/** @type {?} */
|
|
1892
1947
|
RAWidgetContainer.prototype.dropDownShown;
|
|
1893
1948
|
/** @type {?} */
|
|
1949
|
+
RAWidgetContainer.prototype.isDownloadChartVisible;
|
|
1950
|
+
/** @type {?} */
|
|
1951
|
+
RAWidgetContainer.prototype.downloadIconType;
|
|
1952
|
+
/** @type {?} */
|
|
1894
1953
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1895
1954
|
/** @type {?} */
|
|
1896
1955
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
1897
1956
|
/** @type {?} */
|
|
1957
|
+
RAWidgetContainer.prototype.widgetDownload;
|
|
1958
|
+
/** @type {?} */
|
|
1898
1959
|
RAWidgetContainer.prototype.widgetInstanceId;
|
|
1899
1960
|
/** @type {?} */
|
|
1900
1961
|
RAWidgetContainer.prototype.globalFilter;
|