@schneideress/dashboardframework 0.0.69 → 0.0.70
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 +64 -9
- 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 +61 -5
- package/esm5/lib/ra-widget-container/ra.widget.container.component.js +62 -6
- package/fesm2015/schneideress-dashboardframework.js +60 -4
- package/fesm2015/schneideress-dashboardframework.js.map +1 -1
- package/fesm5/schneideress-dashboardframework.js +61 -5
- package/fesm5/schneideress-dashboardframework.js.map +1 -1
- package/lib/ra-widget-container/ra.widget.container.component.d.ts +5 -1
- 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
|
|
@@ -1786,10 +1796,18 @@
|
|
|
1786
1796
|
*/
|
|
1787
1797
|
function () {
|
|
1788
1798
|
return __awaiter(this, void 0, void 0, function () {
|
|
1799
|
+
var downloadType;
|
|
1789
1800
|
return __generator(this, function (_a) {
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1801
|
+
switch (_a.label) {
|
|
1802
|
+
case 0: return [4 /*yield*/, this.widgetElement.getDownloadType()];
|
|
1803
|
+
case 1:
|
|
1804
|
+
downloadType = _a.sent();
|
|
1805
|
+
this.downloadIconType = downloadType;
|
|
1806
|
+
if (downloadType != widgetframework.RADownloadType.None) {
|
|
1807
|
+
this.isDownloadIconVisible = true;
|
|
1808
|
+
}
|
|
1809
|
+
return [2 /*return*/];
|
|
1810
|
+
}
|
|
1793
1811
|
});
|
|
1794
1812
|
});
|
|
1795
1813
|
};
|
|
@@ -1800,7 +1818,37 @@
|
|
|
1800
1818
|
* @return {?}
|
|
1801
1819
|
*/
|
|
1802
1820
|
function () {
|
|
1803
|
-
|
|
1821
|
+
switch (this.downloadIconType) {
|
|
1822
|
+
case widgetframework.RADownloadType.Grid:
|
|
1823
|
+
this.downloadIconClicked('CSV');
|
|
1824
|
+
break;
|
|
1825
|
+
case widgetframework.RADownloadType.Chart:
|
|
1826
|
+
this.isDownloadChartVisible = true;
|
|
1827
|
+
break;
|
|
1828
|
+
case widgetframework.RADownloadType.Custom:
|
|
1829
|
+
break;
|
|
1830
|
+
}
|
|
1831
|
+
};
|
|
1832
|
+
/**
|
|
1833
|
+
* @param {?} type
|
|
1834
|
+
* @return {?}
|
|
1835
|
+
*/
|
|
1836
|
+
RAWidgetContainer.prototype.downloadIconClicked = /**
|
|
1837
|
+
* @param {?} type
|
|
1838
|
+
* @return {?}
|
|
1839
|
+
*/
|
|
1840
|
+
function (type) {
|
|
1841
|
+
switch (type) {
|
|
1842
|
+
case "CSV":
|
|
1843
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.CSV);
|
|
1844
|
+
break;
|
|
1845
|
+
case "PNG":
|
|
1846
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.PNG);
|
|
1847
|
+
break;
|
|
1848
|
+
case "PDF":
|
|
1849
|
+
this.widgetElement.downloadClicked(this.downloadIconType, widgetframework.RADownloadOption.PDF);
|
|
1850
|
+
break;
|
|
1851
|
+
}
|
|
1804
1852
|
};
|
|
1805
1853
|
/**Show dropdown on gear icon click */
|
|
1806
1854
|
/**
|
|
@@ -1830,7 +1878,7 @@
|
|
|
1830
1878
|
RAWidgetContainer.decorators = [
|
|
1831
1879
|
{ type: core.Component, args: [{
|
|
1832
1880
|
selector: 'ra-widget-container',
|
|
1833
|
-
template: "<div class=\"wc-wrapper\" (mouseleave)
|
|
1881
|
+
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\" *ngIf=\"isDownloadIconVisible\">\r\n <i class=\"fas fa-download\" #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-edit\"></i>\r\n <span>{{'PNG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'JPEG'|translate}}</span>\r\n </a>\r\n <a (click)=\"downloadIconClicked('PNG')\">\r\n <i class=\"fal fa-edit\"></i>\r\n <span>{{'PDF'|translate}}</span>\r\n </a> \r\n <a (click)=\"downloadIconClicked('SVG')\">\r\n <i class=\"fal fa-edit\"></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",
|
|
1834
1882
|
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}"]
|
|
1835
1883
|
}] }
|
|
1836
1884
|
];
|
|
@@ -1846,6 +1894,7 @@
|
|
|
1846
1894
|
RAWidgetContainer.propDecorators = {
|
|
1847
1895
|
ctlWidget: [{ type: core.ViewChild, args: ['ctlWidget', { static: false },] }],
|
|
1848
1896
|
widgetDropdown: [{ type: core.ViewChild, args: ['widgetDropdown', { static: false },] }],
|
|
1897
|
+
widgetDownload: [{ type: core.ViewChild, args: ['widgetDownload', { static: false },] }],
|
|
1849
1898
|
widgetInstanceId: [{ type: core.Input, args: ['widget-instance-id',] }],
|
|
1850
1899
|
globalFilter: [{ type: core.Input, args: ['global-filter',] }],
|
|
1851
1900
|
data: [{ type: core.Input, args: ['data',] }],
|
|
@@ -1891,10 +1940,16 @@
|
|
|
1891
1940
|
/** @type {?} */
|
|
1892
1941
|
RAWidgetContainer.prototype.dropDownShown;
|
|
1893
1942
|
/** @type {?} */
|
|
1943
|
+
RAWidgetContainer.prototype.isDownloadChartVisible;
|
|
1944
|
+
/** @type {?} */
|
|
1945
|
+
RAWidgetContainer.prototype.downloadIconType;
|
|
1946
|
+
/** @type {?} */
|
|
1894
1947
|
RAWidgetContainer.prototype.ctlWidget;
|
|
1895
1948
|
/** @type {?} */
|
|
1896
1949
|
RAWidgetContainer.prototype.widgetDropdown;
|
|
1897
1950
|
/** @type {?} */
|
|
1951
|
+
RAWidgetContainer.prototype.widgetDownload;
|
|
1952
|
+
/** @type {?} */
|
|
1898
1953
|
RAWidgetContainer.prototype.widgetInstanceId;
|
|
1899
1954
|
/** @type {?} */
|
|
1900
1955
|
RAWidgetContainer.prototype.globalFilter;
|